Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <script src="https://three.js/examples/js/renderers/CanvasRenderer.js"></script>
- <title>HTML5 Example</title>
- <script type="text/javascript" src="three3.js"></script>
- <script type="text/javascript">
- var camera, scene, renderer, cube, material, mesh;
- function init() {
- scene = new THREE.Scene();
- camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight,
- 1, 1000);
- camera.position.z = 1000;
- scene.add(camera);
- cube = new THREE.CubeGeometry(300, 300, 300);
- material = new THREE.MeshBasicMaterial({color:0x0000FF, wireframe: false});
- mesh = new THREE.Mesh(cube, material);
- scene.add(mesh);
- renderer = new THREE.CanvasRenderer();
- renderer.setSize(window.innerWidth, window.innerHeight);
- document.body.appendChild(renderer.domElement);
- animate();
- }
- function animate() {
- requestAnimationFrame(animate);
- mesh.rotation.x += 0.02;
- mesh.rotation.y += 0.02;
- renderer.render(scene, camera);
- }
- </script>
- </head>
- <body onload="init()">
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement