The avatar for @esrs
Esteban Serrano
Published
Three.js examples
Edited
May 11, 2022
Fork of Gradient background follows camera, flat - Three.js
1 star
Three.js examples
Double sided color shader with instanceMesh in Three.jsExample of loading a Three JS object with OBJLoader as well as MTLLoader to attach the MTL file.Loading .OBJ from file Three.jsFind intersection point on imported geometryCheck if point in box - Three.jsBounding Box from point array - Three.jsDrawing meshes manually - Three.jsLifecycle management - Three.js - WIPCheck if point inside frustum - Three.jsMesh from bounding box from point array - Three.jsCubemap skybox - Three.jsEquirectangular map skybox - Three.jsSpline gradient as equirectangular as cubemap - Three.jsGradient background follows camera, flat - Three.js
Gradient background follows camera, spherical - Three.js
Using Troika text in Three.jsCustom shader on plane Three.js
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
gradientBackground = createBackground([
[9, 9, 9],
[178, 180, 193]
])
Insert cell
{
while (true) {
updateBackground();
renderer.render(scene, camera);
renderer2.render(scene, camera2);
yield null;
}
}
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

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