update to three.js r70.

This commit is contained in:
satoru kimura
2015-01-20 13:06:43 +09:00
parent 2deb7cab53
commit 33bd3c9d76
32 changed files with 496 additions and 363 deletions

View File

@@ -6,7 +6,6 @@
() => {
// ------- variable definitions that does not exist in the original code. These are for typescript.
var object: any;
// -------
var table = [
"H", "Hydrogen", "1.00794", 1, 1,
@@ -160,7 +159,7 @@
var symbol = document.createElement('div');
symbol.className = 'symbol';
symbol.textContent = (table[i]).toString();
symbol.textContent = table[i].toString();
element.appendChild(symbol);
var details = document.createElement('div');
@@ -168,16 +167,17 @@
details.innerHTML = table[i + 1] + '<br>' + table[i + 2];
element.appendChild(details);
object = new THREE.CSS3DObject(element);
object.position.x = Math.random() * 4000 - 2000;
object.position.y = Math.random() * 4000 - 2000;
object.position.z = Math.random() * 4000 - 2000;
scene.add(object);
var cssobject = new THREE.CSS3DObject(element);
cssobject.position.x = Math.random() * 4000 - 2000;
cssobject.position.y = Math.random() * 4000 - 2000;
cssobject.position.z = Math.random() * 4000 - 2000;
scene.add(cssobject);
objects.push(object);
objects.push(cssobject);
//
object = new THREE.Object3D();
var object = new THREE.Object3D();
object.position.x = (<number>table[i + 3] * 140) - 1330;
object.position.y = - (<number>table[i + 4] * 180) + 990;
@@ -247,6 +247,7 @@
}
//
renderer = new THREE.CSS3DRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.domElement.style.position = 'absolute';
@@ -288,7 +289,7 @@
}, false);
transform(targets.table, 5000);
transform(targets.table, 2000);
//
@@ -316,6 +317,7 @@
.start();
}
new TWEEN.Tween(this)
.to({}, duration * 2)
.onUpdate(render)

View File

@@ -27,16 +27,16 @@
scene = new THREE.Scene();
var image = document.createElement( 'img' );
image.addEventListener( 'load', function ( event ) {
var image = document.createElement('img');
image.addEventListener('load', function (event) {
for ( var i = 0; i < particlesTotal; i ++ ) {
for (var i = 0; i < particlesTotal; i++) {
var object = new THREE.CSS3DSprite( image.cloneNode() );
var object = new THREE.CSS3DSprite(image.cloneNode());
object.position.x = Math.random() * 4000 - 2000,
object.position.y = Math.random() * 4000 - 2000,
object.position.z = Math.random() * 4000 - 2000
scene.add(object);
scene.add(object);
objects.push(object);