|
@@ -43,54 +43,54 @@
|
|
<script src="js/Detector.js"></script>
|
|
<script src="js/Detector.js"></script>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-
|
|
|
|
- (function closure() {
|
|
|
|
|
|
+
|
|
|
|
+ ( function closure() {
|
|
|
|
|
|
'use strict';
|
|
'use strict';
|
|
|
|
|
|
if ( ! Detector.webgl ) {
|
|
if ( ! Detector.webgl ) {
|
|
Detector.addGetWebGLMessage();
|
|
Detector.addGetWebGLMessage();
|
|
}
|
|
}
|
|
-
|
|
|
|
- var loader= new THREE.TextureLoader();
|
|
|
|
- loader.load( "textures/fxaa_scene.png", function onLoad(texture) {
|
|
|
|
|
|
+
|
|
|
|
+ var loader = new THREE.TextureLoader();
|
|
|
|
+ loader.load( "textures/fxaa_scene.png", function onLoad( texture ) {
|
|
var image = texture.image;
|
|
var image = texture.image;
|
|
texture.minFilter = THREE.LinearFilter;
|
|
texture.minFilter = THREE.LinearFilter;
|
|
texture.magFilter = THREE.LinearFilter;
|
|
texture.magFilter = THREE.LinearFilter;
|
|
|
|
|
|
- var fxaaMaterial = new THREE.ShaderMaterial(THREE.FXAAShader);
|
|
|
|
|
|
+ var fxaaMaterial = new THREE.ShaderMaterial( THREE.FXAAShader );
|
|
fxaaMaterial.uniforms.tDiffuse.value = texture;
|
|
fxaaMaterial.uniforms.tDiffuse.value = texture;
|
|
fxaaMaterial.uniforms.resolution.value.x = 1 / image.naturalWidth;
|
|
fxaaMaterial.uniforms.resolution.value.x = 1 / image.naturalWidth;
|
|
fxaaMaterial.uniforms.resolution.value.y = 1 / image.naturalHeight;
|
|
fxaaMaterial.uniforms.resolution.value.y = 1 / image.naturalHeight;
|
|
|
|
|
|
- var basicMaterial = new THREE.MeshBasicMaterial({map: texture});
|
|
|
|
|
|
+ var basicMaterial = new THREE.MeshBasicMaterial( { map: texture } );
|
|
|
|
|
|
- var plane = new THREE.PlaneBufferGeometry(1, 1);
|
|
|
|
|
|
+ var plane = new THREE.PlaneBufferGeometry( 1, 1 );
|
|
|
|
|
|
- var quad1 = new THREE.Mesh(plane, basicMaterial);
|
|
|
|
- var quad2 = new THREE.Mesh(plane, fxaaMaterial);
|
|
|
|
|
|
+ var quad1 = new THREE.Mesh( plane, basicMaterial );
|
|
|
|
+ var quad2 = new THREE.Mesh( plane, fxaaMaterial );
|
|
var scene1 = new THREE.Scene();
|
|
var scene1 = new THREE.Scene();
|
|
var scene2 = new THREE.Scene();
|
|
var scene2 = new THREE.Scene();
|
|
- scene1.add(quad1);
|
|
|
|
- scene2.add(quad2);
|
|
|
|
|
|
+ scene1.add( quad1 );
|
|
|
|
+ scene2.add( quad2 );
|
|
|
|
|
|
- var camera = new THREE.OrthographicCamera(-0.5, 0.5, 0.5, -0.5, -0.5, 0.5);
|
|
|
|
|
|
+ var camera = new THREE.OrthographicCamera( -0.5, 0.5, 0.5, -0.5, -0.5, 0.5 );
|
|
|
|
|
|
- var container = document.getElementById('container');
|
|
|
|
|
|
+ var container = document.getElementById( 'container' );
|
|
|
|
|
|
|
|
|
|
var renderer1 = new THREE.WebGLRenderer();
|
|
var renderer1 = new THREE.WebGLRenderer();
|
|
- renderer1.setPixelRatio(window.devicePixelRatio);
|
|
|
|
- renderer1.setSize(image.naturalWidth, image.naturalHeight);
|
|
|
|
- container.appendChild(renderer1.domElement);
|
|
|
|
|
|
+ renderer1.setPixelRatio( window.devicePixelRatio );
|
|
|
|
+ renderer1.setSize( image.naturalWidth, image.naturalHeight );
|
|
|
|
+ container.appendChild( renderer1.domElement );
|
|
|
|
|
|
var renderer2 = new THREE.WebGLRenderer();
|
|
var renderer2 = new THREE.WebGLRenderer();
|
|
- renderer2.setPixelRatio(window.devicePixelRatio);
|
|
|
|
- renderer2.setSize(image.naturalWidth, image.naturalHeight);
|
|
|
|
- container.appendChild(renderer2.domElement);
|
|
|
|
|
|
+ renderer2.setPixelRatio( window.devicePixelRatio );
|
|
|
|
+ renderer2.setSize( image.naturalWidth, image.naturalHeight );
|
|
|
|
+ container.appendChild( renderer2.domElement );
|
|
|
|
|
|
- renderer1.render(scene1, camera);
|
|
|
|
- renderer2.render(scene2, camera);
|
|
|
|
|
|
+ renderer1.render( scene1, camera );
|
|
|
|
+ renderer2.render( scene2, camera );
|
|
});
|
|
});
|
|
})();
|
|
})();
|
|
|
|
|