checkmate | wonderfl build flash online

今回は、一足はやいクリスマスでしたが、いかがでしたでしょうか？
ご応募やコメントをたくさんいただき、誠にありがとうございました。
みているだけでも、クリスマスが楽しみになってきました（まだ少し早いですが・・・）。
これから、お仕事上でも色々とアイディアが必要となる時期かと思います。
これを機に、たくさんwonderflをつかって、クリスマスのクリエイティブが生まれることを。
そして、それがスキルアップにつながることを。
なによりも、素敵なクリスマスが過ごせるよう祈っております。

This time is about X'MAS. It's quite early for Christmas, but how was it?
Thank you very much for your participation and comments. Just looking at the Flash, I became looking forward to X'MAS season(eventhough, it's a little bit early)
From now on, it will be the time for creating many ideas.
We hope wonderfl inspire lots of the X'MAS creative works, and it will improve the developer's skills. Last but not least, we hope that you will have a good holiday season!

clockmaker

ブレーン年間購読+マッサージグッズ
"BRAIN" one year subscription + Massage Items
nanlow

ブレーン年間購読+マッサージグッズ
"BRAIN" one year subscription + Massage Items
該当者なし Not corresponding

clockmaker

/**
* ネットで投稿されたメッセージが
* クリスマスの夜空を飾ります
*
* クリスマスメッセージは
* 「Twitter」と「はてなブックマーク」で送ることができます
*
* ※投稿はFlash内のボタンを押して、
* Twitterの場合は[]内にコメントを
* はてなブックマークの場合は、ブックマークコメントを記入下さい
*
* このFlashはwonderfl上の様々なテクニックを元に作られました
*
* Twitter連動
* http://wonderfl.net/code/04d6d1ae7e943b7faab88623ed83404e7a40c5f7
*
* キラキラ3D
* http://wonderfl.net/code/c0f513f31389ba07e375331256c2bfa3a8b9006c
*
* 文字のパーティクル化
* http://wonderfl.net/code/08ec1c2c8da8e9e487867a8e2ab8cddeb75f8986
*
* 木を作る再帰関数
*　http://wonderfl.net/code/00cbe3ecbf0db2e865bc410a8ea54677c19ba4c6
*
* 配列のシャッフル
* http://wonderfl.net/code/8cfa39c9e91a268791142fe605c010dc30338588
*
* BetweenAS3の時間調整
* http://wonderfl.net/code/59af9d8a3cc45e4c2e6fcf12a9bc9ea55b1576e7
*
*/
package {
import com.bit101.components.Label;
import flash.display.*;
import flash.events.*;
import flash.geom.Matrix;
import flash.net.*;
import flash.system.*;
import flash.text.*;
import flash.utils.*;
import jp.progression.casts.*;
import jp.progression.commands.lists.LoaderList;
import jp.progression.commands.lists.SerialList;
import jp.progression.commands.net.*;
import jp.progression.data.getResourceById;
import org.libspark.betweenas3.BetweenAS3;
import org.libspark.betweenas3.easing.*;
import org.libspark.betweenas3.tweens.ITween;
import org.papervision3d.cameras.Camera3D;
import org.papervision3d.core.effects.*;
import org.papervision3d.core.geom.Pixels;
import org.papervision3d.core.geom.renderables.Pixel3D;
import org.papervision3d.core.math.Number3D;
import org.papervision3d.materials.*;
import org.papervision3d.objects.DisplayObject3D;
import org.papervision3d.objects.primitives.*;
import org.papervision3d.render.BasicRenderEngine;
import org.papervision3d.scenes.Scene3D;
import org.papervision3d.view.Viewport3D;
import org.papervision3d.view.layer.BitmapEffectLayer;
[SWF(width=465, height=465, frameRate=30, backgroundColor=0)]
public class Main extends CastDocument {
static public const URL_HATENA:String = "http://pipes.yahooapis.com/pipes/pipe.run?_id=a9fa16f111d33689315b50bd196f691e&_render=rss";
static public const URL_TWITTER:String = "http://search.twitter.com/search.atom?q=%23XmasMessage&rpp=50";
static public const URL_IMG_BG:String = "http://clockmaker.jp/labs/091021_checkmate/assets/bg.png";
static public const URL_IMG_TITLE:String = "http://clockmaker.jp/labs/091021_checkmate/assets/title.png";
static public const URL_IMG_BTN_HATENA:String = "http://clockmaker.jp/labs/091021_checkmate/assets/btn-hatena.png";
static public const URL_IMG_BTN_TWITTER:String = "http://clockmaker.jp/labs/091021_checkmate/assets/btn-twitter.png";
static private const MAX_PARTICLES:int = 2500;
// color
public static const WHITE:uint = 0xFFF0F0F0;
public static const GREEN:uint = 0xFF008800;
public static const RED:uint = 0xFFCC0000;
public static const GOLD:uint = 0xFFFFCC66;
public static const SILVER:uint = 0xFFCCCCCC;
public static const COLORS:Array = [WHITE, GREEN, RED, GOLD, SILVER];
// 3d
private var scene:Scene3D = new Scene3D();
private var renderer:BasicRenderEngine = new BasicRenderEngine();
private var viewport:Viewport3D = new Viewport3D(465, 465);
private var camera:Camera3D = new Camera3D()
// 3d objects
private const MAX_RADIUS:int = 10000;
private const PIXCEL_MARGIN:Number = 1.25;
private var textPixels:Pixels;
private var treePixels:Pixels;
private var pixelArr:Array = [];
private var bfx:BitmapEffectLayer;
private var dmyObjs:Array = [];
private var tweens:Array = [];
// 3d camera
public var cameraDistance:Number = 1000;
public var cameraYaw:Number = 0;
public var cameraPitch:Number = 0;
// 2d
private var canvas:BitmapData;
private var mtx:Matrix;
private var progress:ProgressBar;
private var loading:Label;
private var loadingTween:ITween;
// array of objs
private var data:Array = [];
// fractal
private var level:int = 0;
// data
private var index:int = 0;
private const RESET_TIMER:Timer = new Timer(11 * 1000);
/**
* Progression 4 では atReady から処理が始まります
*/
override protected function atReady() : void{
stage.quality = StageQuality.MEDIUM;
// 3D
addChild(viewport);
// progress bar
progress = new ProgressBar();
progress.value = 0;
this.addChild(progress)
progress.x = int(stage.stageWidth / 2 - progress.width/2);
progress.y = int(stage.stageHeight / 2 + 10);
// loading
loading = new Label(this, stage.stageWidth / 2 - 33, stage.stageHeight / 2 - 10, "NOW LOADING");
loadingTween = BetweenAS3.tween(loading, { alpha:1 }, { alpha:0.25 }, 0.05);
loadingTween = BetweenAS3.serial(loadingTween, BetweenAS3.reverse(loadingTween));
loadingTween.stopOnComplete = false;
loadingTween.play();
var context:LoaderContext = new LoaderContext(true);
var loaderList:LoaderList = new LoaderList(null,
new LoadBitmapData(new URLRequest(URL_IMG_BG), {context:context}),
new LoadBitmapData(new URLRequest(URL_IMG_TITLE), {context:context}),
new LoadURL(new URLRequest(URL_TWITTER), {context:context}),
new LoadURL(new URLRequest(URL_HATENA), {context:context}),
new LoadBitmapData(new URLRequest(URL_IMG_BTN_HATENA), {context:context}),
new LoadBitmapData(new URLRequest(URL_IMG_BTN_TWITTER), {context:context})
);
loaderList.onProgress = function():void{
progress.value = 0.5 * (loaderList.loaded / loaderList.numCommands)
}
new SerialList(null,
loaderList,
function():void{
// Twitter連携 by　http://wonderfl.net/code/04d6d1ae7e943b7faab88623ed83404e7a40c5f7 (coppieee)
default xml namespace = new Namespace("http://www.w3.org/2005/Atom");
var xml:XML = XML(getResourceById(URL_TWITTER).data);
for (var i:int = 0; i < xml.entry.length(); i++) {
// コメントを抽出
var comment:String = scan(xml.entry[i].title,/\[(.+)\]/);
// RT は除外
if(xml.entry[i].title.indexOf("RT") > -1) continue;
// コメントなしは除外
if(comment == "") continue;
// データに追加
data.push({
img : xml.entry[i].link.(@type == "image/png").@href,
name : xml.entry[i].author.name.split(" (")[0],
comment : comment
});
}
xml = XML(getResourceById(URL_HATENA).data);
for (i = 0; i < xml.channel.item.length(); i++) {
if(xml.channel.item[i].description != undefined){
comment = xml.channel.item[i].description;
var name:String = xml.channel.item[i].title;
var imgurl:String = "http://www.st-hatena.com/users/" + name.substr(0,2) + "/" + name + "/profile.gif";
data.push({
img : imgurl,
name : name,
comment : comment
});
}
}
data = shuffle(data);
data = data.slice(0, 8)
},
init3d
).execute();
}
/**
* Papervision3D関係のごにょごにょ
*/
private function init3d():void {
// カメラの設定
camera.target = DisplayObject3D.ZERO;
// ビットマップエフェクトレイヤー
bfx = new BitmapEffectLayer(viewport, stage.stageWidth, stage.stageHeight);
bfx.addEffect(new BitmapColorEffect(1, 1, 1, 0.75));
viewport.containerSprite.addLayer(bfx);
// ピクセル3D
textPixels = new Pixels(bfx);
scene.addChild(textPixels);
treePixels = new Pixels(bfx);
scene.addChild(treePixels);
var i:int;
var arr:Array = [];
// snow
var star:Array = [0xFFFFFFFF, 0xFFcccccc, 0xFF666666, 0xFF333333]
for (i = 0; i < 1500; i++) {
treePixels.addPixel3D(new Pixel3D(star[star.length * Math.random() | 0],
10000 * (Math.random() - 0.5),
10000 * (Math.random()) - 1000,
10000 * (Math.random() - 0.5)));
}
for (i = 0; i < 255; i++) {
treePixels.addPixel3D(new Pixel3D(0xFF0066CC,
100 * (Math.floor(i / 15) - 7),
-1000,
100 * (i % 15 - 7)));
}
// ダミーオブジェクトを作成
for (var k:int = 0; k < data.length; k++) {
dmyObjs[k] = new DisplayObject3D();
while (true) {
var angle:Number = 360 * Math.random();
dmyObjs[k].x = 2000 * Math.sin(angle * Number3D.toRADIANS);
dmyObjs[k].y = 2000 * (Math.random() - 0.5);
dmyObjs[k].z = 2000 * Math.cos(angle * Number3D.toRADIANS);
if (k == 0)
break;
else {
if (DisplayObject3D(dmyObjs[k]).distanceTo(dmyObjs[k - 1]) >= 500)
break;
}
}
dmyObjs[k].lookAt(DisplayObject3D.ZERO);
scene.addChild(dmyObjs[k]);
}
for (i = 0; i < MAX_PARTICLES; i++) {
var p:Pixel3D = new Pixel3D(COLORS[COLORS.length * Math.random() | 0]);
textPixels.addPixel3D(p);
}
drawTree(0, -1000, 0, 1000, 90, GOLD);
loading.text = "NOW RENDERING"
loading.x = stage.stageWidth / 2 - 39
var cmd:SerialList = new SerialList();
var renderIndex:int=0;
for (i = 0; i < data.length; i++) {
cmd.addCommand(
function():void{
preRenderText(renderIndex);
createText(renderIndex);
renderIndex ++;
progress.value = 0.5 + 0.5 * (renderIndex / data.length);
},
0.05
);
}
cmd.addCommand(
function():void{
// remove loading
removeChild(loading);
removeChild(progress);
loadingTween.stop();
loadingTween = null;
// ui
addChildAt(new CastBitmap(getResourceById(URL_IMG_BG).data), 0);
addChild(new CastBitmap(getResourceById(URL_IMG_TITLE).data, "auto", false, {x:20, y:376}));
var hatenaBtn:CastButton = new CastButton({x:20, y:433});
hatenaBtn.addChild(new Bitmap(getResourceById(URL_IMG_BTN_HATENA).data));
hatenaBtn.onCastMouseUp = function():void{
navigateToURL(new URLRequest("http://b.hatena.ne.jp/append?http://wonderfl.net/code/d5de28ad1f65364ee33b964101222be41a7320af"));
}
hatenaBtn.buttonMode = true;
addChild(hatenaBtn);
var tweetBtn:CastButton = new CastButton({x:240, y:433});
tweetBtn.addChild(new Bitmap(getResourceById(URL_IMG_BTN_TWITTER).data));
tweetBtn.onCastMouseUp = function():void{
navigateToURL(new URLRequest("http://twitter.com/home/?status=" + escapeMultiByte("#XmasMessage [] http://j.mp/xmaswon")));
};
tweetBtn.buttonMode = true;
addChild(tweetBtn);
// キラキラロジック by http://wonderfl.net/code/c0f513f31389ba07e375331256c2bfa3a8b9006c (sake)
canvas = new BitmapData(720 / 4, 485 / 4, false, 0x000000);
var bmp:Bitmap = new Bitmap(canvas, PixelSnapping.NEVER, false);
bmp.scaleX = bmp.scaleY = 4;
bmp.smoothing = true;
bmp.blendMode = BlendMode.ADD;
addChildAt(bmp,2);
mtx = new Matrix();
mtx.scale(0.25, 0.25);
// tree
drawTree(0, -1000, 0, 1000, 90, GOLD);
// タイマーを作る
RESET_TIMER.addEventListener(TimerEvent.TIMER, timerHandler);
RESET_TIMER.start();
// エンターフレーム
addEventListener(Event.ENTER_FRAME, loop);
},
timerHandler
);
cmd.execute();
}
private function timerHandler(e:TimerEvent = null):void {
var i:int;
var arr:Array = [];
for (i = 0; i < textPixels.pixels.length; i++) {
arr[i] = BetweenAS3.serial(
BetweenAS3.delay(
BetweenAS3.to(textPixels.pixels[i], getRandomPos(), 3, Expo.easeInOut),
Math.random()));
}
BetweenAS3.serial(
BetweenAS3.parallelTweens(arr),
BetweenAS3.func(function():void {
setTimeout(motionText, 2 * 1000);
})
).play();
//
index++;
if (index == data.length - 1)
index = 0;
//
var cameraTarget:DisplayObject3D = new DisplayObject3D();
cameraTarget.copyTransform(dmyObjs[index]);
cameraTarget.moveBackward(250);
var dis:Number = cameraTarget.distanceTo(DisplayObject3D.ZERO);
var rot:Number = Math.atan2(cameraTarget.x, cameraTarget.z);
BetweenAS3.parallel(
BetweenAS3.delay(
BetweenAS3.bezier(this, {
cameraYaw: rot,
cameraDistance: dis,
cameraPitch: cameraTarget.y
}, null, getRandomPos(), 10.5, Expo.easeInOut),
1.0) ,
BetweenAS3.serial(
BetweenAS3.to(camera, {
fov: 60
}, 4, Sine.easeInOut),
BetweenAS3.to(camera, {
fov: 50
}, 8, Sine.easeInOut)
)
).play();
}
private var preRenderedTests:Array = [];
private function preRenderText(itemIndex:int):void {
preRenderedTests[itemIndex] = [];
var text:TextField = new TextField();
text.multiline = true;
text.autoSize = "left";
text.htmlText = "WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW";
trace(data[itemIndex].comment);
var size:int = 24;
while(text.textWidth * text.textHeight > MAX_PARTICLES){
text.htmlText = "" + data[itemIndex].comment + ""
// +" " + String(data[itemIndex].name).toUpperCase() + "";
size--;
}
var cap:BitmapData = new BitmapData(text.textWidth + 10, text.textHeight, true, 0xFFFFFFFF);
cap.lock();
cap.draw(text);
// particle motion
var cnt:int = 0;
for (var i:int = 0; i < text.textWidth + 10; i++) {
for (var j:int = 0; j < text.textHeight; j++) {
if (cap.getPixel(i, j) == 0xFFFFFF)
continue;
if(preRenderedTests[itemIndex].length >= MAX_PARTICLES) break;
preRenderedTests[itemIndex].push({x: i, y: j, textWidth: text.textWidth, textHeight: text.textHeight});
}
}
cap.unlock();
cap.dispose();
}
/**
* テキストをBitmapData化してトゥイーンとして作成
* @param itemIndex
*/
private function createText(itemIndex:int):void {
var t:DisplayObject3D = dmyObjs[itemIndex];
// particle motion
var cnt:int = 0;
var arr:Array = [];
for (var i:int = 0; i < preRenderedTests[itemIndex].length; i++) {
var pix:Object = preRenderedTests[itemIndex][i];
var p:Pixel3D = textPixels.pixels[i];
var vec:DisplayObject3D = new DisplayObject3D();
vec.x = (pix.x - pix.textWidth / 2) * PIXCEL_MARGIN;
vec.y = (pix.textHeight / 2 - pix.y) * PIXCEL_MARGIN;
vec.z = 0;
vec.transform.calculateMultiply(t.transform, vec.transform);
arr[i] = BetweenAS3.bezier(p, {
x: vec.x,
y: vec.y,
z: vec.z
}, null, getRandomPos(), 1.2 + Math.random() * 0.25 + i * 0.002, Expo.easeOut);
}
tweens.push(arr);
}
private function motionText():void {
var tw:ITween = BetweenAS3.parallelTweens(tweens[index]);
// トゥイーンのデュレーションを調整
tw = BetweenAS3.scale(tw, 3.5 / tw.duration);
tw.play();
}
/**
* エンターフレームイベント
*/
private function loop(e:Event = null):void {
// カメラ
camera.x = cameraDistance * Math.sin(cameraYaw);
camera.y = cameraPitch;
camera.z = cameraDistance * Math.cos(cameraYaw);
// レンダリング
renderer.renderScene(scene, camera, viewport);
// キラキラ
canvas.fillRect(canvas.rect, 0x000000);
canvas.draw(viewport, mtx);
}
private function getRandomPos():Object {
return {
x: MAX_RADIUS * (Math.random() - 0.5),
y: MAX_RADIUS * (Math.random() - 0.5),
z: MAX_RADIUS * (Math.random() - 0.5)
};
}
/**
* 木を作る再帰関数
*　http://wonderfl.net/code/00cbe3ecbf0db2e865bc410a8ea54677c19ba4c6
* @param x
* @param y
* @param z
* @param length
* @param angle
* @param cf
*
*/
private function drawTree(x:Number, y:Number, z:Number, length:Number, angle:Number, cf:int):void {
level += 1;
var destx:Number = x + length * Math.cos(angle * (Math.PI / 180));
var desty:Number = y + length * Math.sin(angle * (Math.PI / 180));
var destz:Number = z + length * (Math.random() - 0.5) * 2;
if (Math.random() < 0.5)
cf = COLORS[COLORS.length * Math.random() | 0];
var max:int = 10 - level / 1.5;
for (var i:int = 0; i < max; i++) {
treePixels.addPixel3D(new Pixel3D(cf,
destx * i / max + x * (max - i) / max,
desty * i / max + y * (max - i) / max,
destz * i / max + z * (max - i) / max
));
}
if (level < 6) {
drawTree(destx, desty, destz, length * (1 + 3 * Math.random()) * 0.25, angle + 60 * (Math.random() - Math.random()), cf);
drawTree(destx, desty, destz, length * (1 + 3 * Math.random()) * 0.25, angle + 60 * (Math.random() - Math.random()), cf);
drawTree(destx, desty, destz, length * (1 + 3 * Math.random()) * 0.25, angle + 60 * (Math.random() - Math.random()), cf);
drawTree(destx, desty, destz, length * (1 + 3 * Math.random()) * 0.25, angle + 60 * (Math.random() - Math.random()), cf);
}
level -= 1;
}
/**
* １行でArrayをシャッフルする by nemu90kWw
* http://wonderfl.net/code/8cfa39c9e91a268791142fe605c010dc30338588
*/
public function shuffle(array:Array):Array{
return array.sort(function():int{return int(Math.random()*3)-1});
}
/**
* @see http://takumakei.blogspot.com/2009/05/actionscriptrubystringscan.html
*/
//package com.blogspot.takumakei.utils
//{
//public
public function scan(str:String, re:RegExp):Array
{
if(!re.global){
var flags:String = 'g';
if(re.dotall)
flags += 's';
if(re.multiline)
flags += 'm';
if(re.ignoreCase)
flags += 'i';
if(re.extended)
flags += 'x';
re = new RegExp(re.source, flags);
}
var r:Array = [];
var m:Array = re.exec(str);
while(null != m){
if(1 == m.length)
r.push(m[0]);
else
r.push(m.slice(1, m.length));
m = re.exec(str);
}
return r;
}
//}
}
}
import flash.display.*;
class ProgressBar extends Sprite {
private var edge:Sprite = new Sprite;
private var cont:Sprite = new Sprite;
private var _value:Number = 0;
public function set value(v:Number):void {
_value = v;
cont.scaleX = _value;
}
public function get value():Number {
return _value;
}
public function ProgressBar() {
edge.graphics.lineStyle(1, 0xFFFFFF);
edge.graphics.drawRect(0.5, 0.5, 100, 10);
cont.graphics.beginFill(0x555555);
cont.graphics.drawRect(0, 0, 100, 10);
addChild(cont);
addChild(edge);
value = 0;
}
}

