flash Archive

2ヶ月間の試用期間を経て、FLEXを会社で入手しました。
Parallels + FLASH Developとかもやったけど、
なんかうまくいかずに断念。

今後FLEXをごりごり使います。

NKI曰くエクリプスベースが最強説があるらしく、
今までその話は完全に無視し続けたから
反省して話を聞こうかなw

巻末の「独学で始めるFLASH作成講座」に寄稿しました。
p.148 基本的なローディング
p.156 スクリプトでアニメーションさせるローディング
を書きました。

アニメーション単体向けのローダーなので、
フルFLASHのローダーとしてはまんま使えませんが、
リアルなところでは使い道多いかなと思って作りました。

web creatorsのサイトからダウンロード出来るので、
良かったらどうぞ！
※パスワード必要
ちなみにMac OS環境でSafariの設定がファイル自動展開になってると、
ダウンロードが終わらなくて軽くバグった感じになりました。
そんときはZIPをstuffitすると解凍出来ます。

上記のダウンロードは期間があるみたいなので、
そのうちこっちにも載せます。

記事にも書きましたが、円を描くスクリプトは、
Ric Ewing、trick7さんのものをカスタマイズしています。
ありがとうございました〜！

あ、そうだ。
明けてました。
おめでとうございます。w

KAYAC道家さん主催の「ごはんと暴年会」に出席させていただきました。

会の様子は出席者の方々が書くと思うので、w
トークの感想を少しだけ。


★mount イム・ジョンホさん
SWTCのクリエイションに至る経緯、裏側のスケなど
興味深い内容でした。

FOURDIGITも建築や不動産の案件が多いので、
クライアントとの信頼関係や、納得性の高い仕事の進め方などは、
共感出来る所も多く、非常に参考になりました。



★taka:nium　阿部さん
Progressionの展開のスピードと更新のスピードが異常に早いことを再確認。
ほんと仕事早いな〜と思いました。

そのあと挨拶させていただいたときに名言もらったので、
今後使わせていただきますw



★undefined　むらけんさん
MEDIAS net の作り込みに関する事を見させて頂きました。
zipに入ってたpngの謎はやっぱりモーションデータだった！
何気に色を変える1行まで入れててオシャレだなと思いましたw

ちなみに、僕はPNG見てましたよ〜。w

というわけで、
初めての参加にも関わらず、
ご挨拶やお話させて頂いた皆様、
ありがとうございました。

今月のweb Creatorsのクリエイターに聞くコーナーでアンケートに答えました。
プロフィールの文章が謎な感じに仕上がってますねw
文章あってんのかな？

そうそう。
progressionがリニューアルされていて、ドキュメントも充実。NKIも翻訳協力でクレジットされていました。

コメントも熱い感じでtaka:niumさんお疲れさまです。
むらけんさんのコメントとか見るとマジ使わないと（汗

blogの関連記事にもリンク頂きました。

/en/の方も頑張ってくださいw

NKIがフランス語訳のお手伝いをするということで、
俄然社内で盛り上がってるprogressionですが、
個人的になかなか触れないままここまで来てしまいました。。。南無。

Twitterでフォローさせていただいたり、
個人ブログの巡回や、実績探しなど
niumさんの仕事っぷりには敬服です。
個人でここまで出来るとは。

次の案件では、、と思いつつ、
いつもながら時間との戦いに勝って行かないとな。

adobeMAXでの時間割もprogressionにすべきか悩んでます。
これギリギリでも変更効くのかなぁ。

前回の記事で書いたCircleDrawはlineToでしたけど、
CurveToで適応してみる。

Circle Draw 2

前回との違いは
-lineToをcurveToに
-そのコントロールポイントを計算

だけなんだけど

なんか角があるから計算ミスなのかな。
スムーズじゃないです。うーん。

失敗作。
ちょっとロック。


Circle Draw 2 - 0.1

いやーteraClock便利ですね。使うべきです。
box2Dは理解しきってないですが、
基本的な使い方はちょっとだけ分かった。

TeraClockはTrick7さん。

