-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathscript.js
More file actions
64 lines (50 loc) · 1.92 KB
/
script.js
File metadata and controls
64 lines (50 loc) · 1.92 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 55, window.innerWidth/window.innerHeight, 0.00001, 1000 );
var renderer = new THREE.WebGLRenderer({ /*alpha: true*/ });
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.domElement.style.position = 'fixed'
document.body.appendChild( renderer.domElement );
var light = new THREE.AmbientLight( 0x343434 ); // soft white light
scene.add( light );
var rotX = rotY = rotZ = ((Math.random()*2)-1)*.0005
var manager = new THREE.LoadingManager();
manager.onProgress = function ( item, loaded, total ) {
//document.getElementById("loading").remove()
//document.getElementById("loadAmount").remove()
//console.log( item, loaded, total );
};
var onProgress = function ( xhr ) {
if ( xhr.lengthComputable ) {
var percentComplete = xhr.loaded / xhr.total * 100;
//document.getElementById("loadAmount").innerHTML = (Math.round(percentComplete, 2) + '%')
}
};
var onError = function ( xhr ) {
};
var loader = new THREE.ImageLoader( manager );
var mwGeo = new THREE.SphereGeometry(900,48,48)
var mwMat = new THREE.MeshBasicMaterial({color:0xffffff, side:THREE.DoubleSide})
var mwMesh = new THREE.Mesh(mwGeo,mwMat)
loader.load("../../lib/data/images/milkywaypan_brunier.jpg",function (image){
var texture = new THREE.Texture()
texture.image = image
texture.needsUpdate = true
mwMesh.material.map = texture
scene.add(mwMesh)
})
var render = function () {
camera.rotateX(rotX)
camera.rotateY(rotY)
camera.rotateZ(rotZ)
requestAnimationFrame( render );
renderer.render(scene, camera);
};
document.onmousemove = function(){
}
render();
window.addEventListener( 'resize', onWindowResize, false );
function onWindowResize(){
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize( window.innerWidth, window.innerHeight );
}