forked frommrdoob/three.js
- Notifications
You must be signed in to change notification settings - Fork0
JavaScriptsShare/three.js
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
The aim of the project is to create an easy to use, lightweight, 3D library. The library provides <canvas>, <svg>, CSS3D and WebGL renderers.
Examples —Documentation —Migrating —Help
Download theminified library and include it in your html.Alternatively seehow to build the library yourself.
<scriptsrc="js/three.min.js"></script>
This code creates a scene, a camera, and a geometric cube, and it adds the cube to the scene. It then creates aWebGL renderer for the scene and camera, and it adds that viewport to the document.body element. Finally it animates the cube within the scene for the camera.
varscene,camera,renderer;vargeometry,material,mesh;init();animate();functioninit(){scene=newTHREE.Scene();camera=newTHREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,1,10000);camera.position.z=1000;geometry=newTHREE.BoxGeometry(200,200,200);material=newTHREE.MeshBasicMaterial({color:0xff0000,wireframe:true});mesh=newTHREE.Mesh(geometry,material);scene.add(mesh);renderer=newTHREE.WebGLRenderer();renderer.setSize(window.innerWidth,window.innerHeight);document.body.appendChild(renderer.domElement);}functionanimate(){requestAnimationFrame(animate);mesh.rotation.x+=0.01;mesh.rotation.y+=0.02;renderer.render(scene,camera);}
If everything went well you should seethis.
About
JavaScript 3D library.
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
No packages published
Languages
- JavaScript79.9%
- Python11.2%
- C++2.5%
- GLSL1.7%
- C1.7%
- MAXScript1.6%
- Other1.4%