※現在、「wonderfl build flash online」求人コンテンツ制作に関してのアンケートを実施中です！みなさまのお力添えを頂いて、続々とアンケート結果が集まっていますが、まだまだ募集しております。ご協力のほど、どうぞよろしくお願いいたします！

wonderfl運営事務局
→アンケートページ（※ログインしてからお答えいただけるようになっています。）

 notice: Flash editor updated! Join the development! Thanks to MiniBuilder


forked from : sake's レインボーロード！ forked from: nengafl [diff(187)]

embed

noswf download fullscreen
flash swf thumbnail play
reload download fullscreen

FORKED
>sort

forked from: レインボーロード！ forked from: nengafl forked from: forked from: レインボーロード！ forked from: nengafl [diff(5)]

  1. // forked from uwi's forked from: レインボーロード！  forked from: nengafl
  2. // forked from sake's レインボーロード！  forked from: nengafl
  3. // forked from nengafl's nengafl
  4. /*
  5.    PV3Dで簡単に綺麗な図形を作ってみよう！
  7.    PV3Dを使うと3Dを超簡単に扱えます。
  8.    そこで、PV3Dで簡単に綺麗な図形を作ってみましょう。
  9.    簡単な数式とパラメータだけで綺麗な図形が完成！
  10.    下で定義してある定数のp, q, a, l, m をいじってみてください。
  11.    
  12.    また、for文の中の数式を書き換えるとさらに形が変わります。
  13.    単純に、sin → cos みたいに書き換えてみてもおもしろいかも！
  14. */
  15.  
  16.  
  17. package
  18. {
  19.     import flash.display.Bitmap;
  20.     import flash.display.BitmapData;
  21.     import flash.display.BlendMode;
  22.     import flash.events.Event;
  23.     import flash.geom.Matrix;
  24.     import frocessing.color.*;
  25.     import org.papervision3d.core.geom.Pixels;
  26.     import org.papervision3d.core.geom.renderables.Pixel3D;
  27.     import org.papervision3d.view.BasicView;
  28.     import org.papervision3d.view.layer.BitmapEffectLayer;
  29.         import org.papervision3d.objects.*;
  30.         import org.papervision3d.core.math.*;
  32.     [SWF(width="465", height="465", backgroundColor="0x000000", frameRate="30")]
  33.     public class Nengafl extends BasicView
  34.     {
  35.         // 計算に使うパラメータ
  36.         // このあたりを適当に変えてみるだけでも面白いです！
  37.         //----------------------------------------------------------------
  38.         private const p:int=10;
  39.         private const q:int=25;
  40.         private const a:int=50;
  41.         private const l:Number=2;
  42.         private const m:Number=1.1;
  43.         //----------------------------------------------------------------
  45.         private var pixels:Pixels;
  46.         private var canvas:BitmapData;
  47.         private var mtx:Matrix;
  49.         // コンストラクタ
  50.         public function Nengafl()
  51.         {
  52.             super(0, 0, true, false);
  53.             graphics.beginFill(0x000000);
  54.             graphics.drawRect(0, 0, 465, 465);
  55.             graphics.endFill();
  56.             
  57.             // レイヤー作成。PV3Dでエフェクト使うときはこれを最初に作ります
  58.             var layer:BitmapEffectLayer=new BitmapEffectLayer(viewport, 465, 465, true, 0, "clear_pre", true);
  59.             layer.clearBeforeRender=true;
  60.             viewport.containerSprite.addLayer(layer);
  62. //            camera.z=-500;
  64.             // Pixelsの初期化
  65.             pixels=new Pixels(layer);
  66.             scene.addChild(pixels);
  68.             var cc:ColorHSV=new ColorHSV();
  70.             // パラメータと数式でPixelの位置を計算する
  71.                         for(var i : Number = 0;i < 720;i+=0.2){
  72.                             var t : Number = i * Math.PI / 120;
  73.                 // 数式に従ってx, y, z を計算。ここを適当に変えてみても面白いです。
  74.                 // 簡単にsin → cos に変えてみるとか！
  75.                 var xx:Number=(2 + Math.cos(q / p * t)) * Math.cos(t) * a;
  76.                 var yy:Number=Math.sin(q / p * t) * a * 1.6;
  77.                 var zz:Number=(2 + Math.cos(q / p * t)) * Math.sin(t) * a;
  79.                 // 綺麗なグラデーションになるように色を設定
  80.                 // こういうときはHSVを使うのが便利です
  81.                 cc.hsv(i, 1, 1);
  82.                 var color:uint=cc.value32;
  84.                 for (var j:int=0; j < 15; j++)
  85.                 {
  86.                     // x, y, z を l～mの範囲で散らします。
  87.                     // l～mの区間の乱数を出す計算：(m - l) * Math.random() + l
  88.                     var px:Pixel3D=new Pixel3D(color, xx * ((m - l) * Math.random() + l), yy * ((m - l) * Math.random() + l), zz * ((m - l) * Math.random() + l));
  89.                     pixels.addPixel3D(px);
  90.                 }
  91.             }
  93.             // キラキラロジック
  94.             canvas=new BitmapData(465 / 4, 465 / 4, false, 0x000000);
  95.             var bmp:Bitmap=new Bitmap(canvas, "never", true);
  96.             bmp.scaleX=bmp.scaleY=4;
  97.             bmp.smoothing=true;
  98.             bmp.blendMode=BlendMode.ADD;
  99.             addChild(bmp);
  100.             mtx=new Matrix(0.25, 0, 0, 0.25);
  102.             // PV3Dの描写開始！
  103.             startRendering();
  105.                         _rider = new DisplayObject3D();
  106.                 _rider.x =(2 + Math.cos(q / p * _t)) * Math.cos(_t) * a;
  107.                 _rider.y =Math.sin(q / p * _t) * a * 1.6;
  108.                 _rider.z =(2 + Math.cos(q / p * _t)) * Math.sin(_t) * a;
  109.                         _camera = new RidingCamera(_rider, new Number3D(0, 1, 0), null);
  110.         }
  112.                 private var _t : Number = 0.0;
  113.                 private var _rider : DisplayObject3D;
  115.         // フレームイベント用関数
  116.                 override protected function onRenderTick(e : Event = null) : void
  117.                 {
  118.                     // キラキラを描写
  119.             canvas.fillRect(canvas.rect, 0x000000);
  120.             canvas.draw(viewport, mtx);
  122.             // Y軸でローテーション
  123. //            pixels.rotationY+=0.2;
  125.                         _t += 0.01;
  126.                 var xx:Number=(2 + Math.cos(q / p * _t)) * Math.cos(_t) * a;
  127.                 var yy:Number=Math.sin(q / p * _t) * a * 1.6;
  128.                 var zz:Number=(2 + Math.cos(q / p * _t)) * Math.sin(_t) * a;
  129.                         _rider.x = xx;
  130.                         _rider.y = yy;
  131.                         _rider.z = zz;
  132.                         RidingCamera(_camera).move(0, 0);
  134.                         super.onRenderTick(e);
  135.         }
  136.         }
  137. }
  139. import org.papervision3d.core.math.*;
  140. import org.papervision3d.objects.*;
  141. import org.papervision3d.cameras.*;
  142. // ジンバルロックを解消した以外はCamera3Dと同じ
  143. class QCamera3D extends Camera3D
  144. {
  145.     public var _up : Number3D; // カメラの上の向きの単位ベクトル
  146.     protected var _front : Number3D;
  147.     private var _prevDir : Number3D;
  148.     private var _ltarg : DisplayObject3D;
  149.     
  150.     public function QCamera3D(up : Number3D, front : Number3D = null)
  151.     {
  152.         super();
  153.         _up = null;
  154.         _ltarg = new DisplayObject3D();
  155.         init(up, front);
  156.     }
  157.     
  158.     // prevDirからcurDirへ向ける回転を_upにかけるだけ。カメラ自体に操作はしない
  159.     public function rotate(curDir : Number3D) : void
  160.     {
  161.         if(_prevDir != null){
  162.             var n : Number3D = Number3D.cross(_prevDir, curDir);
  163. //            if(n.moduloSquared > 0.00000001){
  164.             if(n.moduloSquared != 0){
  165.                 n.normalize();
  166.                 var angle : Number = Math.acos(Number3D.dot(_prevDir, curDir));
  167.                 if(_front != null){
  168.                     var a : Array = applyQuaternion([_front, _up], n, angle);
  169.                     _front = a[0];
  170.                     _up = a[1];
  171.                 }else{
  172.                     _up = applyQuaternion([_up], n, angle)[0];
  173.                 }
  174.             }
  175.             _prevDir.copyFrom(curDir);
  176.         }else{
  177.             _prevDir = curDir.clone();
  178.         }
  179.     }
  180.     
  181.     // カメラの右方向へx[rad], 上方向へy[rad]回転させる
  182.     public function rotateXY(x : Number, y : Number) : void
  183.     {
  184.         if(_front == null)return;
  185.         
  186.         // X方向の移動
  187.         _front = applyQuaternion([_front], _up, -x)[0];
  188.         
  189.         // Y方向の移動
  190.         var right : Number3D = Number3D.cross(_up, _front);
  191.         right.normalize();
  192.         var ret : Array = applyQuaternion([_front, _up], right, y);
  193.         _front = ret[0];
  194.         _up = ret[1];
  195.     }
  196.     
  197.     public function head() : void
  198.     {
  199.         if(_front != null){
  200.             // まわりくどい
  201.             var ltpos : Number3D = this.position.clone();
  202.             ltpos.plusEq(_front);
  203.             _ltarg.position = ltpos;
  204.             this.lookAt(_ltarg, _up);
  205.         }
  206.     }
  207.     
  208.     public function init(up : Number3D = null, front : Number3D = null) : void
  209.     {
  210.         if(up != null){
  211.             _up = up.clone();
  212.             _up.normalize();
  213.         }
  214.         if(front != null){
  215.             _front = front.clone();
  216.             _front.normalize();
  217.         }else{
  218.             _front = null;
  219.         }
  220.         _prevDir = null;
  221.     }
  222.     
  223.     // axisを軸にangle回転させる変換を、srcsの要素それぞれに適用する
  224.     public static function applyQuaternion(srcs : Array, axis : Number3D, angle : Number) : Array
  225.     {
  226.         var q : Quaternion = Quaternion.createFromAxisAngle(
  227.             axis.x / axis.modulo, 
  228.             axis.y / axis.modulo, 
  229.             axis.z / axis.modulo,
  230.             angle
  231.             );
  232.         var qc : Quaternion = Quaternion.conjugate(q);
  233.         
  234.         var ret : Array = [];
  235.         for each(var src : Number3D in srcs){
  236.             var qSrc : Quaternion = new Quaternion(src.x, src.y, src.z, 0);
  237.             var qDst : Quaternion = Quaternion.multiply(qc, qSrc);
  238.             qDst.mult(q);
  239.             ret.push(new Number3D(qDst.x, qDst.y, qDst.z));
  240.         }
  241.         return ret;
  242.     }
  243.     
  244. }
  246. // ゲットライド！
  247. class RidingCamera extends QCamera3D
  248. {
  249.     private var _ride : DisplayObject3D;
  250.     private var _prevPos : Number3D;
  251.     
  252.     public function RidingCamera(ride : DisplayObject3D, up : Number3D, front : Number3D = null)
  253.     {
  254.         super(up, front);
  255.         _ride = ride;
  256.         _prevPos = _ride.position.clone();
  257.     }
  258.     
  259.     public function move(up : Number = 0, back : Number = 0) : void
  260.     {
  261.         var curDir : Number3D = Number3D.sub(_ride.position, _prevPos);
  262.         curDir.normalize();
  263.         if(_front == null){
  264.             _front = curDir.clone();
  265.         }
  266.         rotate(curDir);
  267.         
  268.         var curPos : Number3D = _ride.position.clone();
  269.         var temp : Number3D;
  270.         temp = _up.clone();
  271.         temp.multiplyEq(up);
  272.         curPos.plusEq(temp);
  273.         temp = _front.clone();
  274.         temp.multiplyEq(-back);
  275.         curPos.plusEq(temp);
  276.         this.position = curPos;
  277.         
  278.         head();
  279.         _prevPos.copyFrom(_ride.position);
  280.     }
  281. }
