|
|
Particle3D=function(material){ |
|
|
THREE.Particle.call(this,material); |
|
|
this.velocity=new THREE.Vector3(4,-4,1);//閫熷害; |
|
|
//this.velocity.rotateX(2);//鏃嬭浆; |
|
|
this.gravity=new THREE.Vector3(0,0,0);//鍔犻€熷害; |
|
|
this.drag=1;//閫熷害鐩镐箻绯绘暟; |
|
|
}; |
|
|
//Particle:绮掑瓙; |
|
|
//prototype:鍘熷舰; |
|
|
Particle3D.prototype=new THREE.Particle(); |
|
|
Particle3D.prototype.constructor=Particle3D;//鏋勯€犲嚱鏁<EFBFBD> |
|
|
Particle3D.prototype.updatePhysics=function(){ |
|
|
this.velocity.multiplyScalar(this.drag);//鐭㈤噺鐩镐箻鍑芥暟 |
|
|
this.velocity.addSelf(this.gravity);//鐭㈤噺鐩稿姞鍑芥暟 |
|
|
this.position.addSelf(this.velocity);//鐭㈤噺鐩稿姞鍑芥暟 |
|
|
} |
|
|
var TO_RADIANS=Math.PI/180;//瑙掑害鍚戝姬搴﹁浆鎹㈢郴鏁<EFBFBD>* |
|
|
THREE.Vector3.prototype.rotateY=function(angle){ |
|
|
//缁昚杞撮『鏃堕拡鏃嬭浆angle; |
|
|
cosRY=Math.cos(angle*TO_RADIANS); |
|
|
sinRY=Math.sin(angle*TO_RADIANS); |
|
|
var tempz=this.z; |
|
|
var tempx=this.x; |
|
|
this.x=(tempx*cosRY)+(tempz*sinRY); |
|
|
this.z=(tempx*-sinRY)+(tempz*cosRY); |
|
|
} |
|
|
THREE.Vector3.prototype.rotateX=function(angle){ |
|
|
//缁昘杞撮『鏃堕拡鏃嬭浆angle; |
|
|
cosRY=Math.cos(angle*TO_RADIANS); |
|
|
sinRY=Math.sin(angle*TO_RADIANS); |
|
|
var tempz=this.z;; |
|
|
var tempy=this.y; |
|
|
this.y=(tempy*cosRY)+(tempz*sinRY); |
|
|
this.z=(tempy*-sinRY)+(tempz*cosRY); |
|
|
} |
|
|
THREE.Vector3.prototype.rotateZ=function(angle){ |
|
|
//缁昛杞撮『鏃堕拡鏃嬭浆angle; |
|
|
cosRY=Math.cos(angle*TO_RADIANS); |
|
|
sinRY=Math.sin(angle*TO_RADIANS); |
|
|
var tempx=this.x;; |
|
|
var tempy=this.y; |
|
|
this.y=(tempy*cosRY)+(tempx*sinRY); |
|
|
this.x=(tempy*-sinRY)+(tempx*cosRY); |
|
|
} |
|
|
function randomRange(min,max){ |
|
|
return((Math.random()*(max-min))+ min); |
|
|
} |
|
|
var SCREEN_WIDTH = window.innerWidth;// |
|
|
var SCREEN_HEIGHT = window.innerHeight; |
|
|
var container; |
|
|
var particle;//绮掑瓙 |
|
|
var camera; |
|
|
var scene; |
|
|
var renderer; |
|
|
var starSnow = 1; |
|
|
var particles = []; |
|
|
var particleImage = new Image(); |
|
|
//THREE.ImageUtils.loadTexture( "img/ParticleSmoke.png" ); |
|
|
particleImage.src = 'https://cdn.yimian.xyz/xuehua/ParticleSmoke.png'; |
|
|
function init() { |
|
|
//alert("message3"); |
|
|
container = document.createElement('div');//container锛氱敾甯冨疄渚<EFBFBD>; |
|
|
document.body.appendChild(container); |
|
|
camera = new THREE.PerspectiveCamera( 60, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 10000 ); |
|
|
camera.position.z = 1000; |
|
|
//camera.position.y = 50; |
|
|
scene = new THREE.Scene(); |
|
|
scene.add(camera); |
|
|
renderer = new THREE.CanvasRenderer(); |
|
|
renderer.setSize(SCREEN_WIDTH, SCREEN_HEIGHT); |
|
|
var material = new THREE.ParticleBasicMaterial( { map: new THREE.Texture(particleImage) } ); |
|
|
//alert("message2"); |
|
|
for (var i = 0; i < 500; i++) { |
|
|
//alert("message"); |
|
|
particle = new Particle3D( material); |
|
|
particle.position.x = Math.random() * 2000-1000; |
|
|
particle.position.z = Math.random() * 2000-1000; |
|
|
particle.position.y = Math.random() * 2000-1000; |
|
|
//particle.position.y = Math.random() * (1600-particle.position.z)-1000; |
|
|
particle.scale.x = particle.scale.y = 1; |
|
|
scene.add( particle ); |
|
|
|
|
|
particles.push(particle); |
|
|
} |
|
|
container.appendChild( renderer.domElement ); |
|
|
//document.addEventListener( 'mousemove', onDocumentMouseMove, false ); |
|
|
document.addEventListener( 'touchstart', onDocumentTouchStart, false ); |
|
|
document.addEventListener( 'touchmove', onDocumentTouchMove, false ); |
|
|
document.addEventListener( 'touchend', onDocumentTouchEnd, false ); |
|
|
setInterval( loop, 1000 / 60 ); |
|
|
|
|
|
} |
|
|
var touchStartX; |
|
|
var touchFlag = 0;//鍌ㄥ瓨褰撳墠鏄惁婊戝姩鐨勭姸鎬<EFBFBD>; |
|
|
var touchSensitive = 80;//妫€娴嬫粦鍔ㄧ殑鐏垫晱搴<EFBFBD>; |
|
|
//var touchStartY; |
|
|
//var touchEndX; |
|
|
//var touchEndY; |
|
|
function onDocumentTouchStart( event ) { |
|
|
if ( event.touches.length == 1 ) { |
|
|
|
|
|
event.preventDefault();//鍙栨秷榛樿鍏宠仈鍔ㄤ綔; |
|
|
touchStartX = 0; |
|
|
touchStartX = event.touches[ 0 ].pageX ; |
|
|
//touchStartY = event.touches[ 0 ].pageY ; |
|
|
} |
|
|
} |
|
|
function onDocumentTouchMove( event ) { |
|
|
|
|
|
if ( event.touches.length == 1 ) { |
|
|
event.preventDefault(); |
|
|
var direction = event.touches[ 0 ].pageX - touchStartX; |
|
|
if (Math.abs(direction) > touchSensitive) { |
|
|
if (direction>0) {touchFlag = 1;} |
|
|
else if (direction<0) {touchFlag = -1;}; |
|
|
//changeAndBack(touchFlag); |
|
|
} |
|
|
} |
|
|
} |
|
|
function onDocumentTouchEnd (event) { |
|
|
// if ( event.touches.length == 0 ) { |
|
|
// event.preventDefault(); |
|
|
// touchEndX = event.touches[ 0 ].pageX ; |
|
|
// touchEndY = event.touches[ 0 ].pageY ; |
|
|
|
|
|
// }杩欓噷瀛樺湪闂 |
|
|
var direction = event.changedTouches[ 0 ].pageX - touchStartX; |
|
|
|
|
|
changeAndBack(touchFlag); |
|
|
} |
|
|
|
|
|
function changeAndBack (touchFlag) { |
|
|
var speedX = 25*touchFlag; |
|
|
touchFlag = 0; |
|
|
for (var i = 0; i < particles.length; i++) { |
|
|
particles[i].velocity=new THREE.Vector3(speedX,-10,0); |
|
|
} |
|
|
var timeOut = setTimeout(";", 800); |
|
|
clearTimeout(timeOut); |
|
|
|
|
|
var clearI = setInterval(function () { |
|
|
if (touchFlag) { |
|
|
clearInterval(clearI); |
|
|
return; |
|
|
}; |
|
|
speedX*=0.8; |
|
|
|
|
|
if (Math.abs(speedX)<=1.5) { |
|
|
speedX=0; |
|
|
clearInterval(clearI); |
|
|
}; |
|
|
|
|
|
for (var i = 0; i < particles.length; i++) { |
|
|
particles[i].velocity=new THREE.Vector3(speedX,-10,0); |
|
|
} |
|
|
},100); |
|
|
|
|
|
|
|
|
} |
|
|
function loop() { |
|
|
for(var i = 0; i<particles.length; i++){ |
|
|
var particle = particles[i]; |
|
|
particle.updatePhysics(); |
|
|
|
|
|
with(particle.position) |
|
|
{ |
|
|
if((y<-1000)&&starSnow) {y+=2000;} |
|
|
|
|
|
if(x>1000) x-=2000; |
|
|
else if(x<-1000) x+=2000; |
|
|
if(z>1000) z-=2000; |
|
|
else if(z<-1000) z+=2000; |
|
|
} |
|
|
} |
|
|
|
|
|
camera.lookAt(scene.position); |
|
|
|
|
|
renderer.render( scene, camera ); |
|
|
} |