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

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

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


forked from : nitoyon's HelloWorld3D [diff(142)]

embed

noswf download fullscreen
flash swf thumbnail play
reload download fullscreen

FORKED
>sort

キラキラ3D Typography forked from: キラキラ3D Typography [diff(2)]

  1. // forked from nitoyon's キラキラ3D Typography
  2. // キラキラ3D Typography
  3. //-----------------------------------------------------
  4. // 次の２つの組み合わせ＋αです
  5. //  - HelloWorld3D 
  6. //    http://wonderfl.net/code/50225c9944de6206a3813f515fce2c51fd56ab23
  7. //  - キラキラPixel3D！ in Native Flash 10 3D API 
  8. //    http://wonderfl.net/code/8283df8a03a8f3c290bc88a056b44b3c6084b123
  9. package {
  10.     import flash.display.*;
  11.     import flash.events.Event;
  12.     import flash.geom.*;
  13.     import flash.text.*;
  14.     import flash.utils.setInterval;
  15.     
  16.     [SWF(backgroundColor=0x000000)]
  17.     public class HelloSpace extends Sprite{
  18.         private static const SIZE:Number = 475;
  19.         private static const R:Number = 300;
  20.         private static const HR:Number = R / 2;
  21.         private var particles:Vector.<Number> = new Vector.<Number>();
  22.         private var letterPoints:Vector.<Number> = new Vector.<Number>();
  23.         private var colors:Vector.<uint> = new Vector.<uint>();
  25.         // 光らせるための BitmapData
  26.         private var canvasGlow:BitmapData;
  28.         // 1/4 で描画するための Matrix
  29.         private var mtx:Matrix = new Matrix(0.25, 0, 0, 0.25);
  31.         public function HelloSpace()
  32.         {
  33.             stage.scaleMode = "noScale";
  34.             stage.align = "TL";
  36.             // BitmapData にテキストを描画して座標を points に格納する
  37.             var bmd:BitmapData = createBitmapData("NUI NIGHT");
  38.             initParticles(bmd);
  40.             // キャンバスを準備
  41.             var canvas:BitmapData = new BitmapData(SIZE, SIZE, false, 0x000000);
  42.             addChild(new Bitmap(canvas));
  44.             // FP10 用 座標変換の準備
  45.             var uvts:Vector.<Number> = new Vector.<Number>();
  46.             var particles2:Vector.<Number> = new Vector.<Number>();
  47.             var mtx3d:Matrix3D = new Matrix3D();
  49.             // 透視投影用の変換行列作成
  50.             var proj:PerspectiveProjection = new PerspectiveProjection();
  51.             proj.fieldOfView = 90;
  52.             var projMat:Matrix3D = proj.toMatrix3D();
  54.             // 光らせるための BitmapData を初期化する
  55.             canvasGlow = new BitmapData(SIZE / 4, SIZE / 4, false, 0x000000);
  56.             var bmp:Bitmap = new Bitmap(canvasGlow, PixelSnapping.NEVER, true);
  57.             bmp.scaleX = bmp.scaleY = 4;
  58.             bmp.smoothing = true;
  59.             bmp.blendMode = BlendMode.ADD;
  60.             addChild(bmp);
  62.             // ループ用の変数を用意
  63.             var counter:int = 0;
  64.             var moveCounter:int = 0;
  65.             var xysRandom:Vector.<Number> = new Vector.<Number>();
  66.             var xys:Vector.<Number> = new Vector.<Number>(letterPoints.length);
  67.             var f:Boolean = false;
  69.             // ループ処理
  70.             addEventListener("enterFrame", function(event:Event):void{
  71.                 // 角度を設定して座標変換する (particles → particles2)
  72.                 mtx3d.identity();
  73.                 mtx3d.appendRotation(counter, Vector3D.Y_AXIS);
  74.                 mtx3d.appendRotation(15, Vector3D.X_AXIS);
  75.                 mtx3d.appendTranslation(0, 0, SIZE / 2);
  76.                 mtx3d.transformVectors(particles, particles2);
  78.                 // 透視投影して回転後の座標を計算する
  79.                 Utils3D.projectVectors(projMat, particles2, xysRandom, uvts);
  81.                 // moveCounter 以下ならパーティクルを文字列の配置に近づける
  82.                 // そうでない場合はあらかじめ定義したランダム位置の配置に近づける
  83.                 for (var i:int = 0; i < xysRandom.length; i++){
  84.                     if (i < moveCounter * 2){
  85.                         xys[i] += (letterPoints[i] - xys[i]) * .13;
  86.                     } else {
  87.                         xys[i] += (xysRandom[i] - xys[i]) * .12;
  88.                     }
  89.                 }
  91.                 // 文字列表示中はmoveCounter を加算する
  92.                 moveCounter = (f ? moveCounter + 100 : 0);
  94.                 // BitmapData に描画する
  95.                 canvas.lock();
  96.                 canvas.fillRect(canvas.rect, 0x000000);
  97.                 for (var i:int = 0; i < xys.length / 2; i++){
  98.                     canvas.setPixel32(xys[i * 2] + SIZE / 2, xys[i * 2 + 1] + SIZE / 2, colors[i]);
  99.                 }
  100.                 canvas.unlock();
  102.                 // 光らせるためのキャンバスにコピーする
  103.                 canvasGlow.fillRect(canvasGlow.rect, 0x000000);
  104.                 canvasGlow.draw(canvas, mtx);
  106.                 counter++;
  107.             });
  109.             // 定期的に f を反転させる
  110.             setInterval(function():void{ f = !f; }, 4000);
  111.         }
  113.         private static function createBitmapData(letters:String):BitmapData{
  114.             var fmt:TextFormat = new TextFormat();
  115.             fmt.size = 50;
  117.             var tf:TextField = new TextField();
  118.             tf.defaultTextFormat = fmt;
  119.             tf.autoSize = "left";
  120.             tf.textColor = 0xffffff;
  121.             tf.text = letters;
  123.             var bmd:BitmapData = new BitmapData(tf.textWidth, tf.textHeight, false, 0x000000);
  124.             var mtx:Matrix = new Matrix();
  125.             bmd.draw(tf, mtx);
  127.             return bmd;
  128.         }
  130.         private function initParticles(bmd:BitmapData):void{
  131.             for (var yy:int = 0; yy < bmd.height; yy++){
  132.                 for (var xx:int = 0; xx < bmd.width; xx++){
  133.                     var c:uint = bmd.getPixel(xx, yy);
  134.                     if (c != 0){
  135.                         letterPoints.push(xx - 220, yy - 20);
  136.                         particles.push(R * Math.random() - HR, R * Math.random() - HR, R * Math.random() - HR);
  137.                         colors.push(c);
  138.                     }
  139.                 }
  140.             }
  141.         }
  142.     }
  143. }
