Public
Edited
Dec 8, 2022
2 forks
Insert cell
Insert cell
Insert cell
{
const scene = new THREE.Scene();
const geometry = new THREE.BoxGeometry(1, 1, 1);
const material = new THREE.MeshBasicMaterial({ color: '#ff0000' });
const mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);
const sizes = { width: 800, height: 600 };
const camera = new THREE.PerspectiveCamera(75, sizes.width/ sizes.height);
camera.position.z = 3;
camera.position.x = 2;
camera.position.y = 2;
scene.add(camera);
const renderer = new THREE.WebGLRenderer({
canvas: document.querySelector('.webgl')
})
renderer.setSize(sizes.width, sizes.height);
renderer.render(scene, camera);
}
Insert cell
Insert cell
THREE = require("three@0.147.0/build/three.min.js")
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