|
|
@@ -14,43 +14,49 @@ More? [#three.js on irc.freenode.net](http://webchat.freenode.net/?channels=thre
|
|
|
|
|
|
#### WebGL (Context 3D) ####
|
|
|
|
|
|
-[](http://mrdoob.github.com/three.js/examples/shader.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_normalmap2.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_grass.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_normalmap.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/geometry_terrain_gl.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/geometry_minecraft_ao.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_shaders_fresnel.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_cars.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_cubemap_refraction.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_cubemap_balls_reflection.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_cubemap_balls_refraction.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_cubemap_escher.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_cubemap.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_gl.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/materials_shaders.html)
|
|
|
-[](http://mrdoob.github.com/three.js/examples/geometry_large_mesh.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_materials_video.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_postprocessing_dof.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_ribbons.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_geometry_colors.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_particles_billboards_colors.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_lines_colors.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_shader.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_materials_normalmap2.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_materials_grass.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_materials_normalmap.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_geometry_terrain.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_geometry_minecraft_ao.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_materials_shaders_fresnel.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_materials_cars.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_materials_cubemap_refraction.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_materials_cubemap_balls_reflection.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_materials_cubemap_balls_refraction.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_materials_cubemap_escher.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_materials_cubemap.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_materials.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_materials_shaders.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/webgl_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)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_materials_reflection.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_materials.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_materials_depth.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_materials_normal.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_lights_pointlights.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_interactive_cubes.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_camera_orthographic.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_geometry_birds.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_geometry_earth.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_geometry_terrain.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_materials_video.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_geometry_panorama.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_geometry_cube.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_particles_sprites.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_particles_random.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_particles_waves.html)
|
|
|
+[](http://mrdoob.github.com/three.js/examples/canvas_particles_floor.html)
|
|
|
|
|
|
|
|
|
### Featured projects ###
|
|
|
@@ -73,16 +79,16 @@ More? [#three.js on irc.freenode.net](http://webchat.freenode.net/?channels=thre
|
|
|
|
|
|
Download the [minified library](http://mrdoob.github.com/three.js/build/Three.js) and include it in your html.
|
|
|
|
|
|
- <script type="text/javascript" src="js/Three.js"></script>
|
|
|
+ <script src="js/Three.js"></script>
|
|
|
|
|
|
This code creates a camera, then creates a scene object, adds a bunch of random particles in it, creates a <canvas> renderer and adds its viewport in the document.body element.
|
|
|
|
|
|
- <script type="text/javascript">
|
|
|
+ <script>
|
|
|
|
|
|
var camera, scene, renderer;
|
|
|
|
|
|
init();
|
|
|
- setInterval( loop, 1000 / 60 );
|
|
|
+ animate();
|
|
|
|
|
|
function init() {
|
|
|
|
|
|
@@ -91,7 +97,7 @@ This code creates a camera, then creates a scene object, adds a bunch of random
|
|
|
|
|
|
scene = new THREE.Scene();
|
|
|
|
|
|
- for (var i = 0; i < 1000; i++) {
|
|
|
+ for ( var i = 0; i < 1000; i ++ ) {
|
|
|
|
|
|
var particle = new THREE.Particle( new THREE.ParticleCircleMaterial( { color: Math.random() * 0xffffff } ) );
|
|
|
particle.position.x = Math.random() * 2000 - 1000;
|
|
|
@@ -109,7 +115,14 @@ This code creates a camera, then creates a scene object, adds a bunch of random
|
|
|
|
|
|
}
|
|
|
|
|
|
- function loop() {
|
|
|
+ function animate() {
|
|
|
+
|
|
|
+ requestAnimationFrame( animate );
|
|
|
+ render();
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ function render() {
|
|
|
|
|
|
renderer.render( scene, camera );
|
|
|
|
|
|
@@ -120,6 +133,19 @@ This code creates a camera, then creates a scene object, adds a bunch of random
|
|
|
|
|
|
### Change Log ###
|
|
|
|
|
|
+2011 02 26 - **r33** (190.451 KB, gzip: 46.278 KB)
|
|
|
+
|
|
|
+* Added `ParticleSystem` object to `WebGLRenderer` ([alteredq](http://github.com/alteredq))
|
|
|
+* Added `Line` support to `WebGLRenderer` ([alteredq](http://github.com/alteredq))
|
|
|
+* Added vertex colors support to `WebGLRenderer` ([alteredq](http://github.com/alteredq))
|
|
|
+* Added `Ribbon` object. ([alteredq](http://github.com/alteredq))
|
|
|
+* Added updateable textures support to `WebGLRenderer` ([alteredq](http://github.com/alteredq))
|
|
|
+* Added `Sound` object and `SoundRenderer`. ([empaempa](http://github.com/empaempa))
|
|
|
+* `LOD`, `Bone`, `SkinnedMesh` objects and hierarchy being developed. ([empaempa](http://github.com/empaempa))
|
|
|
+* Changed build setup (`Three.js` now includes everything. `Three*.js` inside `build/custom` folder) ([mrdoob](http://github.com/mrdoob))
|
|
|
+* Many internal changes.
|
|
|
+
|
|
|
+
|
|
|
2010 12 31 - **r32** (89.301 KB, gzip: 21.351 KB)
|
|
|
|
|
|
* `Scene` now supports `Fog` and `FogExp2`. `WebGLRenderer` only right now. ([alteredq](http://github.com/alteredq))
|
Mr.doob