noswf

キラキラ3D Typography forked from: キラキラ3D Typography [diff(16)]

  1. // forked from nitoyon's キラキラ3D Typography
  2. // キラキラ3D Typography
  3. //-----------------------------------------------------
  4. // 次の２つの組み合わせ＋αです
  5. //  - HelloWorld3D 
  6. //    http://wonderfl.net/code/50225c9944de6206a3813f515fce2c51fd56ab23
  7. //  - キラキラPixel3D！ in Native Flash 10 3D API 
  8. //    http://wonderfl.net/code/8283df8a03a8f3c290bc88a056b44b3c6084b123
  9. package {
  10.     import flash.display.*;
  11.     import flash.events.Event;
  12.     import flash.geom.*;
  13.     import flash.text.*;
  14.     import flash.utils.setInterval;
  15.     
  16.     [SWF(backgroundColor=0x000000)]
  17.     public class HelloSpace extends Sprite{
  18.         private static const SIZE:Number = 475;
  19.         private static const R:Number = 300;
  20.         private static const HR:Number = R / 2;
  21.         private var particles:Vector.<Number> = new Vector.<Number>();
  22.         private var letterPoints:Vector.<Number> = new Vector.<Number>();
  23.         private var colors:Vector.<uint> = new Vector.<uint>();
  24.         
  25.         private var message:Array = ['Welcome to...','the real world!'];
  27.         // 光らせるための BitmapData
  28.         private var canvasGlow:BitmapData;
  30.         // 1/4 で描画するための Matrix
  31.         private var mtx:Matrix = new Matrix(0.25, 0, 0, 0.25);
  32.         private var count:int = 0;
  34.         public function HelloSpace()
  35.         {
  36.             stage.scaleMode = "noScale";
  37.             stage.align = "TL";
  39.             // BitmapData にテキストを描画して座標を points に格納する
  40.             var bmd:BitmapData = createBitmapData(message,count);
  41.             initParticles(bmd);
  43.             // キャンバスを準備
  44.             var canvas:BitmapData = new BitmapData(SIZE, SIZE, false, 0x000000);
  45.             addChild(new Bitmap(canvas));
  47.             // FP10 用 座標変換の準備
  48.             var uvts:Vector.<Number> = new Vector.<Number>();
  49.             var particles2:Vector.<Number> = new Vector.<Number>();
  50.             var mtx3d:Matrix3D = new Matrix3D();
  52.             // 透視投影用の変換行列作成
  53.             var proj:PerspectiveProjection = new PerspectiveProjection();
  54.             proj.fieldOfView = 90;
  55.             var projMat:Matrix3D = proj.toMatrix3D();
  57.             // 光らせるための BitmapData を初期化する
  58.             canvasGlow = new BitmapData(SIZE / 4, SIZE / 4, false, 0x000000);
  59.             var bmp:Bitmap = new Bitmap(canvasGlow, PixelSnapping.NEVER, true);
  60.             bmp.scaleX = bmp.scaleY = 4;
  61.             bmp.smoothing = true;
  62.             bmp.blendMode = BlendMode.ADD;
  63.             addChild(bmp);
  65.             // ループ用の変数を用意
  66.             var counter:int = 0;
  67.             var moveCounter:int = 0;
  68.             var xysRandom:Vector.<Number> = new Vector.<Number>();
  69.             var xys:Vector.<Number> = new Vector.<Number>(letterPoints.length);
  70.             var f:Boolean = false;
  72.             // ループ処理
  73.             addEventListener("enterFrame", function(event:Event):void{
  74.                 // 角度を設定して座標変換する (particles → particles2)
  75.                 mtx3d.identity();
  76.                 mtx3d.appendRotation(counter, Vector3D.Y_AXIS);
  77.                 mtx3d.appendRotation(15, Vector3D.X_AXIS);
  78.                 mtx3d.appendTranslation(0, 0, SIZE / 2);
  79.                 mtx3d.transformVectors(particles, particles2);
  81.                 // 透視投影して回転後の座標を計算する
  82.                 Utils3D.projectVectors(projMat, particles2, xysRandom, uvts);
  84.                 // moveCounter 以下ならパーティクルを文字列の配置に近づける
  85.                 // そうでない場合はあらかじめ定義したランダム位置の配置に近づける
  86.                 for (var i:int = 0; i < xysRandom.length; i++){
  87.                     if (i < moveCounter * 2){
  88.                         xys[i] += (letterPoints[i] - xys[i]) * .13;
  89.                     } else {
  90.                         xys[i] += (xysRandom[i] - xys[i]) * .12;
  91.                     }
  92.                 }
  94.                 // 文字列表示中はmoveCounter を加算する
  95.                 moveCounter = (f ? moveCounter + 100 : 0);
  97.                 // BitmapData に描画する
  98.                 canvas.lock();
  99.                 canvas.fillRect(canvas.rect, 0x000000);
  100.                 for (var i:int = 0; i < xys.length / 2; i++){
  101.                     canvas.setPixel32(xys[i * 2] + SIZE / 2, xys[i * 2 + 1] + SIZE / 2, colors[i]);
  102.                 }
  103.                 canvas.unlock();
  105.                 // 光らせるためのキャンバスにコピーする
  106.                 canvasGlow.fillRect(canvasGlow.rect, 0x000000);
  107.                 canvasGlow.draw(canvas, mtx);
  109.                 counter++;
  110.             });
  112.             // 定期的に f を反転させる
  113.             setInterval(function():void{ f = !f; }, 4000);
  114.         }
  116.         private static function createBitmapData(letters:Array,count:int):BitmapData{
  117.             var fmt:TextFormat = new TextFormat();
  118.             fmt.size = 50;
  120.             var tf:TextField = new TextField();
  121.             tf.defaultTextFormat = fmt;
  122.             tf.autoSize = "left";
  123.             tf.textColor = 0x00ff00;
  124.             tf.text= letters[count];
  125.             trace(letters)
  127.             var bmd:BitmapData = new BitmapData(tf.textWidth, tf.textHeight, false, 0x000000);
  128.             var mtx:Matrix = new Matrix();
  129.             bmd.draw(tf, mtx);
  131.             if(count == 0){
  132.                 count++;
  133.             }else{
  134.                 count = 0;
  135.             }
  136.             
  137.             return bmd;
  138.             
  139.         }
  141.         private function initParticles(bmd:BitmapData):void{
  142.             for (var yy:int = 0; yy < bmd.height; yy++){
  143.                 for (var xx:int = 0; xx < bmd.width; xx++){
  144.                     var c:uint = bmd.getPixel(xx, yy);
  145.                     if (c != 0){
  146.                         letterPoints.push(xx - 220, yy - 20);
  147.                         particles.push(R * Math.random() - HR, R * Math.random() - HR, R * Math.random() - HR);
  148.                         colors.push(c);
  149.                     }
  150.                 }
  151.             }
  152.         }
  153.     }
  154. }
