The avatar for @severo
Sylvain Lesage
Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Published
Three.js
Edited
Mar 13, 2021
Importers
5 stars
1
Three.js
Three.js fundamentalsTexture projectionCalibrate a Three.js camera using fSpyVoronoi ClothGeographic map texture in Three.jsTextured lighting in Three.jswebgl / lights / textured spotlightExpresando magnitudes 3D sobre mapas con ThreeJSTransition between Three.js cameras3D base mapSVG icons in three.jsRoads network in three.jsExport and Load glTFHow to import three.jsSwimming pool 3D modelThree.js camera orientation
Three.js Perspective Camera Utils
Cameras covered areaHow many cameras see the mouse?Design a springThree.js utilsFind the contour of a camera visible areathreejs Plane.constant is reversed!Import three.js
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
intersectionWithY0 = getTargetAtY(camera, 0, 0, 0)
Insert cell
clip = getClipFromWorld(camera, intersectionWithY0)
Insert cell
sameIntersectionWithY0 = getTargetAtY(camera, 0, clip.x, clip.y)
Insert cell
camera0 = fromParamsTUR({
fov: 60,
aspect: 2,
near: 0.1,
far: 100,
position: [0, 0, 0],
target: [0, 0, 1],
up: [0, 1, 0],
roll: 0
})
Insert cell
intersectionWithZ1 = getTargetAtZ(camera0, 1, 0, 0)
Insert cell
intersectionWithZM1 = getTargetAtZ(camera0, -1, 0, 0)
Insert cell
getClipFromWorld(camera0, { x: 0, y: 0, z: 1 })
Insert cell
getClipFromWorld(camera0, { x: 0, y: 0, z: 0 })
Insert cell
getClipFromWorld(camera0, { x: 0, y: 0, z: -1 })
Insert cell
getClipFromWorld(camera0, { x: 0, y: 0, z: -1 }, false)
Insert cell
containsPoint(camera0, { x: 0, y: 0, z: 1 })
Insert cell
containsPoint(camera0, { x: 0, y: 0, z: 0 })
Insert cell
containsPoint(camera0, { x: 0, y: 0, z: -1 })
Insert cell
getDistanceTo(camera0, { x: 0, y: 0, z: -1 })
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
Learn more