Box2Dはこちらに詳しく説明してあります。
※サンプルだとCreateStaticBodyとCreateDinamicBodyでエラーが出た。中身見て、
CreateBodyにしたら動いたけど、なんかver違い？

というわけで同時にHello World的なよろしく。

DropClock

CIRCLE_DRAW

作ってみました。
数字をいじるといろんな幾何学模様が書けます。

仕組み的には、circle×circleです。
意外とはまってしまう。。。

構造はシンプルです。curveToで作るとまた違う世界があるかもなぁ。
AS3.0は勉強中。まだ美しいコードが書けません。
必要なものはステージに置いてくださいね。


import flash.geom.*;
import flash.events.*;
import flash.display.*;
//initial
var radiusArr:Array = new Array();
var speedArr:Array = new Array();
var targetArr:Array = new Array();
var ballArr:Array = new Array(ball01,ball02);
var lineGraphics = new Shape();
var moveFlag:Boolean = false;

function setPos(mc:MovieClip):void{
mc.rad = mc.degree * Math.PI/180;
mc.x = mc.targetmc.x + Math.cos(mc.rad) * mc.radius;
mc.y = mc.targetmc.y + Math.sin(mc.rad) * mc.radius;
}


trick7さんのSCACLOを見て、面白い！と同時にドミソドミソドミソドミソドかーと思ってね。
音楽やってた身としてはもうちょっと違う音階はなかろうかと勝手に考えてみたw

その１
単純に音階をいじる。
ドミソシレファラドミソシドレ
音楽的には7th 9th 11th も内包します。
コード的にはC C7 F G G7 D EonA あたりを彷徨うはず・・・。
音程の差が縮むし。

その２
いっそのことあんまり変わらない10時間と1時間をリズムループ音源に変えてみる。
1秒で8beatなので60bpmか120bpmのものを探して乗っける。
それ以外の４つは自分（0,1,2）で3音階、分と秒で音源を微妙に分けたりすると、
さらにバリエーションが出るのかも・・・。
その１みたいな音階にしておけば曲になるかもねw

例えば
ドミソ⇒ラドミ⇒ファラド⇒レファラ⇒ドファラ⇒ラドミ⇒ドミソ
Ｃ→Am→F→Dm→Ｆ→Am
みたいな循環コードを作るとして、
Arrayに（ド,ミ,ソ,ラ,ファ,レ,ド,ミ,ソ）って入れて置いてpushしていくか、

もしくは2オクターブぐらいにNumberを割り当てて、基本の3和音とする。
そのArrayのなかを毎回ループ回して、自分と隣り合った音をランダムで入れて行く。
そーすると、なにかしら和音になるはず。

24時間ループを作れるかもしれんなw

というか、FLASHERなのにアイデアだけでごめんなさい。
っていうか、作ってから言えよっていう。
時間があったら作ってみます。

なにかで読んだけど、
ギリシャ時代は数学と音楽は密接に結びついているとされて
調和、つまりハーモニーとしての音楽はとても重要視されていたそうな。

というわけで、
ピタゴラスさんのリンクでも貼って逃げます。
http://ameblo.jp/eliot-akira/entry-10058310924.html
これも

前回書いた、doubleSpringの応用したヤツで、波の動きを作ってみた。

DoubleSpringは、重力があるからぶら下がるんだけど、
重力の方向をX方向にするだけでOK！

あとは、ランダムのコントローラー作ったら、こんな感じ。
こういうのは結構使えるんで、よかったらサンプルどうぞ。
コピペしてねソース付き

落とし穴として、frictionの強さをうまくやらないと、
仕組上、ボールがぶりぶり動きすぎるので注意ですよ。

wave

バグかなんだか知らないけど、
あんまり認知されてないArray.lengthの返り血の違い。メモ

--------------------------------------------------

var arr:Array = new Array (100);

var num:Number = arr.length;

trace(num);
//これ100が返ってきます。

--------------------------------------------------
以下、回避方法
--------------------------------------------------

var arr:Array = [100];

var num:Number = arr.length;

trace(num);
//これ1が返ってきます。

