Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function CubeRender(Container) {
- // Get the container div
- var container = document.getElementById(Container.__id);
- // Check if container exists
- if (!container) {
- console.error('Container element not found');
- return; // Stop the initialization if the container is not found
- }
- // Create a scene
- var scene = new THREE.Scene();
- // Create a camera
- var camera = new THREE.PerspectiveCamera(75, container.offsetWidth / container.offsetHeight, 0.1, 1000);
- camera.position.z = 2;
- // Create a renderer
- var renderer = new THREE.WebGLRenderer({ alpha: true });
- renderer.setSize(container.offsetWidth, container.offsetHeight);
- renderer.setClearColor(0x000000, 0);
- container.appendChild(renderer.domElement);
- // Create a cube geometry
- var geometry = new THREE.BoxGeometry();
- // Create a material
- var material = new THREE.MeshBasicMaterial({ color: 0xFF202020 });
- // Create a mesh (cube) with geometry and material
- var cube = new THREE.Mesh(geometry, material);
- scene.add(cube);
- // Render the scene
- function render() {
- requestAnimationFrame(render);
- cube.rotation.x += 0.01;
- cube.rotation.y += 0.01;
- renderer.render(scene, camera);
- }
- render();
- }
Advertisement
Add Comment
Please, Sign In to add comment