2008年05月

麻那姫キャンプ、ダイジェスト。

GWに大野市の麻那姫湖青少年旅行村(麻那姫キャンプ場)に行ってきました。

20080505-094825

出発時刻ギリギリまで仕事をしていたtoraさんを真空前でキャッチ。

20080505-123330

「間に合って良かったす。」

20080505-122542

到着してすぐに雨が降ってきました。小走りでタープを設営。

20080505-122811

妖精も手伝ってくれました。

20080505-125111

20080505-125213

ハイテンションです。

20080505-124424

ちょっとQK+記念撮影。

20080505-144527

「いい日や〜。」

20080505-144538

「明日もいい日や〜。」

20080505-141213

「おひょひょひょひょ♪」

20080505-132734

つづいて、テントの設営です。

20080505-151622

キン肉ドライバーでクッションを確認します。

20080505-163418

夕食の支度へ。

20080505-162234

ポンピング担当のポンピングマン。ほっぺもポンピング!

20080505-175918

メイン料理はdemu氏が担当。ダッチオーブンを使った鶏肉+野菜料理です。

20080505-182344

盛りつけ。

20080505-182400

スパークリングワインで乾杯。

料理の写真撮影そっちのけで食べました・・・めちゃめちゃうまかったです。

20080505-203334

日が暮れると、恐ろしく冷え込んできました。ワインにハチミツを入れて温めます。その横ではんぺんキャンペーン中。

20080505-212010

「あったまるー!」

20080505-211952

ブルースな夜です。

20080505-215339

雨が止み、薪で暖をとることができました。

20080505-215544

あったけかったす。

20080505-225944

満天の星空を見て、23時就寝。

翌朝。

5時ごろ起床。「凍え死ぬ」というくらい寒かったので、いも虫のようにもそもそと動いて発熱してみる・・・。

と、「外の方があったかいですよー。」との声。

20080506-052221

demu氏がコーヒーを入れてくれました。暖まる。

20080506-052937

でっかいネズミ男は、ポタージュで、暖まる。

20080506-070339

でっかいネズミ男。

20080506-070741

どーも。コンチャックスです。

20080506-065053

「朝食をつくるよ!」

20080506-071526

「じゃ、僕はポンピング!」

20080506-074708

あっつあつのホットサンドができました。うまっそ!

20080506-074730

ほふほふ。

20080506-074756

ほぉおほぉ!ほぉおほぉ!

20080506-082330

木と木の間でごそごそ・・・。

20080506-082652

よっこいしょ

20080506-082655

20080506-082658

わぉう〜

20080506-083156

がっはーーー!

20080506-093747

ターガーマスクTシャツについては、誰もつっこんでくれなかったそうです。

20080506-094737

ぶらんぶらんしてもらいました。

20080506-091742

しらわかくんにもらったスパイダーマンソックスをはいています。

20080506-094846

いい日やったの〜!

20080506-114355

暖かくなって元の姿に戻れたラオウ。

20080506-115734

後片付け完了!いい日やった・・・。

(おまけ)

20080506-145338

demu氏は平泉寺でソフトクリームを食べたことを覚えていないとのことです・・・。

帰りの運転を担当してくれたtoraちゃん代行様、ありがとちゃんでした!


大きな地図で見る

Progression ワークショップ in なごや

20080517-154739

とある朝。目が覚めて、すぐにMacを起動して、躊躇せずに、申し込んでいました(twitterによるサブリミナル効果だと思われます・・・)。WCANのイベントに参加するのは初めてで、キンチョーしまくりました。

ワークショップの内容については、WCAN公式サイトにレポートがあがっています。

WCAN mini ActionScript Vol.6 [勉強会[報告]]

コンポーネントベースでの制作事例として、KANRODOを紹介いただきました。niumさんに何か一言と振っていただいたのですが、すっかりテンぱって十分にお話できなかったので、裏話を・・・。

僕の会社は、Movable Typeを使った企業サイト制作をメインとしています。普段は、ディレクターの仕事が6割を占めていて、残り2割が「IA」、1割「アートディレクション」、1割「短大・大学での非常勤講師(週3コマ)」という感じで時間を使っています。

Flashが必要な場合は僕が担当しています(つか、僕しか出来ない)。3,4年前まではFlashの仕事もポツポツとあり、アニメーション系のclassを自前で作り、モーショントゥイーンは一切使わずにasだけで作っちゃうのが好きなタイプでした。三角関数とか使って。

最近はjavascriptライブラリで事足りるケースも多く、Flashはあんまり出番がありませんでした。会社作ってからはMTメインという方向性もあって。

でも、「AS3は使えるようになると、何かいいこときっとある!」と感じていたので、のそのそと学習していました。

で、この案件が入って来ます。

この時点でProgressionの存在は知っていました。僕はクラスベースで作ろうと決めました。せっかくなんで。とりいそぎの暫定バージョンを公開し、ジョジョに進めていたところ、某氏から「すいません、プロデューサーから「正式版、急いで」って言われてたをの、伝えるの忘れてました・・・。」と男前声で連絡が入り、残り3日で仕上げなければならない状況になります。幸運なことに、たまたまぽっかり2日間は仕事が空いていたのと、週末の時間が使えたので、「コンポーネントベースならなんとかなるかも・・・」と方向転換し、

1日目:チュートリアル、画像・Aiのリサイズ
2日目:画像・Aiの読み込み、シンボル化、リンケージの設定、レイアウト
3日目:xmlでシーンの定義、モーショントゥイーンの設定、コンポーネントを配置・値を入れる、全体調整

