add xuehua

server/cn/home/www/cdn/xuehua/tx-1.js

@@ -0,0 +1,179 @@
+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 );
+    }

server/cn/home/www/cdn/xuehua/tx-2.js

@@ -0,0 +1,160 @@
+Particle3D=function(material){
+    THREE.Particle.call(this,material);
+    this.velocity=new THREE.Vector3(0,-8,0);
+    this.velocity.rotateX(randomRange(-45,45));
+    this.velocity.rotateY(randomRange(0,360));
+    this.gravity=new THREE.Vector3(0,0,0);
+    this.drag=1;
+};
+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){
+    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){
+    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){
+    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 mouseX = 0;
+var mouseY = 0;
+
+var windowHalfX = window.innerWidth / 2;
+var windowHalfY = window.innerHeight / 2;
+
+var particles = []; 
+var particleImage = new Image();//THREE.ImageUtils.loadTexture( "img/ParticleSmoke.png" );
+particleImage.src = 'https://cdn.yimian.xyz/xuehua/ParticleSmoke.png'; 
+
+
+
+function init() {
+
+    container = document.createElement('div');
+    document.body.appendChild(container);
+
+    camera = new THREE.PerspectiveCamera( 75, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 10000 );
+    camera.position.z = 1000;
+
+    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) } );
+        
+    for (var i = 0; i < 500; i++) {
+
+        particle = new Particle3D( material);
+        particle.position.x = Math.random() * 2000 - 1000;
+        particle.position.y = Math.random() * 2000 - 1000;
+        particle.position.z = Math.random() * 2000 - 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 );
+    
+    setInterval( loop, 1000 / 60 );
+    
+}
+
+function onDocumentMouseMove( event ) {
+
+    mouseX = event.clientX - windowHalfX;
+    mouseY = event.clientY - windowHalfY;
+}
+
+function onDocumentTouchStart( event ) {
+
+    if ( event.touches.length == 1 ) {
+
+        event.preventDefault();
+
+        mouseX = event.touches[ 0 ].pageX - windowHalfX;
+        mouseY = event.touches[ 0 ].pageY - windowHalfY;
+    }
+}
+
+function onDocumentTouchMove( event ) {
+
+    if ( event.touches.length == 1 ) {
+
+        event.preventDefault();
+
+        mouseX = event.touches[ 0 ].pageX - windowHalfX;
+        mouseY = event.touches[ 0 ].pageY - windowHalfY;
+    }
+}
+
+//
+
+function loop() {
+
+for(var i = 0; i<particles.length; i++)
+    {
+
+        var particle = particles[i]; 
+        particle.updatePhysics(); 
+
+        with(particle.position)
+        {
+            if(y<-1000) 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.position.x += ( mouseX - camera.position.x ) * 0.05;
+    camera.position.y += ( - mouseY - camera.position.y ) * 0.05;
+    camera.lookAt(scene.position); 
+
+    renderer.render( scene, camera );
+
+    
+}