noswf

キラキラ3D Typography forked from: キラキラ3D Typography [diff(2)]

  1. // forked from nitoyon's キラキラ3D Typography
  2. // キラキラ3D Typography
  3. //-----------------------------------------------------
  4. // 次の２つの組み合わせ＋αです
  5. //  - HelloWorld3D 
  6. //    http://wonderfl.net/code/50225c9944de6206a3813f515fce2c51fd56ab23
  7. //  - キラキラPixel3D！ in Native Flash 10 3D API 
  8. //    http://wonderfl.net/code/8283df8a03a8f3c290bc88a056b44b3c6084b123
  9. package {
  10.     import flash.display.*;
  11.     import flash.events.Event;
  12.     import flash.geom.*;
  13.     import flash.text.*;
  14.     import flash.utils.setInterval;
  15.     
  16.     [SWF(backgroundColor=0x000000)]
  17.     public class HelloSpace extends Sprite{
  18.         private static const SIZE:Number = 475;
  19.         private static const R:Number = 300;
  20.         private static const HR:Number = R / 2;
  21.         private var particles:Vector.<Number> = new Vector.<Number>();
  22.         private var letterPoints:Vector.<Number> = new Vector.<Number>();
  23.         private var colors:Vector.<uint> = new Vector.<uint>();
  25.         // 光らせるための BitmapData
  26.         private var canvasGlow:BitmapData;
  28.         // 1/4 で描画するための Matrix
  29.         private var mtx:Matrix = new Matrix(0.25, 0, 0, 0.25);
  31.         public function HelloSpace()
  32.         {
  33.             stage.scaleMode = "noScale";
  34.             stage.align = "TL";
  36.             // BitmapData にテキストを描画して座標を points に格納する
  37.             var bmd:BitmapData = createBitmapData("www.bozuman.com");
  38.             initParticles(bmd);
  40.             // キャンバスを準備
  41.             var canvas:BitmapData = new BitmapData(SIZE, SIZE, false, 0x000000);
  42.             addChild(new Bitmap(canvas));
  44.             // FP10 用 座標変換の準備
  45.             var uvts:Vector.<Number> = new Vector.<Number>();
  46.             var particles2:Vector.<Number> = new Vector.<Number>();
  47.             var mtx3d:Matrix3D = new Matrix3D();
  49.             // 透視投影用の変換行列作成
  50.             var proj:PerspectiveProjection = new PerspectiveProjection();
  51.             proj.fieldOfView = 90;
  52.             var projMat:Matrix3D = proj.toMatrix3D();
  54.             // 光らせるための BitmapData を初期化する
  55.             canvasGlow = new BitmapData(SIZE / 4, SIZE / 4, false, 0x000000);
  56.             var bmp:Bitmap = new Bitmap(canvasGlow, PixelSnapping.NEVER, true);
  57.             bmp.scaleX = bmp.scaleY = 4;
  58.             bmp.smoothing = true;
  59.             bmp.blendMode = BlendMode.ADD;
  60.             addChild(bmp);
  62.             // ループ用の変数を用意
  63.             var counter:int = 0;
  64.             var moveCounter:int = 0;
  65.             var xysRandom:Vector.<Number> = new Vector.<Number>();
  66.             var xys:Vector.<Number> = new Vector.<Number>(letterPoints.length);
  67.             var f:Boolean = false;
  69.             // ループ処理
  70.             addEventListener("enterFrame", function(event:Event):void{
  71.                 // 角度を設定して座標変換する (particles → particles2)
  72.                 mtx3d.identity();
  73.                 mtx3d.appendRotation(counter, Vector3D.Y_AXIS);
  74.                 mtx3d.appendRotation(15, Vector3D.X_AXIS);
  75.                 mtx3d.appendTranslation(0, 0, SIZE / 2);
  76.                 mtx3d.transformVectors(particles, particles2);
  78.                 // 透視投影して回転後の座標を計算する
  79.                 Utils3D.projectVectors(projMat, particles2, xysRandom, uvts);
  81.                 // moveCounter 以下ならパーティクルを文字列の配置に近づける
  82.                 // そうでない場合はあらかじめ定義したランダム位置の配置に近づける
  83.                 for (var i:int = 0; i < xysRandom.length; i++){
  84.                     if (i < moveCounter * 2){
  85.                         xys[i] += (letterPoints[i] - xys[i]) * .13;
  86.                     } else {
  87.                         xys[i] += (xysRandom[i] - xys[i]) * .12;
  88.                     }
  89.                 }
  91.                 // 文字列表示中はmoveCounter を加算する
  92.                 moveCounter = (f ? moveCounter + 100 : 0);
  94.                 // BitmapData に描画する
  95.                 canvas.lock();
  96.                 canvas.fillRect(canvas.rect, 0x000000);
  97.                 for (var i:int = 0; i < xys.length / 2; i++){
  98.                     canvas.setPixel32(xys[i * 2] + SIZE / 2, xys[i * 2 + 1] + SIZE / 2, colors[i]);
  99.                 }
  100.                 canvas.unlock();
  102.                 // 光らせるためのキャンバスにコピーする
  103.                 canvasGlow.fillRect(canvasGlow.rect, 0x000000);
  104.                 canvasGlow.draw(canvas, mtx);
  106.                 counter++;
  107.             });
  109.             // 定期的に f を反転させる
  110.             setInterval(function():void{ f = !f; }, 4000);
  111.         }
  113.         private static function createBitmapData(letters:String):BitmapData{
  114.             var fmt:TextFormat = new TextFormat();
  115.             fmt.size = 50;
  117.             var tf:TextField = new TextField();
  118.             tf.defaultTextFormat = fmt;
  119.             tf.autoSize = "left";
  120.             tf.textColor = 0xffffff;
  121.             tf.text = letters;
  123.             var bmd:BitmapData = new BitmapData(tf.textWidth, tf.textHeight, false, 0x000000);
  124.             var mtx:Matrix = new Matrix();
  125.             bmd.draw(tf, mtx);
  127.             return bmd;
  128.         }
  130.         private function initParticles(bmd:BitmapData):void{
  131.             for (var yy:int = 0; yy < bmd.height; yy++){
  132.                 for (var xx:int = 0; xx < bmd.width; xx++){
  133.                     var c:uint = bmd.getPixel(xx, yy);
  134.                     if (c != 0){
  135.                         letterPoints.push(xx - 220, yy - 20);
  136.                         particles.push(R * Math.random() - HR, R * Math.random() - HR, R * Math.random() - HR);
  137.                         colors.push(c);
  138.                     }
  139.                 }
  140.             }
  141.         }
  142.     }
  143. }