というようなスケジュールで、無事ローンチ。ほっとしたところで、twitterに

Progressionでつくった〜。

とつぶやいてみたところ、開発者のniumさん直々にメールをいただき制作事例として掲載いただきました。と、こんな経緯があったのです。

* * *

実際にコンポーネントベースでの制作をしてみて

「今からFlashを始めたい人は、Progressionで始めた方がいいよ!」と感じました。特に、映像系の制作経験がある方にはかなり取っつきやすいと思います。

Flash初心者のころは、かけた時間の割にはたいしたものができず、結構しょんぼりしてしまいます。

Progressionは、Flashサイトをつくる際の技術的なハードルをどーんと下げてくれます。「自分が納得できるものを完成させる」ということを体験すると、「次のレベルへ、がんばってみよう!」と意欲がわきます。茂木健一郎さん風に言うとドーパミンがバーンと出ちゃいます。

「さらに表現力を上げたい!」という人は、AS3について、Progressionのクラスベースでの制作について自然と学んでいくことになるでしょう。

梅田望夫さんのいう「学習の高速道路」というのが、Flashの場合はProgressionではないかと。

* * *

名古屋のワークショップ、ほんと楽しかったです。みなさんフレンドリーでアウェー感が全然なかった。抽選会ではWeb Designingの最新号が当たって小躍りしてしまいました。

高速道路の先へ、クラスベースをマスターしてFlashのスーパースターになる方があの中から出るんじゃないかなぁって期待してます。WCANのみなさん、niumさん、ありがとうございました!

僕は農道を耕耘機で走っているようなペースですが、ワークショップでの成果を見せられるよう、しっかりとクラスベースでの制作も学習を続けていきたいと思います。

Progression Framework - Trac

Box2DFlashAS3学習中

Box2DFlashAS3を試してみようと、今日から学習です。その過程をメモっておきます。

※「こういう学習法がいいよ」というアドバイスがあったら教えてください!

1. はてぶから関連情報を探す

「box2d」タグのエントリーを物色する。

はてなブックマーク - タグ box2d

後で見直したいページはぶくましておく。

はてなブックマーク - mathatelle's bookmark / box2d

ユーザーマニュアルはちょこちょこ使うのでブックマークバーに常駐する。

Box2D v2.0.2 User Manual
[AS3][翻訳] Box2Dユーザマニュアル

2. Box2Dをダウンロード

公式サイトから最新版をダウンロードする。

AS3 Flash Physics Engine Box2DFlashAS3 2.0.0

解凍したら、以下の場所に「Box2D」フォルダを配置する(Macの場合)。

/Applications/Adobe Flash CS3/Configuration/ActionScript 3.0/Classes

3. ゲームで休憩

Box2Dを使ったゲーム「引越し奉行」で遊ぶ。

4. マニュアルの和訳版を読む

Box2D v2.0.2 User Manualの「Introduction」「Hello Box2D」に該当する箇所を、和訳版でさーっと読む。

[AS3][翻訳] Box2Dユーザマニュアル

5. ブログ記事を読み、コードを走らせてみる。そしてコードを読む。

はてぶした中から易しそうな記事を選んで、チュートリアルを試す。

Box2DFlashAS3 の単純なサンプルと使い方 - てっく煮ブログ

Box2DFlashAS3 v2.0.0では動かない。> <

v1.4.3.1にしたら動いた。

v2.0.0に書き換えてみようかなと思い、調べてみた。

worldAABB.minVertex → worldAABB.lowerBound
worldAABB.maxVertex → worldAABB.upperBound
b2BoxDef → b2PolygonDef

と、ここまではわかった。が、b2BoxDefのメソッドをb2PolygonDefではどんな風に書き換えればいいのかが全然わからん…。

ここに止まって調べるよりも、v2のチュートリアルをやった方が効率がいいだろうと判断し、以下にスイッチ。

Box2DFlashAS3(2.0.0)を使ってみる - その1(基礎編) - memo.at sonic
Box2DFlashAS3(2.0.0)を使ってみる - その2(図形編) - memo.at sonic

ここまでは理解できたっぽい。

ビデオチュートリアルbox2dFlash HelloWorldで復習した。

ひきつづき、at sonicさんのエントリーを読む。

Box2DFlashAS3(2.0.0)を使ってみる - その3(マウス操作編) - memo.at sonic
Box2DFlashAS3(2.0.0)を使ってみる - その4(グラフィック表示編) - memo.at sonic

その4のコードを改良すれば、それなりに見えるものがつくれそうだったので・・・

Box2DflashAS3で F I C の文字を降らす - FICC LABS

をネタ元につくってみる。

Box2DFlashAS3 Study#1 「ぽとぽと落ちてくる」

Box2DFlashAS3 Study#1 「ぽとぽと落ちてくる」

Box2DFlashAS3学習中の続き。

このコンテンツをご覧いただくには「javascriptをON」「flash player9以上」が必須環境となります。 / RSSリーダーで読んでいる方は、本記事に移動してごらんください

内容的にはいつもの内輪ネタです。すいません!

以下のブログ記事を参考にしました。

続きを読む "Box2DFlashAS3 Study#1 「ぽとぽと落ちてくる」" »

about

mathatelle
図書館の本の質感が好きです。時間の経過による黄ばみや不特定多数の人たちが触ることによる破れ・汚れ・シミなど…。

» profile

» twitter

feed

  • Mathatelle.comのFeed
  • Add to livedoor
  • Add to google

analysis

  • 携帯アクセス解析

あわせて読みたいブログパーツ

Apple iPod nano 8GB シルバー MA980J/A