noswf

forked from: レインボーロード！ forked from: nengafl forked from: forked from: レインボーロード！ forked from: nengafl [diff(6)]

  1. // forked from uwi's forked from: レインボーロード！  forked from: nengafl
  2. // forked from sake's レインボーロード！  forked from: nengafl
  3. // forked from nengafl's nengafl
  4. /*
  5.    PV3Dで簡単に綺麗な図形を作ってみよう！
  7.    PV3Dを使うと3Dを超簡単に扱えます。
  8.    そこで、PV3Dで簡単に綺麗な図形を作ってみましょう。
  9.    簡単な数式とパラメータだけで綺麗な図形が完成！
  10.    下で定義してある定数のp, q, a, l, m をいじってみてください。
  11.    
  12.    また、for文の中の数式を書き換えるとさらに形が変わります。
  13.    単純に、sin → cos みたいに書き換えてみてもおもしろいかも！
  14. */
  15.  
  16.  
  17. package
  18. {
  19.     import flash.display.Bitmap;
  20.     import flash.display.BitmapData;
  21.     import flash.display.BlendMode;
  22.     import flash.events.Event;
  23.     import flash.geom.Matrix;
  24.     import frocessing.color.*;
  25.     import org.papervision3d.core.geom.Pixels;
  26.     import org.papervision3d.core.geom.renderables.Pixel3D;
  27.     import org.papervision3d.view.BasicView;
  28.     import org.papervision3d.view.layer.BitmapEffectLayer;
  29.         import org.papervision3d.objects.*;
  30.         import org.papervision3d.core.math.*;
  32.     [SWF(width="465", height="465", backgroundColor="0x000000", frameRate="30")]
  33.     public class Nengafl extends BasicView
  34.     {
  35.         // 計算に使うパラメータ
  36.         // このあたりを適当に変えてみるだけでも面白いです！
  37.         //----------------------------------------------------------------
  38.         private const p:int=10000;
  39.         private const q:int=5;
  40.         private const a:int=1000;
  41.         private const l:Number=50;
  42.         private const m:Number=50;
  43.         //----------------------------------------------------------------
  45.         private var pixels:Pixels;
  46.         private var canvas:BitmapData;
  47.         private var mtx:Matrix;
  49.         // コンストラクタ
  50.         public function Nengafl()
  51.         {
  52.             super(0, 0, true, false);
  53.             graphics.beginFill(0x000000);
  54.             graphics.drawRect(0, 0, 465, 465);
  55.             graphics.endFill();
  56.             
  57.             // レイヤー作成。PV3Dでエフェクト使うときはこれを最初に作ります
  58.             var layer:BitmapEffectLayer=new BitmapEffectLayer(viewport, 465, 465, true, 0, "clear_pre", true);
  59.             layer.clearBeforeRender=true;
  60.             viewport.containerSprite.addLayer(layer);
  62. //            camera.z=-500;
  64.             // Pixelsの初期化
  65.             pixels=new Pixels(layer);
  66.             scene.addChild(pixels);
  68.             var cc:ColorHSV=new ColorHSV();
  70.             // パラメータと数式でPixelの位置を計算する
  71.                         for(var i : Number = 0;i < 720;i+=0.2){
  72.                             var t : Number = i * Math.PI / 120;
  73.                 // 数式に従ってx, y, z を計算。ここを適当に変えてみても面白いです。
  74.                 // 簡単にsin → cos に変えてみるとか！
  75.                 var xx:Number=(2 + Math.cos(q / p * t)) * Math.cos(t) * a;
  76.                 var yy:Number=Math.sin(q / p * t) * a * 1.6;
  77.                 var zz:Number=(2 + Math.cos(q / p * t)) * Math.sin(t) * a;
  79.                 // 綺麗なグラデーションになるように色を設定
  80.                 // こういうときはHSVを使うのが便利です
  81.                 cc.hsv(i, 1, 1);
  82.                 var color:uint=cc.value32;
  84.                 for (var j:int=0; j < 15; j++)
  85.                 {
  86.                     // x, y, z を l～mの範囲で散らします。
  87.                     // l～mの区間の乱数を出す計算：(m - l) * Math.random() + l
  88.                     var px:Pixel3D=new Pixel3D(color, xx * ((m - l) * Math.random() + l), yy * ((m - l) * Math.random() + l), zz * ((m - l) * Math.random() + l));
  89.                     pixels.addPixel3D(px);
  90.                 }
  91.             }
  93.             // キラキラロジック
  94.             canvas=new BitmapData(465 / 4, 465 / 4, false, 0x000000);
  95.             var bmp:Bitmap=new Bitmap(canvas, "never", true);
  96.             bmp.scaleX=bmp.scaleY=4;
  97.             bmp.smoothing=true;
  98.             bmp.blendMode=BlendMode.ADD;
  99.             addChild(bmp);
  100.             mtx=new Matrix(0.25, 0, 0, 0.25);
  102.             // PV3Dの描写開始！
  103.             startRendering();
  105.                         _rider = new DisplayObject3D();
  106.                 _rider.x =(2 + Math.cos(q / p * _t)) * Math.cos(_t) * a;
  107.                 _rider.y =Math.sin(q / p * _t) * a * 1.6;
  108.                 _rider.z =(2 + Math.cos(q / p * _t)) * Math.sin(_t) * a;
  109.                         _camera = new RidingCamera(_rider, new Number3D(0, 1, 0), null);
  110.         }
  112.                 private var _t : Number = 0.0;
  113.                 private var _rider : DisplayObject3D;
  115.         // フレームイベント用関数
  116.                 override protected function onRenderTick(e : Event = null) : void
  117.                 {
  118.                     // キラキラを描写
  119.             canvas.fillRect(canvas.rect, 0x000000);
  120.             canvas.draw(viewport, mtx);
  122.             // Y軸でローテーション
  123. //            pixels.rotationY+=0.2;
  125.                         _t += 0.01;
  126.                 var xx:Number=(2 + Math.cos(q / p * _t)) * Math.cos(_t) * a;
  127.                 var yy:Number=Math.sin(q / p * _t) * a * 1.6;
  128.                 var zz:Number=(2 + Math.cos(q / p * _t)) * Math.sin(_t) * a;
  129.                         _rider.x = xx;
  130.                         _rider.y = yy;
  131.                         _rider.z = zz;
  132.                         RidingCamera(_camera).move(0, 0);
  134.                         super.onRenderTick(e);
  135.         }
  136.         }
  137. }
  139. import org.papervision3d.core.math.*;
  140. import org.papervision3d.objects.*;
  141. import org.papervision3d.cameras.*;
  142. // ジンバルロックを解消した以外はCamera3Dと同じ
  143. class QCamera3D extends Camera3D
  144. {
  145.     public var _up : Number3D; // カメラの上の向きの単位ベクトル
  146.     protected var _front : Number3D;
  147.     private var _prevDir : Number3D;
  148.     private var _ltarg : DisplayObject3D;
  149.     
  150.     public function QCamera3D(up : Number3D, front : Number3D = null)
  151.     {
  152.         super();
  153.         _up = null;
  154.         _ltarg = new DisplayObject3D();
  155.         init(up, front);
  156.     }
  157.     
  158.     // prevDirからcurDirへ向ける回転を_upにかけるだけ。カメラ自体に操作はしない
  159.     public function rotate(curDir : Number3D) : void
  160.     {
  161.         if(_prevDir != null){
  162.             var n : Number3D = Number3D.cross(_prevDir, curDir);
  163. //            if(n.moduloSquared > 0.00000001){
  164.             if(n.moduloSquared != 0){
  165.                 n.normalize();
  166.                 var angle : Number = Math.acos(Number3D.dot(_prevDir, curDir));
  167.                 if(_front != null){
  168.                     var a : Array = applyQuaternion([_front, _up], n, angle);
  169.                     _front = a[0];
  170.                     _up = a[1];
  171.                 }else{
  172.                     _up = applyQuaternion([_up], n, angle)[0];
  173.                 }
  174.             }
  175.             _prevDir.copyFrom(curDir);
  176.         }else{
  177.             _prevDir = curDir.clone();
  178.         }
  179.     }
  180.     
  181.     // カメラの右方向へx[rad], 上方向へy[rad]回転させる
  182.     public function rotateXY(x : Number, y : Number) : void
  183.     {
  184.         if(_front == null)return;
  185.         
  186.         // X方向の移動
  187.         _front = applyQuaternion([_front], _up, -x)[0];
  188.         
  189.         // Y方向の移動
  190.         var right : Number3D = Number3D.cross(_up, _front);
  191.         right.normalize();
  192.         var ret : Array = applyQuaternion([_front, _up], right, y);
  193.         _front = ret[0];
  194.         _up = ret[1];
  195.     }
  196.     
  197.     public function head() : void
  198.     {
  199.         if(_front != null){
  200.             // まわりくどい
  201.             var ltpos : Number3D = this.position.clone();
  202.             ltpos.plusEq(_front);
  203.             _ltarg.position = ltpos;
  204.             this.lookAt(_ltarg, _up);
  205.         }
  206.     }
  207.     
  208.     public function init(up : Number3D = null, front : Number3D = null) : void
  209.     {
  210.         if(up != null){
  211.             _up = up.clone();
  212.             _up.normalize();
  213.         }
  214.         if(front != null){
  215.             _front = front.clone();
  216.             _front.normalize();
  217.         }else{
  218.             _front = null;
  219.         }
  220.         _prevDir = null;
  221.     }
  222.     
  223.     // axisを軸にangle回転させる変換を、srcsの要素それぞれに適用する
  224.     public static function applyQuaternion(srcs : Array, axis : Number3D, angle : Number) : Array
  225.     {
  226.         var q : Quaternion = Quaternion.createFromAxisAngle(
  227.             axis.x / axis.modulo, 
  228.             axis.y / axis.modulo, 
  229.             axis.z / axis.modulo,
  230.             angle
  231.             );
  232.         var qc : Quaternion = Quaternion.conjugate(q);
  233.         
  234.         var ret : Array = [];
  235.         for each(var src : Number3D in srcs){
  236.             var qSrc : Quaternion = new Quaternion(src.x, src.y, src.z, 0);
  237.             var qDst : Quaternion = Quaternion.multiply(qc, qSrc);
  238.             qDst.mult(q);
  239.             ret.push(new Number3D(qDst.x, qDst.y, qDst.z));
  240.         }
  241.         return ret;
  242.     }
  243.     
  244. }
  246. // ゲットライド！
  247. class RidingCamera extends QCamera3D
  248. {
  249.     private var _ride : DisplayObject3D;
  250.     private var _prevPos : Number3D;
  251.     
  252.     public function RidingCamera(ride : DisplayObject3D, up : Number3D, front : Number3D = null)
  253.     {
  254.         super(up, front);
  255.         _ride = ride;
  256.         _prevPos = _ride.position.clone();
  257.     }
  258.     
  259.     public function move(up : Number = 0, back : Number = 0) : void
  260.     {
  261.         var curDir : Number3D = Number3D.sub(_ride.position, _prevPos);
  262.         curDir.normalize();
  263.         if(_front == null){
  264.             _front = curDir.clone();
  265.         }
  266.         rotate(curDir);
  267.         
  268.         var curPos : Number3D = _ride.position.clone();
  269.         var temp : Number3D;
  270.         temp = _up.clone();
  271.         temp.multiplyEq(up);
  272.         curPos.plusEq(temp);
  273.         temp = _front.clone();
  274.         temp.multiplyEq(-back);
  275.         curPos.plusEq(temp);
  276.         this.position = curPos;
  277.         
  278.         head();
  279.         _prevPos.copyFrom(_ride.position);
  280.     }
  281. }
noswf
Get Adobe Flash Player