在闪光画廊效果AS3三维旋转螺旋

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在闪光画廊效果AS3三维旋转螺旋相关的知识,希望对你有一定的参考价值。

More information, Demo & FLA file download at http://www.adamcoulombe.info/lab/as3/spiral-gallery.html
  1. import com.greensock.*;
  2. import com.greensock.easing.*;
  3.  
  4.  
  5. var galItems = new Array();
  6. for(var i=0; i<40; i++){
  7. var rad = (i * 12) + 60 ;
  8. galItems[i]=new Box();
  9. galItems[i].x = Math.sin(rad) * rad;
  10. galItems[i].y = Math.cos(rad) * rad;
  11. galItems[i].z = (i - 20) * 40;
  12. galItems[i].rotationY = 90;
  13. trace(rad);
  14.  
  15. ///////// This was tricky! Thanks to http://www.foundation-flash.com/tutorials/as3rotation/
  16. galItems[i].selfRotX = (rad /(Math.PI /180)) + 90 ;
  17. /////////
  18.  
  19. galItems[i].rotationX = galItems[i].selfRotX ;
  20. gallery.helix.addChild(galItems[i]);
  21. gallery.z = 800;
  22. }
  23.  
  24. addEventListener(Event.ENTER_FRAME,loop);
  25.  
  26. function loop(e){
  27.  
  28. var distx:Number = mouseX / 650;
  29. var disty:Number = mouseY / 450;
  30. TweenLite.to(gallery, 2, {
  31. rotationY: 90 + ((-70 + (140*distx))*0.6),
  32. rotationX:(70 - (140*disty))*0.6,
  33. ease:Expo.easeOut
  34. });
  35. TweenLite.to(gallery.helix, 2, {rotation: (mouseX - (stage.stageWidth/2)) * 1.6});
  36. /*
  37. for (var i =0; i< galItems.length; i++){
  38. TweenLite.to(galItems[i], 2, {rotationX: (galItems[i].selfRotX + mouseX - (stage.stageWidth/2 )) -90 });
  39.  
  40. } */
  41.  
  42. }

以上是关于在闪光画廊效果AS3三维旋转螺旋的主要内容,如果未能解决你的问题,请参考以下文章

AS3 3D画廊-屏幕到屏幕效果

循环声音闪光as3

使用AS3和Tweenlite实现简单的3D 360旋转悬停效果

ActionScript 3 在闪光AS3中轨道Polkadots(交互式)

ActionScript 3 使用AS3和Tweenlite进行简单的3D 360旋转悬停效果

AutoCAD中的螺旋究竟是什么螺旋?