noswf

キラキラ3D Typography forked from: キラキラ3D Typography [diff(2)]

  1. // forked from nitoyon's キラキラ3D Typography
  2. // キラキラ3D Typography
  3. //-----------------------------------------------------
  4. // 次の２つの組み合わせ＋αです
  5. //  - HelloWorld3D 
  6. //    http://wonderfl.net/code/50225c9944de6206a3813f515fce2c51fd56ab23
  7. //  - キラキラPixel3D！ in Native Flash 10 3D API 
  8. //    http://wonderfl.net/code/8283df8a03a8f3c290bc88a056b44b3c6084b123
  9. package {
  10.     import flash.display.*;
  11.     import flash.events.Event;
  12.     import flash.geom.*;
  13.     import flash.text.*;
  14.     import flash.utils.setInterval;
  15.     
  16.     [SWF(backgroundColor=0x000000)]
  17.     public class HelloSpace extends Sprite{
  18.         private static const SIZE:Number = 475;
  19.         private static const R:Number = 300;
  20.         private static const HR:Number = R / 2;
  21.         private var particles:Vector.<Number> = new Vector.<Number>();
  22.         private var letterPoints:Vector.<Number> = new Vector.<Number>();
  23.         private var colors:Vector.<uint> = new Vector.<uint>();
  25.         // 光らせるための BitmapData
  26.         private var canvasGlow:BitmapData;
  28.         // 1/4 で描画するための Matrix
  29.         private var mtx:Matrix = new Matrix(0.25, 0, 0, 0.25);
  31.         public function HelloSpace()
  32.         {
  33.             stage.scaleMode = "noScale";
  34.             stage.align = "TL";
  36.             // BitmapData にテキストを描画して座標を points に格納する
  37.             var bmd:BitmapData = createBitmapData("하이");
  38.             initParticles(bmd);
  40.             // キャンバスを準備
  41.             var canvas:BitmapData = new BitmapData(SIZE, SIZE, false, 0x000000);
  42.             addChild(new Bitmap(canvas));
  44.             // FP10 用 座標変換の準備
  45.             var uvts:Vector.<Number> = new Vector.<Number>();
  46.             var particles2:Vector.<Number> = new Vector.<Number>();
  47.             var mtx3d:Matrix3D = new Matrix3D();
  49.             // 透視投影用の変換行列作成
  50.             var proj:PerspectiveProjection = new PerspectiveProjection();
  51.             proj.fieldOfView = 90;
  52.             var projMat:Matrix3D = proj.toMatrix3D();
  54.             // 光らせるための BitmapData を初期化する
  55.             canvasGlow = new BitmapData(SIZE / 4, SIZE / 4, false, 0x000000);
  56.             var bmp:Bitmap = new Bitmap(canvasGlow, PixelSnapping.NEVER, true);
  57.             bmp.scaleX = bmp.scaleY = 4;
  58.             bmp.smoothing = true;
  59.             bmp.blendMode = BlendMode.ADD;
  60.             addChild(bmp);
  62.             // ループ用の変数を用意
  63.             var counter:int = 0;
  64.             var moveCounter:int = 0;
  65.             var xysRandom:Vector.<Number> = new Vector.<Number>();
  66.             var xys:Vector.<Number> = new Vector.<Number>(letterPoints.length);
  67.             var f:Boolean = false;
  69.             // ループ処理
  70.             addEventListener("enterFrame", function(event:Event):void{
  71.                 // 角度を設定して座標変換する (particles → particles2)
  72.                 mtx3d.identity();
  73.                 mtx3d.appendRotation(counter, Vector3D.Y_AXIS);
  74.                 mtx3d.appendRotation(15, Vector3D.X_AXIS);
  75.                 mtx3d.appendTranslation(0, 0, SIZE / 2);
  76.                 mtx3d.transformVectors(particles, particles2);
  78.                 // 透視投影して回転後の座標を計算する
  79.                 Utils3D.projectVectors(projMat, particles2, xysRandom, uvts);
  81.                 // moveCounter 以下ならパーティクルを文字列の配置に近づける
  82.                 // そうでない場合はあらかじめ定義したランダム位置の配置に近づける
  83.                 for (var i:int = 0; i < xysRandom.length; i++){
  84.                     if (i < moveCounter * 2){
  85.                         xys[i] += (letterPoints[i] - xys[i]) * .13;
  86.                     } else {
  87.                         xys[i] += (xysRandom[i] - xys[i]) * .12;
  88.                     }
  89.                 }
  91.                 // 文字列表示中はmoveCounter を加算する
  92.                 moveCounter = (f ? moveCounter + 100 : 0);
  94.                 // BitmapData に描画する
  95.                 canvas.lock();
  96.                 canvas.fillRect(canvas.rect, 0x000000);
  97.                 for (var i:int = 0; i < xys.length / 2; i++){
  98.                     canvas.setPixel32(xys[i * 2] + SIZE / 2, xys[i * 2 + 1] + SIZE / 2, colors[i]);
  99.                 }
  100.                 canvas.unlock();
  102.                 // 光らせるためのキャンバスにコピーする
  103.                 canvasGlow.fillRect(canvasGlow.rect, 0x000000);
  104.                 canvasGlow.draw(canvas, mtx);
  106.                 counter++;
  107.             });
  109.             // 定期的に f を反転させる
  110.             setInterval(function():void{ f = !f; }, 4000);
  111.         }
  113.         private static function createBitmapData(letters:String):BitmapData{
  114.             var fmt:TextFormat = new TextFormat();
  115.             fmt.size = 50;
  117.             var tf:TextField = new TextField();
  118.             tf.defaultTextFormat = fmt;
  119.             tf.autoSize = "left";
  120.             tf.textColor = 0xffffff;
  121.             tf.text = letters;
  123.             var bmd:BitmapData = new BitmapData(tf.textWidth, tf.textHeight, false, 0x000000);
  124.             var mtx:Matrix = new Matrix();
  125.             bmd.draw(tf, mtx);
  127.             return bmd;
  128.         }
  130.         private function initParticles(bmd:BitmapData):void{
  131.             for (var yy:int = 0; yy < bmd.height; yy++){
  132.                 for (var xx:int = 0; xx < bmd.width; xx++){
  133.                     var c:uint = bmd.getPixel(xx, yy);
  134.                     if (c != 0){
  135.                         letterPoints.push(xx - 220, yy - 20);
  136.                         particles.push(R * Math.random() - HR, R * Math.random() - HR, R * Math.random() - HR);
  137.                         colors.push(c);
  138.                     }
  139.                 }
  140.             }
  141.         }
  142.     }
  143. }
