2

examples/Fdage1.html

@@ -188,36 +188,43 @@
                     vertexShader: ` 
                         precision highp float; 
                         varying vec2 tc;
-                        attribute vec4 p;
+                        attribute vec4 position;
                         void main(){
-                           gl_Position=p;
-                           tc=vec2(0.5,0.5/8.0)*p.xy+vec2(0.5,6.5/8.0); 
+                           gl_Position=position;
+                           tc=vec2(0.5,0.5/8.0)*position.xy+vec2(0.5,6.5/8.0); 
 						}
                     `
 					,
-                    fragmentShader: [
-                        "precision highp float;",
-                        "varying vec2 tc;",
-                        "uniform sampler2D tex;",
-                        "uniform float b;",
-                        "void main(){",
-                        "   vec4 s=texture2D(tex,tc); ",
-                        "   gl_FragColor.xyz=s.xyz*(b*s.w);",
-                        "}"
-                    ].join( "\n" )
+                    fragmentShader: `
+                        precision highp float;
+                        varying vec2 tc;
+                        uniform sampler2D tex;
+                        uniform float b;
+                        void main(){
+                           vec4 s=texture2D(tex,tc); 
+                           //gl_FragColor.xyz=s.xyz*(b*s.w);
+						   gl_FragColor= vec4(s.xyz*(b*s.w), 1.0);
+                        }
+                   `
 				};
 				
 				var material;
-                var positions = new Float32Array([-1, -1, 0.5, 1, 3, -1, 0.5, 1, -1, 3, 0.5, 1]);
+                var positions = new Float32Array([-1, -1, 0.5, 1,   3, -1, 0.5, 1,   -1, 3, 0.5, 1]);
+				var indexes = new Uint16Array([0,1,2]);
 				var geometry = new THREE.BufferGeometry();
- 				geometry.addAttribute( 'p', new THREE.BufferAttribute( positions, 3 ) );
-				geometry.computeBoundingSphere();
-                
+ 				geometry.addAttribute( 'position', new THREE.BufferAttribute( positions, 4 ) );
+				//geometry.setIndex(new THREE.BufferAttribute(indexes, 1))
+				//geometry.computeBoundingSphere();
+                //var m = new THREE.Mesh( geometry, new THREE.MeshBasicMaterial( { side:2  } ) );
+				//scene.add(m)
+				
+				
                 new THREE.TextureLoader().load( 'textures/sky.png', function ( texture ) {
                     material = new THREE.RawShaderMaterial( {
                         uniforms: shader.uniforms,
                         vertexShader: shader.vertexShader,
-                        fragmentShader: shader.fragmentShader
+                        fragmentShader: shader.fragmentShader,
+						side:2
                     } );
      
                     material.uniforms.b.value = 7 * Math.sqrt(0.488874);
@@ -272,7 +279,7 @@
 
 
 			}
-
+ 
 			function animate() {
 				requestAnimationFrame( animate );
 				renderer.render( scene, camera );