make a cube in javascript in javascript

index.tsx
// Create a scene
var scene = new THREE.Scene();

// Create a cube geometry
var cubeGeometry = new THREE.BoxGeometry(1, 1, 1); // (width, height, depth)

// Create a material for the cube
var cubeMaterial = new THREE.MeshBasicMaterial({color: 0xff0000}); // Red color

// Create a cube mesh using the geometry and material
var cube = new THREE.Mesh(cubeGeometry, cubeMaterial);

// Add the cube to the scene
scene.add(cube);

// Create a camera
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); // (field of view, aspect ratio, near plane, far plane)

// Set the camera position
camera.position.z = 5;

// Create a renderer
var renderer = new THREE.WebGLRenderer();

// Set the renderer size to the window size
renderer.setSize(window.innerWidth, window.innerHeight);

// Add the renderer to the DOM
document.body.appendChild(renderer.domElement);

// Render the scene
renderer.render(scene, camera);
948 chars
33 lines