2012.02.02（木）
いやまぁフラッシュの話なんですけどね。
フラッシュに部材配置するのって、この上なくめんどくさいですよね。
Firewoksで作ったPNGデータもフラッシュで読み込むと、
なんかFWで見た時と色違うとこあるし、
グラデーションの部分が画像になったり、
テキストも変な感じになるし、
もう、
ああ、
爆発しろ！！
いつもフラッシュを作る時、
腰が重いのは部材を配置するのがめんどくさいからだと思うんですよね。
しかし！！！
そのめんどくささから解放される一筋の光が差し込んだかもしれないです。
その光の前に以前のめんどくさい部材配置の方法をご紹介したりします。
2011.12.15（木）
君に翼を与えよう 最近、flashのタイムラインラベルについて理解したchomeoです。 「flash ラベル」をググるとは・・・。 flashをちょこちょことやっておるわけですが、今まであんまり理解してなかったモノがあります。 クラスの拡張って何ですのん？ 簡単な例として、
四角形を作る時は、 var sikaku:Sprite = new Sprite(); sikaku.graphics.beginFill(0x000000, 0.7); sikaku.graphics.drawRect(0, 0, 200, 100); sikaku.graphics.endFill();
と書くわけでこれで、色：黒, アルファ：0.7, 幅200, 高さ100の四角形の準備ができました。
sikaku君を作る時は、いつも最初から書いていました。
2行以降は、
sikaku.graphics.beginFill(0x000000, 0.7);
sikaku.graphics.drawRect(0, 0, 200, 100);
sikaku.graphics.endFill();
四角形つくる上では固定でコードヒント出るにしても、
毎回毎回書くのは面倒。
package
{
public class RectSprite extends Sprite
{
public function RectSprite(color:int,alpha:int,width:int,height:int)
{
graphics.beginFill(color,alpha);
graphics.drawRect(0, 0, width, height)
graphics.endFill();
}
}
}
という、RectSpriteクラスを作ります。
public class RectSprite extends Sprite
で、私のベースはSpriteだよと言うてます。
public function RectSprite(color:int,alpha:int,width:int,height:int)
ここで、欲しいものをアピールしています。
色とアルファと幅と高さを教えてよ。
そしたら、四角形も作ってあげるからさ!!!
なんとやさしい。
var sikaku:RectSprite = new RectSprite(0x000000, 0.7, 200, 100);
と書くだけで、shikaku君はできました。
これで、四角形はどんどん量産できるわけですわ。
順調に作業が進んでいき、ふとRectSpriteをもってるモノに
ロールオーバーを持たせたくなってきました。
addEventListener(MouseEvent.ROLL_OVER, over);
addEventListener(MouseEvent.ROLL_OUT, out);
private function over(e:MouseEvent):void
{
alpha:0.5;
}
private function out(e:MouseEvent):void
{
alpha:1;
}
てな具合ですかね。 検証せずに書いてますが・・・。 今までは、必要なモノを1からずっと作っていたわけです。 3行書くだけでクラス作るのはなぁ・・・。 とか思ってましたが、3行減るだけで結構時間短縮になるんですね。 イベントクラスの拡張についてはちょっと怯えていますが、 ベースとなるものに、僕が欲しいものをどんどん追加していき、使いやすくしていく事なのかなと思いました。
2010.06.18（金）
darmanです。
自分名前、岡田って言うんですけど、
そのノリで「OkAGOSTINI」っていうフラッシュの練習台を作ってます。
簡単に偉そうに言うと、僕が作るオカゴスティーニ フラッシュをどんな方法でもいいから再現してください。
とったものです。
いま、1～3号までやってますが、
ついに4号を出します。
というか、出さざるを得なくなったので作りました。
第四回はマウスイベントを巧みに使ってインタラクティブな動きを作ろうです。
真ん中の四角をみんなでよってたかっていじっちゃおうというフラッシュです。
さあ、みんなで考えよう！
2010.05.27（木）
こんにちわ。娘がついにつかまり立ちしまして目が離せないbeshinです。
RSSとか扱うときに、日付がW3CDTF形式だとFlashでそのまま使うことができませんよね。
W3CDTF形式というのは、要するにこんな感じで表記されている日付です。
2005-04-23T17:20:00+09:00
new Date(“2005-04-23T17:20:00+09:00″);
とかで、変換してくれたらいいのですが、そうもうまくいかないみたいです・・・
いつもは笑うくらい適当に力技で文字列操作とかしてDate型に変換して扱っていたのですが、as3corelibのDateUtilクラスにparseW3CDTFというstaticなメソッドが用意されてて、簡単にDate型にパースできることにさっき気づきました。世の中便利ですね。
使い方は
var date:Date = DateUtil.parseW3CDTF(“2005-04-23T17:20:00+09:00″);
trace(date)//Sat Apr 23 17:20:00 GMT+0900 2005
簡単でしたね。
今週ものこり少なくなりましたが、一生懸命がんばりましょう。
でわでわ。ごきげんよう。
2010.05.11（火）
前回に続きchomeoです。今まで当たらなかったのが嘘な感じです。
flashを教えてもらい早2ヶ月。初めてのflash発表です。
発表というよりは、成長記録かなと。
なので、そんな当たり前な事知らなかったん？とかあると思いますがあしからず・・・。
wonderflさんの教材を片手に勉強していて時計作りがあったので頑張って
オリジナルに落とし込んでみました。
といっても外部読み込みだったのをムービークリップに変えて
今回のデザインに不要な部分を削除していったんですが、今まで人のソースを改良っていうのがなかったのですごく大変でした。
2010.01.28（木）
サイコロ当たったわけじゃないけどbeshinです。
Flashでセンタリングさせるときとか、いろいろ2で割ったりとかしてたんですが
ビットシフトでできることをさっき知りました。
なんか圧倒的におしゃれなのでこっちでやろうと思います。
private function _onStageResize(e:Event = null):void {
x = stage.stageWidth / 2 – width / 2;
y = stage.stageHeight / 2 - width / 2;
}
↓↓↓↓↓
private function _onStageResize(e:Event = null):void {
x = (stage.stageWidth >> 1)-(width >> 1);
y = (stage.stageHeight >> 1)-(width >> 1);
}
ちなみにビットシフトについてはあんまり意味がわかってなくて
こうやればこう動くっていうのだけ知ってる感じ。
きちんと勉強しないとだめですね。
あと、Casa libのDistributionがSprite継承してることをさっき知りました。
wrapper系はこれ拡張して使うかんじなんですかね？
class hogehoge extends Distribution的な
http://as3.casalib.org/docs/org_casalib_layout_Distribution.html
でわでわ。
2009.11.25（水）
第２段目でございます。
今回は、フラッシュの制作をしていく途中で、
メモしているのをそのまま公開いたしますよ。
ちなみに、ばっちりAS2です。
●インデックス
2009.11.18（水）
そろそろ、ネタも尽きたところで、
過去の遺産に登場してもらいます。
アクションスクリプト触りたてのころは、
なんとかプログラムというものを理解しようと
変数を違うものに置き換えて自分のものにしようと奮闘しておりました。
その時のソースと概念図を描いてみました。
他の人が見るとわけが分からないと思うので、
流し目程度でみてやってください。
2009.10.07（水）
娘が生まれました。beshinです。
あまりにもかわいいです。
Union Platformを触ってみました。久々のwonderflです。
FMSとか、実はほとんど触ったこと無かったので、比べてどうよ。みたいな話にはならないのですが、いろいろ詳しく書いてくれているサイトがあって、見よう見まねでやってみました。（あいかわらずの力技ですね）
3人くらいから楽しくなります。ENTER_FRAMEで通信してるのとかはいいのかな・・・
参考にしたサイト
2009.10.01（木）
どうも、darmanです。
今回は、丸をフラッシュで描きます。
ご存知のとおり、フラッシュで丸を描きたければ、
備え付けてあるdraw系のAPIで簡単に描けます。
しかし！
だがしかし！
丸をうねうね動かすにはそいつでは役不足なのさ！
そこで、円を構成している点をすべて自力で描くことで、
さまざまな形に変身出来るみたいです。
それがこれでございます！
クリックすると丸の形になり、
一定時間ごとにうねうね動き回ります。
今回curveToを使って円を描いたのですが、
普段使い慣れてるイラレなどのペンツールと違って、
コントロールポイントが点と点の間にあるので少し戸惑いました。
三点でカーブを描くことを2次ベジェというらしいです。
イラレとかのコントロールポイントが一つの点に対して2つでてるものを
3次ベジェというらしいですね。
ほんと勉強になるな～
