提交 188b9b70 编写于 作者: M Mr.doob

Examples: Cleaned up setClearColor().

上级 ec602c18
......@@ -184,8 +184,8 @@
<code>// Creates a renderer with red background
var renderer = new THREE.WebGLRenderer();
renderer.setSize(200, 100);
renderer.setClearColor(0xff0000, 1);
renderer.setSize( 200, 100 );
renderer.setClearColor( 0xff0000 );
</code>
<h3>[method:Color getClearColor]()</h3>
......
......@@ -255,7 +255,7 @@ function guiScene ( gui, scene ) {
colorConvert( value );
renderer.setClearColor(color.getHex(), 1);
renderer.setClearColor( color.getHex() );
} );
......
......@@ -80,8 +80,7 @@
scene = new THREE.Scene();
renderer = new THREE.CanvasRenderer( { antialias: false } );
renderer.setClearColor( 0x000000, 1 );
renderer = new THREE.CanvasRenderer();
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -99,7 +99,7 @@
scene.add( object );
renderer = new THREE.CanvasRenderer();
renderer.setClearColor( 0x111111, 1 );
renderer.setClearColor( 0x111111 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( WIDTH, HEIGHT );
......
......@@ -98,7 +98,7 @@ function Scene ( type, numObjects, cameraZ, fov, rotationSpeed, clearColor ) {
this.mesh.rotation.y += delta*this.rotationSpeed.y;
this.mesh.rotation.z += delta*this.rotationSpeed.z;
renderer.setClearColor( this.clearColor, 1 );
renderer.setClearColor( this.clearColor );
if (rtt)
renderer.render( this.scene, this.camera, this.fbo, true );
......
......@@ -59,7 +59,7 @@
camera.lookAt(new THREE.Vector3( 0, 0, 0 ));
renderer = new THREE.WebGLRenderer();
renderer.setClearColor( 0x555555, 1 );
renderer.setClearColor( 0x555555 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -109,7 +109,7 @@
// renderer
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
......
......@@ -117,7 +117,7 @@
// renderer
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
......
......@@ -68,7 +68,7 @@
scene.add( light );
renderer = new THREE.WebGLRenderer( { antialias: true, alpha: false } );
renderer.setClearColor( '#777777', 1 );
renderer.setClearColor( 0x777777 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.autoClear = true;
......@@ -263,4 +263,3 @@
</body>
</html>
......@@ -134,12 +134,11 @@
// RENDERER
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
renderer.domElement.style.position = "relative";
renderer.setClearColor( scene.fog.color, 1 );
container.appendChild( renderer.domElement );
renderer.gammaInput = true;
......
......@@ -227,7 +227,7 @@
//
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
......
......@@ -117,7 +117,7 @@
//
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
......
......@@ -208,7 +208,7 @@
//
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
......
......@@ -150,7 +150,7 @@
scene.add( sphere );
renderer = new THREE.WebGLRenderer();
renderer.setClearColor( 0x050505, 1 );
renderer.setClearColor( 0x050505 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( WIDTH, HEIGHT );
......
......@@ -186,7 +186,7 @@
scene.add( object );
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( 0x050505, 1 );
renderer.setClearColor( 0x050505 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( WIDTH, HEIGHT );
......
......@@ -194,7 +194,7 @@
scene.add( directionalLight );
renderer = new THREE.WebGLRenderer();
renderer.setClearColor( 0xbfd1e5, 1 );
renderer.setClearColor( 0xbfd1e5 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
......
......@@ -105,7 +105,7 @@
scene.add( directionalLight );
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor(0xffffff, 1);
renderer.setClearColor( 0xffffff );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -112,7 +112,7 @@
scene.add( mesh );
renderer = new THREE.WebGLRenderer();
renderer.setClearColor( 0xaaccff, 1 );
renderer.setClearColor( 0xaaccff );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
......
......@@ -193,7 +193,7 @@
scene.add( directionalLight );
renderer = new THREE.WebGLRenderer();
renderer.setClearColor( 0xbfd1e5, 1 );
renderer.setClearColor( 0xbfd1e5 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
......
......@@ -331,7 +331,7 @@
//
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( 0xf0f0f0, 1 );
renderer.setClearColor( 0xf0f0f0 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -246,7 +246,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -261,7 +261,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -504,7 +504,7 @@
scene.fog = new THREE.Fog( 0xffffff, 100, 1000 );
renderer = new THREE.WebGLRenderer();
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -213,7 +213,7 @@
//
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -164,7 +164,7 @@
scene.add( highlightBox );
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( 0xffffff, 1 );
renderer.setClearColor( 0xffffff );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.sortObjects = false;
......
......@@ -170,7 +170,7 @@
// renderer
renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -225,7 +225,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -203,7 +203,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -96,7 +96,7 @@
scene.add( object );
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( 0x111111, 1 );
renderer.setClearColor( 0x111111 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( WIDTH, HEIGHT );
......
......@@ -114,7 +114,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
renderer.domElement.style.position = "relative";
......
......@@ -118,7 +118,7 @@
// renderer
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
......
......@@ -173,7 +173,7 @@
// renderer
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
......
......@@ -115,7 +115,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
renderer.domElement.style.position = "relative";
......
......@@ -158,7 +158,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer();
renderer.setClearColor( 0x050505, 1 );
renderer.setClearColor( 0x050505 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
......
......@@ -117,7 +117,7 @@
//
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( 0x0a0a0a, 1 );
renderer.setClearColor( 0x0a0a0a );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.sortObjects = true;
......
......@@ -177,7 +177,7 @@
loader.load( "obj/leeperrysmith/LeePerrySmith.js", function( geometry ) { createScene( geometry, 100, material ) } );
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( 0x060708, 1 );
renderer.setClearColor( 0x060708 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -180,15 +180,11 @@
//
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( 0x060708, 1 );
renderer.setClearColor( 0x444a54 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
var color = new THREE.Color();
color.setHSL( 0.6, 0.1, 0.3 );
renderer.setClearColor( color, 1 );
renderer.shadowMapEnabled = true;
renderer.shadowMapCullFace = THREE.CullFaceBack;
......
......@@ -187,7 +187,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
container.appendChild( renderer.domElement );
......@@ -887,7 +887,7 @@
v = THREE.Math.clamp( v + 0.5 * delta * vdir, 0.1, 0.9 );
scene.fog.color.setHSL( 0.51, 0.5, v * 0.75 );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
var vnorm = ( v - 0.05 ) / ( 0.9 - 0.05 );
......
......@@ -139,7 +139,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
renderer.domElement.style.position = "relative";
......
......@@ -137,7 +137,7 @@
loader.load( "obj/leeperrysmith/LeePerrySmith.js", function( geometry ) { createScene( geometry, 100, material ) } );
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( 0x111111, 1 );
renderer.setClearColor( 0x111111 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -157,7 +157,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( 0x050505, 1 );
renderer.setClearColor( 0x050505 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.autoClear = false;
......
......@@ -154,7 +154,7 @@
// RENDERER
renderer.setClearColor( scene1.fog.color, 1 );
renderer.setClearColor( scene1.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
renderer.autoClear = false;
......
......@@ -195,7 +195,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
renderer.autoClear = false;
......
......@@ -209,7 +209,7 @@
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene1.fog.color, 1 );
renderer.setClearColor( scene1.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
renderer.autoClear = false;
......
......@@ -96,7 +96,7 @@
// RENDERER
renderer.setClearColor( 0xf2f7ff, 1 );
renderer.setClearColor( 0xf2f7ff );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
renderer.autoClear = false;
......
......@@ -229,7 +229,7 @@
scene.add( mesh );
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( 0x050505, 1 );
renderer.setClearColor( 0x050505 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( WIDTH, HEIGHT );
......
......@@ -141,7 +141,7 @@
//
renderer = new THREE.WebGLRenderer();
renderer.setClearColor( 0x222222, 1 );
renderer.setClearColor( 0x222222 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.sortObjects = false;
......
......@@ -137,7 +137,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
container.appendChild( renderer.domElement );
......
......@@ -138,7 +138,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
container.appendChild( renderer.domElement );
......
......@@ -22,11 +22,11 @@
position: absolute;
top: 0px; width: 100%;
padding: 5px;
}
a { color: red; }
a {
color: red;
}
</style>
</head>
<body>
......@@ -37,7 +37,6 @@
- models by <a href="http://sketchup.google.com/3dwarehouse/details?mid=2c6fd128fca34052adc5f5b98d513da1" target="_blank">Reallusion</a>
<a href="http://sketchup.google.com/3dwarehouse/details?mid=f526cc4abf7cb68d76cab47c765b7255" target="_blank">iClone</a>,
<a href="http://artist-3d.com/free_3d_models/dnm/model_disp.php?uid=1129" target="_blank">Troyano</a>
</div>
<script src="../build/three.min.js"></script>
......@@ -138,14 +137,13 @@
//
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
renderer.autoClear = false;
renderer.sortObjects = false;
container.appendChild( renderer.domElement );
renderer.setClearColor( scene.fog.color, 1 );
//
parent = new THREE.Object3D();
......
......@@ -77,7 +77,7 @@
} );
renderer = new THREE.WebGLRenderer();
renderer.setClearColor( 0xffffff, 1 );
renderer.setClearColor( 0xffffff );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -107,7 +107,7 @@
}
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( 0x050505, 1 );
renderer.setClearColor( 0x050505 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
......
......@@ -139,7 +139,7 @@
//
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( 0x000000, 1 );
renderer.setClearColor( 0x000000 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( width, height );
renderer.autoClear = false;
......
......@@ -124,7 +124,7 @@
//
renderer = new THREE.WebGLRenderer( { antialias: false } );
renderer.setClearColor( bgColor, 1 );
renderer.setClearColor( bgColor );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
......
......@@ -324,7 +324,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
......@@ -496,7 +496,7 @@
if ( morph ) morph.updateAnimation( delta );
scene.fog.color.setHSL( 0.63, 0.05, parameters.control );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
sunLight.intensity = parameters.control * 0.7 + 0.3;
pointLight.intensity = - parameters.control * 0.5 + 1;
......@@ -526,4 +526,3 @@
</body>
</html>
......@@ -133,11 +133,11 @@
// RENDERER
renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
container.appendChild( renderer.domElement );
renderer.setClearColor( scene.fog.color, 1 );
renderer.autoClear = false;
//
......
......@@ -129,7 +129,7 @@
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
container.appendChild( renderer.domElement );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.autoClear = false;
//
......
......@@ -430,7 +430,7 @@
// RENDERER
renderer = new THREE.WebGLRenderer();
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
container.appendChild( renderer.domElement );
......@@ -659,7 +659,7 @@
scene.fog.color.setHSL( 0.1, 0.5, lightVal );
renderer.setClearColor( scene.fog.color, 1 );
renderer.setClearColor( scene.fog.color );
directionalLight.intensity = THREE.Math.mapLinear( valNorm, 0, 1, 0.1, 1.15 );
pointLight.intensity = THREE.Math.mapLinear( valNorm, 0, 1, 0.9, 1.5 );
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册