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;//鏋勯€犲嚱鏁� 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;//瑙掑害鍚戝姬搴﹁浆鎹㈢郴鏁�* 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锛氱敾甯冨疄渚�; 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;//鍌ㄥ瓨褰撳墠鏄惁婊戝姩鐨勭姸鎬�; var touchSensitive = 80;//妫€娴嬫粦鍔ㄧ殑鐏垫晱搴�; //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; i1000) 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 ); }