noswf

キラキラ3D Typography forked from: キラキラ3D Typography [diff(2)]

  1. // forked from nitoyon's キラキラ3D Typography
  2. // キラキラ3D Typography
  3. //-----------------------------------------------------
  4. // 次の２つの組み合わせ＋αです
  5. //  - HelloWorld3D 
  6. //    http://wonderfl.net/code/50225c9944de6206a3813f515fce2c51fd56ab23
  7. //  - キラキラPixel3D！ in Native Flash 10 3D API 
  8. //    http://wonderfl.net/code/8283df8a03a8f3c290bc88a056b44b3c6084b123
  9. package {
  10.     import flash.display.*;
  11.     import flash.events.Event;
  12.     import flash.geom.*;
  13.     import flash.text.*;
  14.     import flash.utils.setInterval;
  15.     
  16.     [SWF(backgroundColor=0x000000)]
  17.     public class HelloSpace extends Sprite{
  18.         private static const SIZE:Number = 475;
  19.         private static const R:Number = 300;
  20.         private static const HR:Number = R / 2;
  21.         private var particles:Vector.<Number> = new Vector.<Number>();
  22.         private var letterPoints:Vector.<Number> = new Vector.<Number>();
  23.         private var colors:Vector.<uint> = new Vector.<uint>();
  25.         // 光らせるための BitmapData
  26.         private var canvasGlow:BitmapData;
  28.         // 1/4 で描画するための Matrix
  29.         private var mtx:Matrix = new Matrix(0.25, 0, 0, 0.25);
  31.         public function HelloSpace()
  32.         {
  33.             stage.scaleMode = "noScale";
  34.             stage.align = "TL";
  36.             // BitmapData にテキストを描画して座標を points に格納する
  37.             var bmd:BitmapData = createBitmapData("Homputer");
  38.             initParticles(bmd);
  40.             // キャンバスを準備
  41.             var canvas:BitmapData = new BitmapData(SIZE, SIZE, false, 0x000000);
  42.             addChild(new Bitmap(canvas));
  44.             // FP10 用 座標変換の準備
  45.             var uvts:Vector.<Number> = new Vector.<Number>();
  46.             var particles2:Vector.<Number> = new Vector.<Number>();
  47.             var mtx3d:Matrix3D = new Matrix3D();
  49.             // 透視投影用の変換行列作成
  50.             var proj:PerspectiveProjection = new PerspectiveProjection();
  51.             proj.fieldOfView = 90;
  52.             var projMat:Matrix3D = proj.toMatrix3D();
  54.             // 光らせるための BitmapData を初期化する
  55.             canvasGlow = new BitmapData(SIZE / 4, SIZE / 4, false, 0x000000);
  56.             var bmp:Bitmap = new Bitmap(canvasGlow, PixelSnapping.NEVER, true);
  57.             bmp.scaleX = bmp.scaleY = 4;
  58.             bmp.smoothing = true;
  59.             bmp.blendMode = BlendMode.ADD;
  60.             addChild(bmp);
  62.             // ループ用の変数を用意
  63.             var counter:int = 0;
  64.             var moveCounter:int = 0;
  65.             var xysRandom:Vector.<Number> = new Vector.<Number>();
  66.             var xys:Vector.<Number> = new Vector.<Number>(letterPoints.length);
  67.             var f:Boolean = false;
  69.             // ループ処理
  70.             addEventListener("enterFrame", function(event:Event):void{
  71.                 // 角度を設定して座標変換する (particles → particles2)
  72.                 mtx3d.identity();
  73.                 mtx3d.appendRotation(counter, Vector3D.Y_AXIS);
  74.                 mtx3d.appendRotation(15, Vector3D.X_AXIS);
  75.                 mtx3d.appendTranslation(0, 0, SIZE / 2);
  76.                 mtx3d.transformVectors(particles, particles2);
  78.                 // 透視投影して回転後の座標を計算する
  79.                 Utils3D.projectVectors(projMat, particles2, xysRandom, uvts);
  81.                 // moveCounter 以下ならパーティクルを文字列の配置に近づける
  82.                 // そうでない場合はあらかじめ定義したランダム位置の配置に近づける
  83.                 for (var i:int = 0; i < xysRandom.length; i++){
  84.                     if (i < moveCounter * 2){
  85.                         xys[i] += (letterPoints[i] - xys[i]) * .13;
  86.                     } else {
  87.                         xys[i] += (xysRandom[i] - xys[i]) * .12;
  88.                     }
  89.                 }
  91.                 // 文字列表示中はmoveCounter を加算する
  92.                 moveCounter = (f ? moveCounter + 100 : 0);
  94.                 // BitmapData に描画する
  95.                 canvas.lock();
  96.                 canvas.fillRect(canvas.rect, 0x000000);
  97.                 for (var i:int = 0; i < xys.length / 2; i++){
  98.                     canvas.setPixel32(xys[i * 2] + SIZE / 2, xys[i * 2 + 1] + SIZE / 2, colors[i]);
  99.                 }
  100.                 canvas.unlock();
  102.                 // 光らせるためのキャンバスにコピーする
  103.                 canvasGlow.fillRect(canvasGlow.rect, 0x000000);
  104.                 canvasGlow.draw(canvas, mtx);
  106.                 counter++;
  107.             });
  109.             // 定期的に f を反転させる
  110.             setInterval(function():void{ f = !f; }, 4000);
  111.         }
  113.         private static function createBitmapData(letters:String):BitmapData{
  114.             var fmt:TextFormat = new TextFormat();
  115.             fmt.size = 50;
  117.             var tf:TextField = new TextField();
  118.             tf.defaultTextFormat = fmt;
  119.             tf.autoSize = "left";
  120.             tf.textColor = 0xffffff;
  121.             tf.text = letters;
  123.             var bmd:BitmapData = new BitmapData(tf.textWidth, tf.textHeight, false, 0x000000);
  124.             var mtx:Matrix = new Matrix();
  125.             bmd.draw(tf, mtx);
  127.             return bmd;
  128.         }
  130.         private function initParticles(bmd:BitmapData):void{
  131.             for (var yy:int = 0; yy < bmd.height; yy++){
  132.                 for (var xx:int = 0; xx < bmd.width; xx++){
  133.                     var c:uint = bmd.getPixel(xx, yy);
  134.                     if (c != 0){
  135.                         letterPoints.push(xx - 220, yy - 20);
  136.                         particles.push(R * Math.random() - HR, R * Math.random() - HR, R * Math.random() - HR);
  137.                         colors.push(c);
  138.                     }
  139.                 }
  140.             }
  141.         }
  142.     }
  143. }
noswf
Get Adobe Flash Player