API tools faq
paste
Advertisement
ElenaR1

dom2

ElenaR1
Dec 9th, 2016
104
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 6.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.     <head>
  5.         <script src="three.min.js"></script>
  6.         <script src="human.js"></script>
  7.     </head>
  8.    
  9.     <body>
  10.         <h1>"Описание на действието"<br><small>ф.н. 81296 &ndash; група 7 &ndash; Елена Радойчева</small></h1>
  11.  
  12.         <script>
  13.             // нагласяване на цвета и центрирането на текста с имената ви
  14.             document.getElementsByTagName('h1')[0].style = 'color:white; text-align:center; font-size:1.75em';
  15.            
  16.             // рисувателно поле на цял екран
  17.             renderer = new THREE.WebGLRenderer({antialias:true});
  18.             renderer.setSize( window.innerWidth, window.innerHeight );
  19.             document.body.appendChild( renderer.domElement );
  20.             renderer.domElement.style = 'width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1;';
  21.            
  22.             // сцена и камера
  23.             scene = new THREE.Scene();
  24.             camera = new THREE.PerspectiveCamera( 30, window.innerWidth/window.innerHeight, 0.1, 2000 );
  25.             camera.position.set(0,3,150);
  26.  
  27.             // светлини
  28.             var light = new THREE.DirectionalLight('lightblue',0.8);
  29.             light.position.set(0,1,4);
  30.             scene.add(light);
  31.             scene.add( new THREE.AmbientLight('white',0.4) );
  32.            
  33.             // функция за анимиране на сцената
  34.             var t = 0; // време
  35.             function drawFrame()
  36.             {
  37.                 requestAnimationFrame( drawFrame );
  38.                 if (animate) animate(t++);
  39.                 renderer.render( scene, camera );
  40.             }          
  41.            
  42.             // човече
  43.             адам = мъжествен();
  44.             ева = женствен();
  45.             ева.position.set(10,1,0);
  46.             адам.position.set(-30,1,0);
  47.             ева.rotation.set(0,rad(270),0);
  48.            
  49.             ева.л_ръка.врът(-20,-10,-45);
  50.             ева.л_лакът.врът(0,0,-120);
  51.             ева.л_китка.врът(10,30,30);
  52.            
  53.            ева.д_ръка.врът(-30,-10,-10);
  54.            ева.д_лакът.врът(-210,260,-290);
  55.            ева.д_китка.врът(10,120,0);
  56.            
  57.             адам.л_ръка.врът(0,10,-20);
  58.             адам.л_лакът.врът(-140,-170,125);
  59.            
  60.            
  61.             // тук се описват статичните елементи на позата
  62.            
  63.             // анимация на човечето
  64.             animate = function (t)
  65.             {
  66.                 // тук се описват динамичните елементи на позата
  67.                 // като променливата t е номер на кадър, като се
  68.                 // очаква 1 секунда да е приблизително 60 кадъра
  69.                
  70.               //scene.rotateY(0.03);
  71.              
  72.               //ева
  73.                 ева.врат.врът(0,10*sin(5*t)-5,0);
  74.                 ева.глава.врът(0,10*sin(5*t)-5,0);
  75.                 ева.д_глезен.врът(-20,0,-10+20*cos(12*t));
  76.                
  77.                 //адам дясна ръка
  78.                 адам.д_ръка.врът(0,10,-70-35*sin(2*t));
  79.                 адам.д_лакът.врът(-140,-150,80);
  80.                 адам.д_китка.врът(0,-40,-20);
  81.                
  82.                 //адам лява ръка
  83.                 адам.л_ръка.врът(0,10,-20);
  84.                 адам.л_лакът.врът(-140-40*sin(t),-170-50*sin(1.5*t),125-60*sin(1.5*t))
  85.                
  86.                 адам.тяло.врът(0,0,10*sin(t));
  87.                
  88.                  //ева.д_лакът.врът(-140,-150,10*sin(t));
  89.                                
  90.             }
  91.  
  92.             drawFrame();
  93.         </script>
  94.     </body>
  95. </html>
  96.  
  97. //Ръката на жената да се движи
  98. <!DOCTYPE html>
  99.  
  100. <html>
  101.     <head>
  102.         <script src="three.min.js"></script>
  103.         <script src="human.js"></script>
  104.     </head>
  105.    
  106.     <body>
  107.         <h1>"Описание на действието"<br><small>ф.н. 81296 &ndash; група 7 &ndash; Елена Радойчева</small></h1>
  108.  
  109.         <script>
  110.             // нагласяване на цвета и центрирането на текста с имената ви
  111.             document.getElementsByTagName('h1')[0].style = 'color:white; text-align:center; font-size:1.75em';
  112.            
  113.             // рисувателно поле на цял екран
  114.             renderer = new THREE.WebGLRenderer({antialias:true});
  115.             renderer.setSize( window.innerWidth, window.innerHeight );
  116.             document.body.appendChild( renderer.domElement );
  117.             renderer.domElement.style = 'width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1;';
  118.            
  119.             // сцена и камера
  120.             scene = new THREE.Scene();
  121.             camera = new THREE.PerspectiveCamera( 30, window.innerWidth/window.innerHeight, 0.1, 2000 );
  122.             camera.position.set(0,3,150);
  123.  
  124.             // светлини
  125.             var light = new THREE.DirectionalLight('lightblue',0.8);
  126.             light.position.set(0,1,4);
  127.             scene.add(light);
  128.             scene.add( new THREE.AmbientLight('white',0.4) );
  129.            
  130.             // функция за анимиране на сцената
  131.             var t = 0; // време
  132.             function drawFrame()
  133.             {
  134.                 requestAnimationFrame( drawFrame );
  135.                 if (animate) animate(t++);
  136.                 renderer.render( scene, camera );
  137.             }          
  138.            
  139.             // човече
  140.             адам = мъжествен();
  141.             ева = женствен();
  142.             ева.position.set(10,1,0);
  143.             адам.position.set(-30,1,0);
  144.             ева.rotation.set(0,rad(270),0);
  145.            
  146.             ева.л_ръка.врът(0,-10,-45);
  147.             ева.л_лакът.врът(0,0,-120);
  148.             ева.л_китка.врът(10,30,40);
  149.            
  150.            ева.д_ръка.врът(-30,-10,-10);
  151.            ева.д_лакът.врът(-210,260,-290);
  152.            ева.д_китка.врът(10,120,0);
  153.            
  154.             адам.л_ръка.врът(0,10,-20);
  155.             адам.л_лакът.врът(-140,-170,125);
  156.            
  157.            
  158.             // тук се описват статичните елементи на позата
  159.            
  160.             // анимация на човечето
  161.             animate = function (t)
  162.             {
  163.                 // тук се описват динамичните елементи на позата
  164.                 // като променливата t е номер на кадър, като се
  165.                 // очаква 1 секунда да е приблизително 60 кадъра
  166.                
  167.               //scene.rotateY(0.03);
  168.              
  169.               //ева
  170.                 ева.врат.врът(0,10*sin(5*t)-5,0);
  171.                 ева.глава.врът(0,10*sin(5*t)-5,0);
  172.                 ева.д_глезен.врът(-20,0,-10+20*cos(12*t));
  173.                 ева.л_лакът.врът(-110,-130,40+50*sin(1.2*t));
  174.                
  175.                 //адам дясна ръка
  176.                 адам.д_ръка.врът(0,10,-70-35*sin(2*t));
  177.                 адам.д_лакът.врът(-140,-150,80);
  178.                 адам.д_китка.врът(0,-40,-20);
  179.                
  180.                 //адам лява ръка
  181.                 адам.л_ръка.врът(0,10,-20);
  182.                 адам.л_лакът.врът(-140-40*sin(t),-170-50*sin(1.5*t),125-60*sin(1.5*t))
  183.                
  184.                 адам.тяло.врът(0,0,10*sin(t));
  185.                    
  186.                                
  187.             }
  188.  
  189.             drawFrame();
  190.         </script>
  191.     </body>
  192. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!