出題者からのコメント: 夜空の変化を楽しむ自分と、メッセージを待つ自分と、思わずうっとりしてしまいました。クリスマスそのものの演出で、静寂も素敵ですが、音楽があるともっと、情緒的になると感じました。「はてな」や「Twitter」の連携はもちろんのこと、非常に可能性を感じました。このたびは、おめでとうございます。

Comments from Sponsor: The change of night sky and the message are adorable. This performance of X'MAS Flash brought my emotion with silence, but it would be even better if there is some additional music. The cooperation between "HATENA" and "Twitter" made us think of possibility. Congratulations!

nanlow

/**
* ステージクリックで明かりがついたり消えたりします。
*
*
* -参考-
*
* キラキラPixel3D！
* http://wonderfl.net/code/c0f513f31389ba07e375331256c2bfa3a8b9006c
*/
package
{
import flash.display.BlendMode;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.filters.BitmapFilterQuality;
import flash.filters.BlurFilter;
import flash.geom.ColorTransform;
import gs.TweenMax;
import net.hires.debug.Stats;
import org.papervision3d.core.effects.BitmapColorEffect;
import org.papervision3d.core.effects.BitmapLayerEffect;
import org.papervision3d.core.effects.utils.BitmapClearMode;
import org.papervision3d.core.effects.utils.BitmapDrawCommand;
import org.papervision3d.core.geom.Pixels;
import org.papervision3d.core.geom.renderables.Pixel3D;
import org.papervision3d.lights.PointLight3D;
import org.papervision3d.materials.shadematerials.FlatShadeMaterial;
import org.papervision3d.objects.DisplayObject3D;
import org.papervision3d.objects.primitives.Sphere;
import org.papervision3d.view.BasicView;
import org.papervision3d.view.layer.BitmapEffectLayer;
[SWF(backgroundColor = 0x000000, width = "465", height = "465", frameRate = 60)]
public class Main extends BasicView
{
private const STAR_COLOR:uint = 0xFFC460
private const STAR_RADIUS:uint = 50;
private const LEAF_COLOR:uint = 0x274905;
private const LEAF_RADIUS:uint = 300;
private const LEAF_HEIGHT:Number = 700;
private const TRUNK_COLOR:uint = 0x822e01;
private const TRUNK_RADIUS:uint = 50;
private const TRUNK_HEIGHT:Number = 120;
private const PLANT_COLOR:uint = 0x4f1700;
private const PLANT_RADIUS:uint = 90;
private const PLANT_HEIGHT:Number = 40;
private const SPHERE_COUNT:uint = 30;
private const SPHERE_COLOR_LIST:Array = [0xFC0A0A, 0xFC0A0A, 0x3E33FF,0x666666];
private const LACE_COUNT:uint = 1000;
private const LACE_COLOR:uint = 0xCCFFF4AA;
private const SNOW_COUNT:uint = 500;
private const SNOW_COLOR:uint = 0x99FFFFFF;
private const SNOW_AREA_R:Number = 500;
private var _sphereList:Vector.<Sphere>=new Vector.<Sphere>();
private var _my:Number = 0;
private var _isLight:Boolean = false;
private var _root:DisplayObject3D, _tree:Tree, _bfx:BitmapEffectLayer, _snow:Snow;
public function Main():void
{
super(465, 465, false);
Wonderfl.capture_delay(15);
if (!stage)
addEventListener(Event.ADDED_TO_STAGE, _init);
else
_init();
}
private function _init(e:Event = null):void
{
removeEventListener(Event.ADDED_TO_STAGE, _init);
_root = scene.addChild(new DisplayObject3D());
var light:PointLight3D = new PointLight3D(false);
light.z = -1000;
light.x = -1000;
light.y = 1000;
var objList:Array = [];
_tree = new Tree(STAR_COLOR, STAR_RADIUS, LEAF_COLOR, LEAF_RADIUS, LEAF_HEIGHT, TRUNK_COLOR, TRUNK_RADIUS, TRUNK_HEIGHT, PLANT_COLOR, PLANT_RADIUS, PLANT_HEIGHT);
_root.addChild(_tree);
objList.push(_tree)
_tree.y = -400;
var sphBaseRad:Number = (2 * Math.PI) / SPHERE_COUNT;
for (var i:int = 0; i < SPHERE_COUNT; i++)
{
var sphMaterial:FlatShadeMaterial = new FlatShadeMaterial(light, 0x666666, SPHERE_COLOR_LIST[Math.floor((SPHERE_COLOR_LIST.length - 0.01) * Math.random())]);
objList.push(_createSphere(sphMaterial, sphBaseRad * i));
}
_createBitmapEffectLayer(objList);
var pixels:Pixels = new Pixels(_bfx);
_root.addChild(pixels);
_createLacePixels(pixels, LACE_COUNT);
//addChild(new Stats());
_start();
graphics.beginFill(0);
graphics.drawRect(0, 0, 465, 465);
graphics.endFill();
}
private function _start():void
{
_tree.start(0.3, 0.045);
_sphereStart(2.6, 0.075);
TweenMax.delayedCall(5.60, _openingComplete);
_snow = new Snow(SNOW_COUNT, SNOW_COLOR, SNOW_AREA_R);
addChildAt(_snow, 1);
startRendering();
}
private function _openingComplete():void
{
stage.addEventListener(MouseEvent.CLICK, _onClickHandler);
_onClickHandler();
}
private function _createBitmapEffectLayer(list:Array):void
{
_bfx = new BitmapEffectLayer(viewport, 465, 465, true, 0x00FFFFFF, BitmapClearMode.CLEAR_PRE, false, false);
_bfx.addEffect(new BitmapColorEffect(1.0, 1.0, 1.0, 0.9));
_bfx.addEffect(new BitmapLayerEffect(new BlurFilter(10, 10, BitmapFilterQuality.LOW), false));
_bfx.drawCommand = new BitmapDrawCommand(null, new ColorTransform(1.0, 1.0, 1.0, 1.0, -32, -16, -32, -16), BlendMode.ADD);
for (var i:int = 0; i < list.length; i++)
{
_bfx.addDisplayObject3D(list[i]);
}
}
private function _createSphere(mat:FlatShadeMaterial, rad:Number = 0):Sphere
{
var result:Sphere = new Sphere(mat, 15, 3, 4);
var pt:Pt = _treeOutLinePt(rad, 220, 80);
result.x = pt.x;
result.y = pt.y;
result.z = pt.z;
result.rotationY = 360 * Math.random();
_sphereList.push(result);
return result;
}
private function _createLacePixels(pixels:Pixels, num:uint):void
{
for (var i:int = 0; i < num; ++i)
{
var pt:Pt = _treeOutLinePt(Math.PI * 2 * Math.random(), 80, 50 * Math.sin(Math.PI * 0.5 * Math.random())-20);
var px:Pixel3D = new Pixel3D(LACE_COLOR, pt.x, pt.y, pt.z);
pixels.addPixel3D(px);
}
}
private function _treeOutLinePt(rad:Number, top:Number = 0, bottom:Number = 0):Pt
{
var result:Pt = new Pt();
var posY:Number = (LEAF_HEIGHT - top) * ( _tree.getOutLine(Math.random() * LEAF_HEIGHT) / LEAF_RADIUS) + bottom;
var r:Number = _tree.getOutLine(posY);
result.x = r * Math.cos(rad);
result.y = posY + _tree.leafBaseY + _tree.y;
result.z = r * Math.sin(rad);
return result;
}
private function _sphereStart(delayTime:Number = 0, speed:Number = 0.04):void
{
for (var i:int = 0; i < _sphereList.length; i++)
{
TweenMax.delayedCall(i * speed + delayTime, _addChildSphere, [_sphereList[i]]);
}
_sphereList = null;
}
private function _addChildSphere(sphere:Sphere):void
{
_root.addChild(sphere);
}
override protected function onRenderTick(event:Event = null):void
{
super.onRenderTick(event);
_root.rotationY -= (stage.mouseX - stage.stageWidth * 0.5) * 0.008;
_my += ((stage.mouseY - stage.stageHeight * 0.5) * 2.0 - _my) * 0.08;
camera.y = _my;
camera.zoom = 40 - _my * 0.025
_snow.update(_root.rotationY,camera.y,camera.zoom);
}
private function _onClickHandler(e:MouseEvent = null):void
{
_isLight = !_isLight;
if (_isLight)
{
viewport.containerSprite.addLayer(_bfx);
_snow.show();
}else
{
viewport.containerSprite.removeLayer(_bfx);
_snow.hide();
}
}
}
}
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.display.BlendMode;
import flash.display.PixelSnapping;
import flash.geom.Matrix;
import gs.TweenMax;
import org.papervision3d.core.effects.utils.BitmapClearMode;
import org.papervision3d.core.geom.Lines3D;
import org.papervision3d.core.geom.Pixels;
import org.papervision3d.core.geom.renderables.Line3D;
import org.papervision3d.core.geom.renderables.Vertex3D;
import org.papervision3d.core.geom.renderables.Pixel3D;
import org.papervision3d.core.proto.CameraObject3D;
import org.papervision3d.materials.special.LineMaterial;
import org.papervision3d.objects.DisplayObject3D;
import org.papervision3d.view.BasicView;
import org.papervision3d.view.layer.BitmapEffectLayer;
class Tree extends Lines3D
{
private const LINE_SIZE:uint = 3;
private const MARGIN:Number = 5;
private var _rad:Number = 0;
private var _h:Number = 0;
private var _list:Vector.<Line3D>=new Vector.<Line3D>();
private var _v3d:Vertex3D, _interval_rad:Number, _starMaterial:LineMaterial, _starRadius:Number, _leafMaterial:LineMaterial, _leafRadius:Number, _leafHeight:Number, _leafBaseY:Number, _trunkMaterial:LineMaterial, _trunkRadius:Number, _plantMaterial:LineMaterial, _plantRadius:Number;
public function Tree(starColor:uint, starRadius:Number, leafColor:uint, leafRadius:Number, leafHeight:Number, trunkColor:uint, trunkRadius:Number, trunkHeight:Number, plantColor:uint, plantRadius:Number, plantHeight:Number)
{
_init(starColor, starRadius, leafColor, leafRadius, leafHeight, trunkColor, trunkRadius, trunkHeight, plantColor, plantRadius, plantHeight);
}
private function _init(starColor:uint, starRadius:Number, leafColor:uint, leafRadius:Number, leafHeight:Number, trunkColor:uint, trunkRadius:Number, trunkHeight:Number, plantColor:uint, plantRadius:Number, plantHeight:Number):void
{
_v3d = new Vertex3D(_trunkRadius * Math.cos(_rad), _trunkRadius * Math.sin(_rad), _h);
_interval_rad = 110 / 180 * Math.PI;
_starMaterial = new LineMaterial(starColor, 1);
_starRadius = starRadius;
_leafMaterial = new LineMaterial(leafColor, 1);
_leafRadius = leafRadius;
_trunkMaterial = new LineMaterial(trunkColor, 1);
_trunkRadius = trunkRadius;
_plantMaterial = new LineMaterial(plantColor, 1);
_plantRadius = plantRadius;
_createPlant(plantHeight);
_createTrunk(trunkHeight);
_createLeaf(leafHeight);
_createStar();
}
private function _createTrunk(height:Number):void
{
var margin:Number = MARGIN * 1.2;
var num:uint = Math.floor(height / margin);
for (var i:int = 0; i < num; i++)
{
_h += margin;
var newV3d:Vertex3D = _createV3d(_trunkRadius, _h);
var line:Line3D = new Line3D(this, _trunkMaterial, LINE_SIZE, _v3d, newV3d);
_list.push(line);
_v3d = newV3d;
}
_h -= MARGIN * 2
}
private function _createLeaf(height:Number):void
{
var margin:Number=MARGIN*2.0
var num:uint = Math.floor(height / margin);
_leafBaseY = _h;
for (var i:int = 0; i < num; i++)
{
_h += margin;
var newV3d:Vertex3D = _createV3d(_leafCurve(i,num), _h);
var line:Line3D = new Line3D(this, _leafMaterial, LINE_SIZE, _v3d, newV3d);
_list.push(line);
_v3d = newV3d;
}
_leafHeight = _h - _leafBaseY;
_h -= MARGIN*5
}
private function _createStar():void
{
_createStarV3d(0, _h);
_createStarV3d(3, _h);
_createStarV3d(1, _h);
_createStarV3d(4, _h);
_createStarV3d(2, _h);
_createStarV3d(0, _h);
}
private function _createPlant(height:Number):void
{
var margin:Number = MARGIN;
var num:uint = uint(height / margin);
var r:Number = _plantRadius;
for (var i:int = 0; i < num; i+=4)
{
for (var j:int = 0; j < 4; j++)
{
_createPlantV3d(j, _h, r);
_h += margin
}
r += 2;
}
r *= 1.1;
for (var k:int = 0; k < 4; k++)
{
_createPlantV3d(k, _h, r);
_h += margin
}
_createPlantV3d(0, _h, 0);
_h -= MARGIN*4
}
private function _createV3d(r:Number, h:Number):Vertex3D
{
_rad += _interval_rad;
return new Vertex3D(r * Math.cos(_rad), h, r * Math.sin(_rad));
}
private function _leafCurve(i:Number,max:Number):Number
{
var a:Number = 0.06;
var b:Number=0.1
return _leafRadius * (1-Math.sin(i / max * Math.PI*0.5))
}
private function _createStarV3d(i:uint, baseY:Number):void
{
var baseRad:Number = 72 / 180 * Math.PI;
var newV3d:Vertex3D = new Vertex3D(_starRadius * Math.cos(baseRad * i), _starRadius * Math.sin(baseRad * i)+baseY, 0);
var line:Line3D = new Line3D(this, _starMaterial, LINE_SIZE, _v3d, newV3d);
_list.push(line);
_v3d = newV3d;
}
private function _createPlantV3d(i:uint, h:Number, r:Number):void
{
var baseRad:Number = Math.PI *0.5;
var newV3d:Vertex3D = new Vertex3D(r * Math.cos(baseRad * i), h, r * Math.sin(baseRad * i));
var line:Line3D = new Line3D(this, _plantMaterial, LINE_SIZE, _v3d, newV3d);
_list.push(line);
_v3d = newV3d;
}
public function getOutLine(y:Number):Number
{
return _leafCurve(y, _leafHeight);
}
public function start(delayTime:Number=0, speed:Number=0.04):void
{
for (var i:int = 0; i < _list.length; i++)
{
TweenMax.delayedCall(i * speed + delayTime, _addLine, [_list[i]]);
}
_list = null;
}
private function _addLine(line3D:Line3D):void
{
addLine(line3D)
}
public function get leafHeight():Number { return _leafHeight };
public function get leafBaseY():Number { return _leafBaseY };
}
class Snow extends BasicView
{
private var _list:Vector.<Pixel3D>=new Vector.<Pixel3D>();
private var _root:DisplayObject3D, _bmp:Bitmap, _mtx:Matrix;
public function Snow(count:uint, color:uint, areaR:Number)
{
super(465, 465, false);
_init(count, color, areaR);
}
private function _init(count:uint, color:uint, areaR:Number):void
{
_root = scene.addChild(new DisplayObject3D());
var bfx:BitmapEffectLayer = new BitmapEffectLayer(viewport, 465, 465, true, 0x00FFFFFF, BitmapClearMode.CLEAR_PRE, false, false);
bfx.clearBeforeRender=true;
viewport.containerSprite.addLayer(bfx);
var pixels:Pixels = new Pixels(bfx);
var rad:Number, r:Number;
for (var i:int = 0; i < count; ++i)
{
rad = 2 * Math.PI * Math.random();
r = areaR * Math.random();
var px:Pixel3D = new Pixel3D(color, r * Math.cos(rad), Math.random() * 1000 - 400, r * Math.sin(rad));
pixels.addPixel3D(px);
_list.push(px)
}
_root.addChild(pixels);
_bmp = new Bitmap(new BitmapData(465 / 4, 465 / 4, false, 0x00000000), PixelSnapping.NEVER, true);
_bmp.scaleX = _bmp.scaleY = 4;
_bmp.smoothing = true;
_bmp.blendMode=BlendMode.ADD;
_mtx = new Matrix(0.25, 0, 0, 0.25);
}
public function update(rotationY:Number, cameraY:Number, cameraZoom:Number):void
{
super.onRenderTick();
var px:Pixel3D;
for (var i:int = 0; i < _list.length; i++)
{
px = _list[i] as Pixel3D;
px.y = (px.y < -400) ? 600 : px.y - 1;
}
var canvas:BitmapData=_bmp.bitmapData
canvas.fillRect(canvas.rect, 0x00000000);
canvas.draw(viewport, _mtx);
_root.rotationY = rotationY;
camera.y = cameraY;
camera.zoom = cameraZoom;
}
public function show():void { addChild(_bmp) };
public function hide():void { removeChild(_bmp) };
}
class Pt
{
public var x:Number, y:Number, z:Number, color:uint;
public function Pt(x:Number = 0, y:Number = 0, z:Number = 0, color:uint = 0)
{
this.x = x;
this.y = y;
this.z = z;
this.color = color;
}
}

出題者からのコメント: このたびは、おめでとうございます。
ツリーにストーリーがあり、見ていてできあがっていく様の待ちどうしさもあり、素敵でした。色の選定や演出しかたも、好きです。色々な展開が楽しめそうです。

Comments from Sponsor: Congratulations!
This tree made me imagine some stories. It was fantastic time while waiting for each steps through the whole picture. I love the colors and direction. These expressions may be applied to many other themes.