Changeset 29694 for other-projects

Show
Ignore:
Timestamp:
22.01.2015 14:28:16 (5 years ago)
Author:
bmt11
Message:

Wind Control is now fully implemented and functioning as expected :)

Location:
other-projects/nz-flag-design/trunk/render-3d
Files:
7 modified

Legend:

Unmodified
Added
Removed
  • other-projects/nz-flag-design/trunk/render-3d/CSS/slider.css

    r29693 r29694  
    22    width: 50vw; 
    33    height: 50px; 
    4     position: relative; 
    5     margin: 0 auto; 
    6     margin-top: 20px; 
     4    position: absolute; 
     5    margin: 0; 
     6    margin-top: 15px; 
     7    left: 25vw; 
    78    background: url('../images/slider-graphics.png') no-repeat left top; 
    8     background-color: transparent; 
    99    border: none; 
    10     border-color: transparent; 
    1110    outline: 0; 
    12     color: transparent; 
    1311    z-index: 0; 
    1412 
     
    2927    position: absolute; 
    3028    background: url('../images/speed-full.png') no-repeat left top; 
    31     opacity: 0.5;  
     29    opacity: 0.7;  
    3230    border: none; 
    3331    outline: 0; 
     
    3533 
    3634#speed .ui-slider-handle{ 
    37     width: 38px; 
    38     height: 39px; 
    39     background: url('../images/slider-knob.png') no-repeat left top; 
     35    width: 50px;  
     36    height: 39px;  
     37    background: url('../images/wind-symbol.png') no-repeat center; 
     38    background-size: cover; 
    4039    position: absolute; 
    4140    margin-left: -15px; 
  • other-projects/nz-flag-design/trunk/render-3d/Flag_files/Flag.js

    r29693 r29694  
    269269        particle.addForce(gravity); 
    270270        // 
    271         var x = particle.position.x, y = particle.position.y, z = particle.position.z, t=Date.now() / 1000; 
     271        //var x = particle.position.x, y = particle.position.y, z = particle.position.z, t=Date.now() / 1000; 
    272272        //windForce.set(Math.sin(x*y*t), Math.cos(z*t), Math.sin(Math.cos(5*x*y*z))).multiplyScalar(0); 
    273         particle.addForce(windForce); 
     273        //particle.addForce(windForce); 
    274274        particle.integrate(TIMESTEP_SQ); 
    275275    } 
     
    291291 
    292292    // Pin Constrains 
    293     if(Boolean(pinning)){ 
    294         for (i=0, il=pins.length;i<il;i++) { 
    295             var xy = pins[i]; 
    296             var p = particles[xy]; 
    297             p.position.copy(p.original); 
    298             p.previous.copy(p.original); 
    299         } 
    300     } 
    301  
    302 } 
     293    for (i=0, il=pins.length;i<il;i++) { 
     294        var xy = pins[i]; 
     295        var p = particles[xy]; 
     296        p.position.copy(p.original); 
     297        p.previous.copy(p.original); 
     298    } 
     299} 
  • other-projects/nz-flag-design/trunk/render-3d/Flag_files/slider.js

    r29693 r29694  
    11jQuery(document).ready(function ($) { 
    22    $("#speed").slider({ 
    3         min: 0, 
    4         max: 100, 
    5         value: 0, 
     3        min: 25, 
     4        max: 300, 
     5        value: 100, 
    66        animate: true, 
    77        range: 'min', 
    88        slide: function(event, ui) { 
    9             setSpeed(ui.value/100); 
     9            setSpeed(ui.value); 
    1010        } 
    1111    });  
     
    2020     
    2121    function setSpeed(speed){ 
    22         windForce.set(speed,100,speed); 
     22        windStrength = speed; 
    2323    } 
    2424}); 
  • other-projects/nz-flag-design/trunk/render-3d/flag.html

    r29693 r29694  
    1313            body { 
    1414                font-family: Monospace; 
    15                 background-color: #000; 
     15                background-color: transparent; 
    1616                color: #000; 
    1717                margin: 0px; 
     
    124124         
    125125        <script type="x-shader/x-fragment" id="fragmentShaderDepth"> 
    126  
     126         
    127127            uniform sampler2D texture; 
    128128            varying vec2 vUV; 
     
    227227                container = document.createElement( 'div' ); 
    228228                document.body.appendChild( container ); 
    229                      
     229                 
     230                windStrength = 100; 
    230231                 
    231232                // scene 
     
    363364                // 
    364365 
    365                 stats = new Stats(); 
     366                /*stats = new Stats(); 
    366367                stats.domElement.style.position = 'absolute'; 
    367368                stats.domElement.style.top = '0px'; 
     
    370371                stats.domElement.children[ 0 ].children[ 0 ].style.color = "#aaa"; 
    371372                stats.domElement.children[ 0 ].style.background = "transparent"; 
    372                 stats.domElement.children[ 0 ].children[ 1 ].style.display = "none"; 
     373                stats.domElement.children[ 0 ].children[ 1 ].style.display = "none";*/ 
    373374 
    374375                // 
     
    465466 
    466467                var time = Date.now(); 
    467                  
    468                 windStrength = Math.cos( time / 7000 ) * 100 + 200; 
     468 
     469                //windStrength = Math.cos( time / 7000 ) * 100 + 200; 
    469470                windForce.set( 1000,500,Math.sin( time / 1000 ) ).normalize().multiplyScalar( windStrength ); 
    470471                arrow.setLength( windStrength ); 
     
    474475                simulate(time); 
    475476                render(); 
    476                 stats.update(); 
     477                //stats.update(); 
    477478 
    478479            } 
     
    521522         
    522523        </script> 
    523          
    524 </body></html> 
     524 
     525    </body> 
     526</html> 
  • other-projects/nz-flag-design/trunk/render-3d/weather/rain.js

    r29634 r29694  
    1414     
    1515        // create the particle variables 
    16         this.particleCount = 3500, 
     16        this.particleCount = 10000, 
    1717        this.particles = new THREE.Geometry(), 
    1818        this.pMaterial = new THREE.ParticleBasicMaterial({ 
     
    3232            // create a particle with random 
    3333            // position values, -250 -> 250 
    34             var pX = (Math.random() * 3000) - 1500, 
    35                 pY = Math.random() * window.innerHeight * 3 - window.innerHeight, 
    36                 pZ = (Math.random() * 3000) - 1500; 
     34            var pX = (Math.random() * 10000) - 5000, 
     35                pY = Math.random() * window.innerHeight * 6 - window.innerHeight, 
     36                pZ = (Math.random() * 10000) - 5000; 
    3737                this.particle = new THREE.Vector3(pX, pY, pZ);   
    3838 
     
    7272            // check if we need to reset 
    7373            if(this.particle.y < -10) { 
    74                 this.particle.y = (window.innerHeight*2)+(Math.random() * 100); 
     74                this.particle.y = (window.innerHeight*6)+(Math.random() * 100); 
    7575                this.particle.velocity.y = 0; 
    76                 this.particle.x = (Math.random() * 4000) - 2000; 
    77                 this.particle.z = (Math.random() * 4000) - 2000; 
     76                this.particle.x = (Math.random() * 10000) - 5000; 
     77                this.particle.z = (Math.random() * 10000) - 5000; 
    7878 
    7979            } 
  • other-projects/nz-flag-design/trunk/render-3d/weather/snow.js

    r29634 r29694  
    1414         
    1515            // create the particle variables 
    16             this.particleCount = 3000, 
     16            this.particleCount = 6000, 
    1717            this.particles = new THREE.Geometry(), 
    1818             
     
    3333                // create a particle with random 
    3434                // position values 
    35                 var pX = (Math.random() * 3000) - 1500, 
    36                     pY = Math.random() * window.innerHeight * 3 - window.innerHeight, 
    37                     pZ = (Math.random() * 3000) - 1500; 
     35                var pX = (Math.random() * 10000) - 5000, 
     36                    pY = Math.random() * window.innerHeight * 6 - window.innerHeight, 
     37                    pZ = (Math.random() * 10000) - 5000; 
    3838                    this.particle = new THREE.Vector3(pX, pY, pZ);   
    3939                 
     
    7575                // check if we need to reset 
    7676                if(this.particle.y < -10) { 
    77                     this.particle.y = (window.innerHeight*2)+(Math.random() * 100); 
     77                    this.particle.y = (window.innerHeight*6)+(Math.random() * 100); 
    7878                    this.particle.velocity.y = 0; 
    79                     this.particle.x = (Math.random() * 4000) - 2000; 
    80                     this.particle.z = (Math.random() * 4000) - 2000; 
     79                    this.particle.x = (Math.random() * 10000) - 5000; 
     80                    this.particle.z = (Math.random() * 10000) - 5000; 
    8181 
    8282                }