+
+
diff --git a/examples/webgl_particles_random.html b/examples/webgl_particles_random.html
index 0b859f44..ac4e1be6 100644
--- a/examples/webgl_particles_random.html
+++ b/examples/webgl_particles_random.html
@@ -1,46 +1,47 @@
-
+
+
+
+
-
+
+
+
+
-
+
+ void main(void) {
+
+ gl_FragColor = vec4( time, vUv.x, vUv.y, 1.0 );
+
+ }
+
-
+ void main() {
+
+ vUv = vec2( uv.x, 1.0 - uv.y );
+ gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+
+ }
+
-
-
-
+
+
diff --git a/examples/webgl_ribbons.html b/examples/webgl_ribbons.html
index 257efce7..41cb604c 100644
--- a/examples/webgl_ribbons.html
+++ b/examples/webgl_ribbons.html
@@ -1,17 +1,17 @@
-
+
@@ -44,8 +45,6 @@
if ( ! THREE.Detector.webgl ) THREE.Detector.addGetWebGLMessage();
- window.onload = init;
-
var container, stats;
var camera, scene, renderer, ribbon, geometry, geometry2, materials = [], ribbons = [],
parameters, i, i2, h, color, x, y, z, z2, s, n, n2, nribbons, grid;
@@ -55,11 +54,10 @@
var windowHalfX = window.innerWidth / 2;
var windowHalfY = window.innerHeight / 2;
- var postprocessing = {
+ var postprocessing = { enabled : true };
- enabled : true
-
- };
+ init();
+ animate();
function init() {
@@ -167,8 +165,6 @@
document.addEventListener( 'touchstart', onDocumentTouchStart, false );
document.addEventListener( 'touchmove', onDocumentTouchMove, false );
- loop();
-
}
function onDocumentMouseMove( event ) {
@@ -212,9 +208,9 @@
postprocessing.camera.position.z = 100;
var pars = { min_filter: THREE.LinearFilter, mag_filter: THREE.LinearFilter };
- postprocessing.rtTexture1 = new THREE.RenderTarget( window.innerWidth, window.innerHeight, pars );
- postprocessing.rtTexture2 = new THREE.RenderTarget( 512, 512, pars );
- postprocessing.rtTexture3 = new THREE.RenderTarget( 512, 512, pars );
+ postprocessing.rtTexture1 = new THREE.RenderTarget( window.innerWidth, window.innerHeight, pars );
+ postprocessing.rtTexture2 = new THREE.RenderTarget( 512, 512, pars );
+ postprocessing.rtTexture3 = new THREE.RenderTarget( 512, 512, pars );
var screen_shader = ShaderUtils.lib["screen"];
var screen_uniforms = Uniforms.clone( screen_shader.uniforms );
@@ -222,15 +218,14 @@
screen_uniforms["tDiffuse"].texture = postprocessing.rtTexture1;
screen_uniforms["opacity"].value = 1.0;
- postprocessing.materialScreen = new THREE.MeshShaderMaterial( {
+ postprocessing.materialScreen = new THREE.MeshShaderMaterial( {
- uniforms: screen_uniforms,
- vertex_shader: screen_shader.vertex_shader,
- fragment_shader: screen_shader.fragment_shader,
- blending: THREE.AdditiveBlending
-
- } );
+ uniforms: screen_uniforms,
+ vertex_shader: screen_shader.vertex_shader,
+ fragment_shader: screen_shader.fragment_shader,
+ blending: THREE.AdditiveBlending
+ } );
var convolution_shader = ShaderUtils.lib["convolution"];
var convolution_uniforms = Uniforms.clone( convolution_shader.uniforms );
@@ -242,14 +237,13 @@
convolution_uniforms["uImageIncrement"].value = postprocessing.blurx;
convolution_uniforms["cKernel"].value = ShaderUtils.buildKernel( 4.0 );
- postprocessing.materialConvolution = new THREE.MeshShaderMaterial( {
+ postprocessing.materialConvolution = new THREE.MeshShaderMaterial( {
- uniforms: convolution_uniforms,
- vertex_shader: "#define KERNEL_SIZE 25.0\n" + convolution_shader.vertex_shader,
- fragment_shader: "#define KERNEL_SIZE 25\n" + convolution_shader.fragment_shader
-
- } );
+ uniforms: convolution_uniforms,
+ vertex_shader: "#define KERNEL_SIZE 25.0\n" + convolution_shader.vertex_shader,
+ fragment_shader: "#define KERNEL_SIZE 25\n" + convolution_shader.fragment_shader
+ } );
postprocessing.quad = new THREE.Mesh( new Plane( window.innerWidth, window.innerHeight ), postprocessing.materialConvolution );
postprocessing.quad.position.z = -500;
@@ -257,9 +251,18 @@
}
- function loop() {
+ //
- requestAnimationFrame( loop, renderer.domElement );
+ function animate() {
+
+ requestAnimationFrame( animate );
+
+ render();
+ stats.update();
+
+ }
+
+ function render() {
var time = new Date().getTime() * 0.00005;
@@ -334,13 +337,8 @@
}
- stats.update();
-
-
-
}
-
diff --git a/examples/webgl_rtt.html b/examples/webgl_rtt.html
index dfc5376f..2511122e 100644
--- a/examples/webgl_rtt.html
+++ b/examples/webgl_rtt.html
@@ -1,112 +1,117 @@
-
-
three.js - render-to-texture - webgl
-
-
+
+
- color: #ffffff;
- }
+
+
three.js render-to-texture webgl example
-
-
-
+
-
-
three.js render-to-texture webgl example
+
+
-
-
-
-
-
+
+
-
- void main()
- {
- vUv = uv;
- //gl_Position = vec4( position, 1.0 );
- gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
- }
-
+
-
+ }
-
-
\ No newline at end of file
+
+
+
diff --git a/examples/webgl_scene_test.html b/examples/webgl_scene_test.html
index 79dab4f8..38eaaa3c 100644
--- a/examples/webgl_scene_test.html
+++ b/examples/webgl_scene_test.html
@@ -1,7 +1,7 @@
-
three.js - io - scene loader - webgl
+
three.js webgl - io - scene loader