The avatar for @jwilber
Jared Wilber
mlu @aws
Public
Edited
May 26, 2023
Fork of JSCAD Experiment - Part 1, Basic Pipeline
Insert cell
Insert cell
Insert cell
Insert cell
cylinder = csg.cylinder({
start: [0, -3, 0],
end: [0, 1, 0],
radiusStart: 1, // start- and end radius defined, partial cones
radiusEnd: 2,
resolution: 32
});
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
rawData = stlSerializer.serialize(shape)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
stlGeometry = new Promise((resolve, reject) => {
const loader = new THREE.STLLoader();
loader.load(objectUrl, (geometry) => {
resolve(geometry)
});
})
Insert cell
md`# Libraries and Initialization`
Insert cell
stlSerializer = require('https://bundle.run/@jscad/stl-serializer@0.2.0')
Insert cell
csg=jscad.CSG
Insert cell
jscad = require('https://bundle.run/@jscad/csg@0.7.0');
Insert cell
THREE = {
const THREE = window.THREE = await require("three@0.99.0/build/three.min.js");
await require("three@0.99.0/examples/js/controls/OrbitControls.js").catch(() => {});
await require("three@0.99.0/examples/js/loaders/STLLoader.js").catch(() => {});
return THREE;
}
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more