|
@@ -66,19 +66,29 @@
|
|
// Spheres
|
|
// Spheres
|
|
|
|
|
|
var geometry = new Sphere( 100, 14, 8, true );
|
|
var geometry = new Sphere( 100, 14, 8, true );
|
|
|
|
+ // var geometry = new Sphere( 100, 44, 28, true );
|
|
|
|
|
|
var generatedTexture = new THREE.Texture( generateTexture() );
|
|
var generatedTexture = new THREE.Texture( generateTexture() );
|
|
generatedTexture.loaded = 1;
|
|
generatedTexture.loaded = 1;
|
|
-
|
|
|
|
|
|
+
|
|
var materials = [];
|
|
var materials = [];
|
|
materials.push( { material: new THREE.MeshBasicMaterial( { color: 0x00ffff, wireframe: true } ), overdraw: false, doubleSided: true } );
|
|
materials.push( { material: new THREE.MeshBasicMaterial( { color: 0x00ffff, wireframe: true } ), overdraw: false, doubleSided: true } );
|
|
materials.push( { material: new THREE.MeshBasicMaterial( { color: 0xff0000, blending: THREE.AdditiveBlending } ), overdraw: false, doubleSided: true } );
|
|
materials.push( { material: new THREE.MeshBasicMaterial( { color: 0xff0000, blending: THREE.AdditiveBlending } ), overdraw: false, doubleSided: true } );
|
|
materials.push( { material: new THREE.MeshLambertMaterial( { color: 0xffffff } ), overdraw: true, doubleSided: false } );
|
|
materials.push( { material: new THREE.MeshLambertMaterial( { color: 0xffffff } ), overdraw: true, doubleSided: false } );
|
|
materials.push( { material: new THREE.MeshPhongMaterial( { ambient: 0x030383, color: 0xf55555, specular: 0x66f6f6, shininess: 10 } ), overdraw: true, doubleSided: false } );
|
|
materials.push( { material: new THREE.MeshPhongMaterial( { ambient: 0x030383, color: 0xf55555, specular: 0x66f6f6, shininess: 10 } ), overdraw: true, doubleSided: false } );
|
|
materials.push( { material: new THREE.MeshDepthMaterial( { near: 1, far: 2000 } ), overdraw: true, doubleSided: false } );
|
|
materials.push( { material: new THREE.MeshDepthMaterial( { near: 1, far: 2000 } ), overdraw: true, doubleSided: false } );
|
|
- materials.push( { material: new THREE.MeshNormalMaterial( ), overdraw: true, doubleSided: false } );
|
|
|
|
|
|
+ materials.push( { material: new THREE.MeshNormalMaterial( { shading: THREE.GouraudShading } ), overdraw: true, doubleSided: false } );
|
|
materials.push( { material: new THREE.MeshBasicMaterial( { map: generatedTexture } ), overdraw: true, doubleSided: false } );
|
|
materials.push( { material: new THREE.MeshBasicMaterial( { map: generatedTexture } ), overdraw: true, doubleSided: false } );
|
|
|
|
|
|
|
|
+ for ( var i = 0, l = geometry.faces.length; i < l; i ++ ) {
|
|
|
|
+
|
|
|
|
+ var face = geometry.faces[ i ];
|
|
|
|
+ if ( Math.random() > 0.7 ) face.material = [ materials[ Math.floor( Math.random() * materials.length ) ].material ];
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ materials.push( { material: new THREE.MeshFaceMaterial(), overdraw: false, doubleSided: true } );
|
|
|
|
+
|
|
objects = [];
|
|
objects = [];
|
|
|
|
|
|
for ( var i = 0, l = materials.length; i < l; i ++ ) {
|
|
for ( var i = 0, l = materials.length; i < l; i ++ ) {
|
|
@@ -102,7 +112,7 @@
|
|
|
|
|
|
//particleLight = new THREE.Particle( new THREE.ParticleCircleMaterial( { color: 0xffffff } ) );
|
|
//particleLight = new THREE.Particle( new THREE.ParticleCircleMaterial( { color: 0xffffff } ) );
|
|
//particleLight.scale.x = particleLight.scale.y = particleLight.scale.z = 4;
|
|
//particleLight.scale.x = particleLight.scale.y = particleLight.scale.z = 4;
|
|
- particleLight = new THREE.Mesh( new Sphere( 4, 8, 8 ), new THREE.MeshBasicMaterial( { color: 0xffffff } ) );
|
|
|
|
|
|
+ particleLight = new THREE.Mesh( new Sphere( 4, 8, 4 ), new THREE.MeshBasicMaterial( { color: 0xffffff } ) );
|
|
scene.addObject( particleLight );
|
|
scene.addObject( particleLight );
|
|
|
|
|
|
// Lights
|
|
// Lights
|
|
@@ -120,7 +130,7 @@
|
|
scene.addLight( pointLight );
|
|
scene.addLight( pointLight );
|
|
|
|
|
|
renderer = new THREE.CanvasRenderer();
|
|
renderer = new THREE.CanvasRenderer();
|
|
- //renderer = new THREE.WebGLRenderer();
|
|
|
|
|
|
+ // renderer = new THREE.WebGLRenderer();
|
|
renderer.setSize( window.innerWidth, window.innerHeight );
|
|
renderer.setSize( window.innerWidth, window.innerHeight );
|
|
|
|
|
|
container.appendChild( renderer.domElement );
|
|
container.appendChild( renderer.domElement );
|
|
@@ -159,7 +169,7 @@
|
|
for ( var i = 0, j = 0, l = image.data.length; i < l; i += 4, j ++ ) {
|
|
for ( var i = 0, j = 0, l = image.data.length; i < l; i += 4, j ++ ) {
|
|
|
|
|
|
x = j % 256;
|
|
x = j % 256;
|
|
- y = x == 0 ? y + 1 : y;
|
|
|
|
|
|
+ y = ~~( j / 256 );
|
|
|
|
|
|
image.data[ i + 2 ] = Math.floor( x ^ y );
|
|
image.data[ i + 2 ] = Math.floor( x ^ y );
|
|
image.data[ i + 3 ] = 255;
|
|
image.data[ i + 3 ] = 255;
|