|
@@ -7,31 +7,12 @@ The aim of this project is to create a lightweight 3D engine with a very low lev
|
|
|
|
|
|
The engine can render using <canvas>, <svg> and WebGL.
|
|
|
|
|
|
-More? irc.freenode.net #three.js
|
|
|
+More? [#three.js on irc.freenode.net](http://webchat.freenode.net/?channels=three.js)
|
|
|
|
|
|
### Examples ###
|
|
|
|
|
|
-#### Canvas ####
|
|
|
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_reflection.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_depth.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_normal.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/lights_pointlights.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/interactive_cubes.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/camera_orthographic.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/geometry_birds.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/geometry_earth.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/geometry_terrain.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_video.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/geometry_panorama.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/geometry_cube.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/particles_sprites.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/particles_random.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/particles_waves.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/particles_floor.html)
|
|
|
-
|
|
|
-#### WebGL ####
|
|
|
+#### WebGL #### (Context 3D)
|
|
|
|
|
|
[](http://mrdoob.github.com/three.js/examples/shader.html)
|
|
|
[](http://mrdoob.github.com/three.js/examples/materials_normalmap2.html)
|
|
@@ -51,6 +32,27 @@ More? irc.freenode.net #three.js
|
|
|
[](http://mrdoob.github.com/three.js/examples/geometry_large_mesh.html)
|
|
|
|
|
|
|
|
|
+#### Canvas #### (Context 2D)
|
|
|
+
|
|
|
+[](http://mrdoob.github.com/three.js/examples/materials_reflection.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/materials.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/materials_depth.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/materials_normal.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/lights_pointlights.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/interactive_cubes.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/camera_orthographic.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/geometry_birds.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/geometry_earth.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/geometry_terrain.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/materials_video.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/geometry_panorama.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/geometry_cube.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/particles_sprites.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/particles_random.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/particles_waves.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/particles_floor.html)
|
|
|
+
|
|
|
+
|
|
|
### Featured projects ###
|
|
|
|
|
|
[](http://www.omiod.com/games/fastkat.php)
|
|
@@ -91,7 +93,7 @@ This code creates a camera, then creates a scene object, adds a bunch of random
|
|
|
|
|
|
for (var i = 0; i < 1000; i++) {
|
|
|
|
|
|
- var particle = new THREE.Particle( new THREE.ParticleCircleMaterial( { color: Math.random() * 0x808080 + 0x808080 } ) );
|
|
|
+ var particle = new THREE.Particle( new THREE.ParticleCircleMaterial( { color: Math.random() * 0xffffff } ) );
|
|
|
particle.position.x = Math.random() * 2000 - 1000;
|
|
|
particle.position.y = Math.random() * 2000 - 1000;
|
|
|
particle.position.z = Math.random() * 2000 - 1000;
|
|
@@ -115,65 +117,6 @@ This code creates a camera, then creates a scene object, adds a bunch of random
|
|
|
|
|
|
</script>
|
|
|
|
|
|
-For creating a customised version of the library, including the source files in this order is a good way to start:
|
|
|
-
|
|
|
- <script type="text/javascript" src="../src/Three.js"></script>
|
|
|
- <script type="text/javascript" src="../src/core/Color.js"></script>
|
|
|
- <script type="text/javascript" src="../src/core/Vector2.js"></script>
|
|
|
- <script type="text/javascript" src="../src/core/Vector3.js"></script>
|
|
|
- <script type="text/javascript" src="../src/core/Vector4.js"></script>
|
|
|
- <script type="text/javascript" src="../src/core/Ray.js"></script>
|
|
|
- <script type="text/javascript" src="../src/core/Rectangle.js"></script>
|
|
|
- <script type="text/javascript" src="../src/core/Matrix3.js"></script>
|
|
|
- <script type="text/javascript" src="../src/core/Matrix4.js"></script>
|
|
|
- <script type="text/javascript" src="../src/core/Vertex.js"></script>
|
|
|
- <script type="text/javascript" src="../src/core/Face3.js"></script>
|
|
|
- <script type="text/javascript" src="../src/core/Face4.js"></script>
|
|
|
- <script type="text/javascript" src="../src/core/UV.js"></script>
|
|
|
- <script type="text/javascript" src="../src/core/Geometry.js"></script>
|
|
|
- <script type="text/javascript" src="../src/cameras/Camera.js"></script>
|
|
|
- <script type="text/javascript" src="../src/lights/Light.js"></script>
|
|
|
- <script type="text/javascript" src="../src/lights/AmbientLight.js"></script>
|
|
|
- <script type="text/javascript" src="../src/lights/DirectionalLight.js"></script>
|
|
|
- <script type="text/javascript" src="../src/lights/PointLight.js"></script>
|
|
|
- <script type="text/javascript" src="../src/objects/Object3D.js"></script>
|
|
|
- <script type="text/javascript" src="../src/objects/Particle.js"></script>
|
|
|
- <script type="text/javascript" src="../src/objects/Line.js"></script>
|
|
|
- <script type="text/javascript" src="../src/objects/Mesh.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/Material.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/LineBasicMaterial.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/MeshBasicMaterial.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/MeshLambertMaterial.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/MeshPhongMaterial.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/MeshDepthMaterial.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/MeshNormalMaterial.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/MeshFaceMaterial.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/MeshShaderMaterial.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/ParticleBasicMaterial.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/ParticleCircleMaterial.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/ParticleDOMMaterial.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/Texture.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/Uniforms.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/mappings/CubeReflectionMapping.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/mappings/CubeRefractionMapping.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/mappings/LatitudeReflectionMapping.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/mappings/LatitudeRefractionMapping.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/mappings/SphericalReflectionMapping.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/mappings/SphericalRefractionMapping.js"></script>
|
|
|
- <script type="text/javascript" src="../src/materials/mappings/UVMapping.js"></script>
|
|
|
- <script type="text/javascript" src="../src/scenes/Scene.js"></script>
|
|
|
- <script type="text/javascript" src="../src/scenes/Fog.js"></script>
|
|
|
- <script type="text/javascript" src="../src/scenes/FogExp2.js"></script>
|
|
|
- <script type="text/javascript" src="../src/renderers/Projector.js"></script>
|
|
|
- <script type="text/javascript" src="../src/renderers/DOMRenderer.js"></script>
|
|
|
- <script type="text/javascript" src="../src/renderers/CanvasRenderer.js"></script>
|
|
|
- <script type="text/javascript" src="../src/renderers/SVGRenderer.js"></script>
|
|
|
- <script type="text/javascript" src="../src/renderers/WebGLRenderer.js"></script>
|
|
|
- <script type="text/javascript" src="../src/renderers/renderables/RenderableObject.js"></script>
|
|
|
- <script type="text/javascript" src="../src/renderers/renderables/RenderableFace3.js"></script>
|
|
|
- <script type="text/javascript" src="../src/renderers/renderables/RenderableParticle.js"></script>
|
|
|
- <script type="text/javascript" src="../src/renderers/renderables/RenderableLine.js"></script>
|
|
|
-
|
|
|
|
|
|
### Change Log ###
|
|
|
|