Skip to content

Commit a2acf0b

Browse files
mrdoobmrdoob
committed
CanvasRenderer/SVGRenderer: RenderableFace4 is now gone. Unfortunately it created more problems than it solved.
CanvasRenderer now with ShadingSmooth, or something along the lines...
1 parent 724870d commit a2acf0b

31 files changed

Lines changed: 589 additions & 689 deletions

‎build/Three.js‎

Lines changed: 115 additions & 119 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎build/ThreeDebug.js‎

Lines changed: 116 additions & 119 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎examples/camera_orthographic.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -71,10 +71,11 @@
7171
// Cubes
7272

7373
var geometry = new Cube( 50, 50, 50 );
74+
var material = new THREE.MeshLambertMaterial( { color: 0xffffff, shading: THREE.FlatShading } );
7475

7576
for ( var i = 0; i < 100; i ++ ) {
7677

77-
var cube = new THREE.Mesh( geometry, new THREE.MeshLambertMaterial( { color: 0xffffff, opacity: Math.random() * 0.5 + 0.5 } ) );
78+
var cube = new THREE.Mesh( geometry, material );
7879
cube.overdraw = true;
7980

8081
cube.scale.y = Math.floor( Math.random() * 2 + 1 );

examples/camera_free.html renamed to examples/canvasrenderer_sandbox.html

Lines changed: 13 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,7 @@
4545
<script type="text/javascript" src="../src/materials/MeshLambertMaterial.js"></script>
4646
<script type="text/javascript" src="../src/materials/MeshPhongMaterial.js"></script>
4747
<script type="text/javascript" src="../src/materials/MeshDepthMaterial.js"></script>
48+
<script type="text/javascript" src="../src/materials/MeshNormalMaterial.js"></script>
4849
<script type="text/javascript" src="../src/materials/MeshFaceMaterial.js"></script>
4950
<script type="text/javascript" src="../src/materials/ParticleBasicMaterial.js"></script>
5051
<script type="text/javascript" src="../src/materials/ParticleCircleMaterial.js"></script>
@@ -55,7 +56,6 @@
5556
<script type="text/javascript" src="../src/renderers/SVGRenderer.js"></script>
5657
<script type="text/javascript" src="../src/renderers/WebGLRenderer.js"></script>
5758
<script type="text/javascript" src="../src/renderers/renderables/RenderableFace3.js"></script>
58-
<script type="text/javascript" src="../src/renderers/renderables/RenderableFace4.js"></script>
5959
<script type="text/javascript" src="../src/renderers/renderables/RenderableParticle.js"></script>
6060
<script type="text/javascript" src="../src/renderers/renderables/RenderableLine.js"></script>
6161

@@ -68,6 +68,7 @@
6868
var container, stats;
6969

7070
var camera, scene, renderer, objects;
71+
var pointLight;
7172

7273
var sphere;
7374

@@ -80,29 +81,23 @@
8081
var windowHalfX = window.innerWidth / 2;
8182
var windowHalfY = window.innerHeight / 2;
8283

83-
var moveForward = false,
84-
moveBackwards = false,
85-
moveUp = false,
86-
moveDown = false,
87-
moveLeft = false,
88-
moveRight = false,
84+
var moveForward = false, moveBackwards = false,
85+
moveUp = false, moveDown = false,
86+
moveLeft = false, moveRight = false,
8987

90-
yawLeft = false,
91-
yawRight = false,
92-
pitchUp = false,
93-
pitchDown = false,
94-
rollLeft = false,
95-
rollRight = false;
88+
yawLeft = false, yawRight = false,
89+
pitchUp = false, pitchDown = false,
90+
rollLeft = false, rollRight = false;
9691

9792
var debugContext;
9893

9994
init();
100-
setInterval(loop, 1000/60);
95+
setInterval( loop, 1000 / 60 );
10196

10297
function init() {
10398

104-
container = document.createElement('div');
105-
document.body.appendChild(container);
99+
container = document.createElement( 'div' );
100+
document.body.appendChild( container );
106101

107102
camera = new THREE.Camera( 45, window.innerWidth / window.innerHeight, 1, 10000 );
108103
camera.position.y = 150;
@@ -137,7 +132,7 @@
137132
objects = [];
138133

139134
geometry = new Sphere( 100, 16, 8 );
140-
material = new THREE.MeshLambertMaterial( { color: 0xffffff, opacity: 1 } );
135+
material = new THREE.MeshLambertMaterial( { color: 0xffffff, opacity: 1/*, shading: THREE.FlatShading*/ } );
141136

142137
for ( var i = 0; i < 10; i ++ ) {
143138

@@ -172,10 +167,9 @@
172167
directionalLight.position.normalize();
173168
scene.addLight( directionalLight );
174169

175-
var pointLight = new THREE.PointLight( 0xff0000, 1 );
170+
pointLight = new THREE.PointLight( 0xff0000, 1 );
176171
scene.addLight( pointLight );
177172

178-
179173
renderer = new THREE.CanvasRenderer();
180174
renderer.setSize( window.innerWidth, window.innerHeight );
181175

‎examples/geometry_birds.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
<script type="text/javascript" src="js/Stats.js"></script>
3030

3131
<script type="text/javascript" src="../build/Three.js"></script>
32-
<script type="text/javascript" src="geometry/Bird.js"></script>
32+
<script type="text/javascript" src="obj/Bird.js"></script>
3333

3434
<script type="text/javascript">
3535

‎examples/geometry_cube.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,12 +73,14 @@
7373

7474
cube = new THREE.Mesh( new Cube( 200, 200, 200, 1, 1, materials ), new THREE.MeshFaceMaterial() );
7575
cube.position.y = 150;
76+
cube.overdraw = true;
7677
scene.addObject( cube );
7778

7879
// Plane
7980

8081
plane = new THREE.Mesh( new Plane( 200, 200 ), new THREE.MeshBasicMaterial( { color: 0xe0e0e0 } ) );
8182
plane.rotation.x = -90 * ( Math.PI / 180 );
83+
plane.overdraw = true;
8284
scene.addObject( plane );
8385

8486
renderer = new THREE.CanvasRenderer();

‎examples/geometry_earth.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,7 @@
7474
scene.addObject(mesh);
7575

7676
mesh = new THREE.Mesh( new Sphere( 200, 20, 20 ), loadImage( 'textures/land_ocean_ice_cloud_2048.jpg' ) );
77+
mesh.overdraw = true;
7778
scene.addObject(mesh);
7879

7980
renderer = new THREE.CanvasRenderer();

‎examples/geometry_panorama.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,7 @@
3232
<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - panorama demo. cubemap by <a href="http://www.zfight.com/" target="_blank">Jochum Skoglund</a>.</div>
3333

3434
<script type="text/javascript" src="../build/Three.js"></script>
35+
3536
<script type="text/javascript" src="../src/extras/primitives/Cube.js"></script>
3637

3738
<script type="text/javascript">

‎examples/interactive_voxelpainter.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -147,7 +147,7 @@
147147

148148
var position = new THREE.Vector3().add( intersects[ 0 ].point, intersects[ 0 ].object.rotationMatrix.transform( intersects[ 0 ].face.normal.clone() ) );
149149

150-
var voxel = new THREE.Mesh( new Cube( 50, 50, 50 ), [ new THREE.MeshLambertMaterial( { color: 0x00ff80, opacity: 1 } ), new THREE.MeshFaceMaterial() ] );
150+
var voxel = new THREE.Mesh( new Cube( 50, 50, 50 ), [ new THREE.MeshLambertMaterial( { color: 0x00ff80, opacity: 1, shading: THREE.FlatShading } ), new THREE.MeshFaceMaterial() ] );
151151
voxel.position.x = Math.floor( position.x / 50 ) * 50 + 25;
152152
voxel.position.y = Math.floor( position.y / 50 ) * 50 + 25;
153153
voxel.position.z = Math.floor( position.z / 50 ) * 50 + 25;

‎examples/lights_pointlights.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
overflow: hidden;
1111
}
1212

13-
#info {
13+
#info {
1414
position: absolute;
1515
top: 0px; width: 100%;
1616
color: #ffffff;
@@ -39,7 +39,7 @@
3939
</div>
4040

4141
<script type="text/javascript" src="../build/Three.js"></script>
42-
<script type="text/javascript" src="geometry/WaltHead.js"></script>
42+
<script type="text/javascript" src="obj/WaltHead.js"></script>
4343

4444
<script type="text/javascript">
4545

0 commit comments

Comments
 (0)