|
|
|
|
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 );
|
|
|
|
|
}
|