--------------------------------------------------

var arr:Array = [];

arr.push(100);

var num:Number = arr.length;

trace(num);
//これ1が返ってきます。
--------------------------------------------------

ヨロシク！

7000エンもするガチ太い本があるんですが、
これがまた良書ですので、自分クラス作りにはもってこいなんですが、
自分で作ってるともっといいのが世の中にあるという敗北感を味わって、
イチイチ負けた気分になってるとキリがないので、そういうのは脱皮するという当たり前の結論に至るわけです。
そんなこんなですが、本は良書で物理をこういうアプローチで学校でも教えてくれれば良かったのに。と思いながらも、俺、音楽やってたからどっちにしろダメだべ。

勉強って大切ですね。

本の話に戻りますが、AS3で書いてあるのを仕事で使うからAS2で書くという
さりげない優しさで出来た以下サンプルです。
とんかつソース付き。

spring

double_spring

parabora

bubbles

バナー作る際に気にしなきゃいけない点はいっぱいあるけど、
主にYahooに出稿する時によくハマるポイント二つ。
どこにも載ってないので、参考にしてちょ。

１、文字のアウトラインを取る

「ムービーエクスプローラー」で「A」のところをやるとテキストを拾ってくれます。
ちなみに、「ライブラリ」の中の文字も指摘されたり、ガイドレイヤーも指摘されるケースが多いので、使用数を確認したりして、取っておきましょう。

http://yac.yahoo.co.jp/babbey/index.html
こんなのもあるので、納品前にCheck Abbey！

２、画像がガビる

バナーの納品はFLASH PLAYER ver6がいまだに主流です。
なので、画像ガビガビのバグ？があります。
ファイル容量がシビアになりがちなので、明朝の文字をテキストアウトラインではなく、GIFファイルにして置いたりしますが、その時にガビります。

対処としては、
オブジェクトを全部整数に置く。
それでもダメなら必殺技。オブジェクトの中心点を右下に置く。

こんな感じ。
見事に直りました？

ちなみに、FOURDIGITではオブジェクトを整数に丸めてくれるコマンド（nki作）を使ってますので、良かったらどうぞ。

4dut_posRound.jsfl

FLASH側に

getURL("javascript:void(window.open('hoge.html',,,,,,, ));'");

と書くのと

JS側
function popWin(){
window.open('hoge.html',,,,,,,,,,);
}
FLASH側
getURL("javascript(popWin());");

って書くのだと、
後者が開いて、前者が開かないことがあります。
（全部試してないけどIE6はダメだった）

FLASHのPOPUPは、
現状では100%確実に開く方法がイマイチ不明で、
GoogleバーやらYahooバーやらあるんで、どーも困る。

下のAdobeのまとめにきれいに書いてありますが、
例えば上記の例みたいに、完全に信じると違う時がありますw

http://support.adobe.co.jp/faq/faq/qadoc.sv?228619+002+4#anc_d

ただ、クライアントワークの際に、
完全に対応しないとならない場合もあるよねぇ。
そこで調べてたんですが、

http://ss-o.net/popup.html

必殺「ブラウザ判別」でしたw
・・・うぬぅ。

どうしても日本だと印刷用とかキャンペーンペラのページは
POPUPに頼る方向になってます。
もしかしたら、POPUPでペラを作るのが、
一番、スピード、コスト等のバランスがいいのかも。

ただ、まぁ、ユーザー側の環境によって、
お客さんを逃すのはいただけないので、
なるべく、POPUPに頼らない方法を模索したいところですね。

shadowBoxとか、続きを読むで出てくるとか、色々あるしね。

むしろそこまでやってるpopupのfunction知ってる人教えてください。

意味分からんバグに出会ったのでメモ。

英語版と日本語版を作るサイトだったんだけど、
2ファイルにすると面倒なので、HTMLへの埋め込みの際に、
クエリでisJP=falseとかって渡してた時の話。

AS2.0

//StringをBooleanに変換
isJP = !(isJP == "false");

btn.txJP._visible = isJP;
btn.txEN._visible = ! isJP;

1フレーム目にローダー、
2フレーム目にmcから参照。

みたいな感じで使いますと、

なーんか、、
5回に1回ぐらい変数が効かない。
mcの入れ子から参照するもなぜか渡らない。。。

まったく理由がわかりませんが、
クエリのStringをBooleanに変えるときに、
別の変数に格納してあげると、すんなりOK。

謎ですね。
お疲れサマー。

昔音楽やってたんで、Reasonとか、Logicとか、
その辺で打ち込みしてて、それなりに音に関しては詳しいつもりだが、
最近はもう全然やってないんで、ご無沙汰になってたところ、
fladdictの人がKORGのソフトを紹介してて、虹も購入してたもんだから、
気になって色々音のサイトを探してたら、NKI2にこんなん教えてもらった。

audiotool demo
うわー何これキモイ！

ちなみにandre michelleもシンセ作ってたわ。
って色々探ってたら
audiotool もandre michelle製？？
http://blog.andre-michelle.com/
スゲーなこの人。

エフェクターの変換の公式ってどっかにあんのかな。。
サイン波からでもいじり倒したら面白そうな予感。
10でさらに進化するらしい。

予感だらけの日々。

扉ページをちょっと直した。
ついでにpaperVisionを今更チラチラ見て思った事。

AS3.0とかを学ぶためには、
ガリガリとはじめから書くのってやっぱりリアルじゃない。
コンテンツに持っていくまでに時間がかかりすぎるし、
「WEBサイトを作ろう！」って言うノリから、
「プログラムをしよう！」ってノリになってしまうので、
どうしても取っ付きづらい。

単純にリンクの張り方が分かればいいのに、
型指定とかクラスとか継承とか言われても
いやいや何？ってなるんだろうなと思う。
（一応分かるけど）

あくまで手段だろ？これ。
すり替えが発生してる。

技術が進歩して行くのはいいけど、
突き詰めると専門性が高まってしまって、
クリエイティブを狭めて、しまいには面白くも何ともない
文字の並びになってしまうんじゃなかろうかな。

テレビゲームより缶蹴りの方がクリエイティブだし、自由だよな。

・・・
ところでWEBで子供の遊びをやると面白くなりそうな気がしてきた。
おにごっことか。

永遠に覚えられないけど、
書けば覚える気がすること３つ。

１,アルファマスクのかけ方

mc用意。中に二つのレイヤー
上のレイヤー　ブレンド「アルファ」
下のレイヤー　画像

上のレイヤーでアルファのアニメーションを作る。
親のmcのブレンド　「レイヤー」

ブレンド　レイヤーって何よ？
が悪いのか、覚えられないけど、今覚えた

２、ScaleRatio の話

3Dやるときの魔法の公式

sr = fl / (fl + z);

これないと無理。けど今覚えた

３、degree と redian

角度　degree
ラジアン　radian

degree * Math.PI / 180 = radian;

覚えられない気がするけど、今覚えた。

たまーに出てくるから気になる。

あと、なんか覚えられなかったのは、
FLASHの整列ショートカット　cmd＋opt＋2とか3とか
フォトショのファイル間、同位置にコピー　右クリしてファイル選択
とか、

FLASHをFALSHとうち間違えるのもやめたい。
自分メモリ増設だな。

2.0ですが、まめ知識メモ

疑似オーバー

var isOver = btn.hitTest(_root._xmouse,_root._ymouse,false);

hitTestは謎関数で、x.yはグローバルの座標で判別しまくり。
便利なんだけど、不便なときもありそうな気がする・・・。

AS2.0だと、onRollOver とonRollOut の関係がセットになってるから、
RollOverは一つのボタンに対してしか出来ない。

だから、ボタンの中にボタンがあると、
上のボタンにOverした時点で下のボタンのOutが呼ばれてしまう始末。
AS3.0でその辺は解消されてるんだけど、
2.0で書くときは注意しましょう。

というわけで、
虹も言ってる通り、
ブログは書きためるのが財産なのでがんばります。
（MTのカスタマイズうまくないから初期化しようかな・・・）