TokyoPeninsulaBlog » Posts for tag 'ActionScript'

スポモンスナップ

SporeというゲームのAPIが公開されてユーザーメイドのクリーチャーの画像とかデータとかいろいろ取って来れるよ、ということでとりあえず画像取得をwonderflでやってみました。

SporeLaneCameraSnap – wonderfl build flash online

奥行きつけてたくさん並べてみるとアナログ感のあるフィギュア世界みたいでちょっと嬉しいかも。
フォーカスのボカしを考え無しにいっぱいかけてるのでお使いのPCによっては激しく処理重かもしれませんが…。
ついでにせっかくなのでカメラ風のスナップ機能もつけてみました。

なんかこう自分にとってwonderflがいいなーと思うところは、どうせ1ファイルだし使えるライブラリも決まってるからとりあえず動けばいいや的にアドホックに書き散らかせる気分というかノリというか…。あと、それ故に勉強になるローテクな実装も多々見られたりして、毎度へーとかほーとか唸ってます。

設計はちゃんと考えたいけど、やっぱり動きとか気持ち良さの具体的な数値の設定をアレコレしたい!というか。いろいろ考えちゃうとすっかり萎えちゃってそういうところになかなかたどり着けないのでこうして手を動かせる気軽さはいいものだなあとつくづく。

Game of Life shooter

ライフゲームくらい有名なものなら、そりゃもー世界的に最適化されたコードがあるだろうって思ってたんですが、探し方が悪いのかいまいち見つけられず。かつ、自分で組んでもぜんぜんちっとも速くない…。
そんなときに目にしたのがこちらのサイトで、ConvolutionFilterとpaletteMapを使うというもの。こいつは速い…。60FPSでもバキバキです。
こういうのがGPGPUっていうやつなんでしょうか。(よくしらない)

そんなわけでwonderflを見てみたら、さらに初期化処理をpixelDissolveでやってるものがあって、「ライフゲームはConvolutionFilter、paletteMap、pixelDissolve!」と思わず叫びたくなってforkしてみました。

LifeShooter – wonderfl build flash online

やりたかったこと
・セルをスクロールさせたい
・そこに撃ち込みたい
・撃ち込んで消したい
・むしろ爆発させたい
・グライダーに襲われたい

やらなかったこと
・自機を作る
・点数計算
・レベル

やってもいいんじゃないかということ
・ライフゲームの生死ルール調整

結果として「停滞している小規模なライブセル群は短いマウスホールドで撃ちこんで一掃できるけど、押しっぱなしにして撃ち続けてると逆にライブセルが拡大してしまう」
というような感じの代物になった、というのがだいたいイメージしていたものであり、かつ、作ってみて理解できた感覚でした。

開始時のブワーっとなるのは原理がよくわかってませんが面白いので面白いなあと思います。

QlClock: いろいろと紹介していただきました

以前作ったAdobeAIR製の時計ガジェット『QlClock』を、窓の杜などいろいろなところで取り上げていただきました。

■QlClock

http://www.t-p.jp/blog/app/qlclock

どうもありがとうございます。
改めて紹介動画も作ってみました。


自分にとってはじめてのAIR、というかはじめてのアプリケーション作りだったのでまだまだ勝手が分からない感じなのですが、とても勉強になりました。

そもそもは自分用に時計が欲しいという動機で作り始めたもので、機能ももちろんなんですが、まずは外観デザインを好きなように作れたのが面白かったです。

デスクトップ上に置くにあたって学校時計みたいな飾り気のないデザインにしたいと思い、いろいろとイメージを探してみたのですが、意外と「学校時計」という統一されたフォーマットは無さそうな感じでした。
なので画像検索したものから30枚ほどピックアップしてそれぞれ見比べてなんとなくイメージを固めていって作りました。

qlClock

時計として性格が表れるのは文字盤のフォントだということにも気付かされました。
フォント集の中からイメージに合うものを探していたのですが、結局完全に合うものが見当たらなかったのでグラフィックとして作りました。
特に大きいのが「1」の数字の上下の部分を無くしてただの縦棒にしたこと。
一般的なフォントでは小文字の「L」や大文字の「I」と区別する必要があるためだと思うのですが、数字だけの場合にはただの棒でもOKなので、そういうところが時計として大きく性格が出るんじゃないかと感じました。


振り返ってみれば、ほんと10年も前からウェブブラウザの外で何かしたいという話をしてました。…とはいえ何をする技術も環境も無かったわけなんですが。
今となってはブラウザはより強力になり、ブラウザの中で大抵のことはできちゃいますが、それでもブラウザの外の自由さはモノとしての魅力があるように感じます。

Julia Set Animations

なんとなくフラクタルとかできるようになったらモテるかなーと思って(←まちがい)、アニメーションを作ってみました。

ジュリア集合というらしいです。
これがいったい何を意味するのかは解説読んでもなにがなにやらよく分からなかったので、とりあえず生成プログラムをAS3で書いてトゥイーンさせて眺めてみました。

■プロセス

1. まずはwonderflで書いてみる
http://wonderfl.kayac.com/code/0599e779599cccf15421f0282fcbd94305a5e325
リアルタイム処理するにはパワーが必要なので解像度落としてます。

2. パラメータいじってバリエーション作ってみる
http://wonderfl.kayac.com/code/d3ab3883c02aed2f95aa90ac4e1b085bd9176e3f
http://wonderfl.kayac.com/code/3e44640d5b86dcf68a5dd09bf42f404a45be5df3
http://wonderfl.kayac.com/code/b9c45ab48784f4044299375dfea5fbcb4ac4bcfb
なんかドットキャラの生き物みたいだー。

3. 寝る

4. 再び見てみる
5. 音楽に合わせつつポチポチするとちょっとトリップできそうな気がした
6. 高解像度でレンダリングしたい!
7. AIR化してフレームを連番PNG書き出し
8. じっくりコトコト6時間
9. 寝る
10. mencoderで連番PNG→AVI動画化
11. AfterEffectsタイムラインに配置(手作業)

という感じでした。AEの使い方がまだまだなので激しく手作業でした…。そのせいかいまいち音楽に合ってない感じですね。
というかASで書かずに最初からAEで生成すればいいんでしょうか!(よくしらない)

あと『カイバ』第5話のウニョンさんの色使いが最高でした。なんとなくその影響があったりなかったり。

マンデルブロって言葉はよく聞くけど、マンデルブロさんはご存命なんですね。フラクタル万歳!

ActionScriptで落書きを。wonderfl by KAYAC

http://wonderfl.kayac.com/

KAYACさんのwonderfl。
ActionScriptを書いてる人にとってはかなりステキなサイトじゃないでしょうか!

つまりこれは、
「絵の具の代わりにActionScriptを使って描くお絵かき掲示板コミュニティだ」
って印象だったりします。いや、ホントに。
眺めて楽しいし、引用してレスポンスもできるし。

Yahoo!Pipesなんかもよく使ってたりするんですが、その場でパズルのように組むのはなんか楽しいです(実際はめんどいのでFlashDevelopで書いてからペーストしましたが!)。
制限の枠が与えられている感じが心地いいのかも。


(あれ?ブログに貼る機能はコードしか出ないのかな…。上の「wonderfl」ってところをクリックするとプレビューが見れます)

そんなわけで、なんというか「サンプルとしかいえない何か」を作ってみたんですが。
まさに落書き感覚っていうんでしょうか。
目的にとらわれない小ネタが書きやすいなあと思いました。
これだけのためのモノを作ろうって普段あんまり思わないから、練習というか精進というか発見になるというか…。

このサイトがどんな発展をしていくのか楽しみです。

AdobeAIR: 慣性ウィンドウクラス (ドッキドキ!はじめてのスクリーンキャスト)

普段あまり人と喋らないので発声練習代わりにスクリーンキャストをやってみようと思いました。

かなりぼそぼそしてますね…。頑張って聞き取ってください。僕も頑張ります。頑張っていきたい。

Left 4 Deadというゲームでボイスチャットデビューしたいがためのテストだったりもします。

YouTubeHDでアップしてるのでフルスクリーン表示にするとより細かく見えます。まああまり必要ないですが…。

~内容~

  • AdobeAIRってこういうものなんです
  • 窓を慣性つけて動かすと気持ちいいかもね
  • ベクター描画のアプリケーションは解像度無限大

QlClock 0.1.9 Betaリリースしました

QlClock01

シンプルなデスクトップアナログ時計「QlClock(クルクロック)」を作ってみました。


■QlClock

http://www.t-p.jp/blog/app/qlclock


Adobe AIRを利用したアプリケーションで、WindowsでもMacでもLinux(未確認)でも動作します。するハズです。

Flashによる描画の自由度のおかげで好きな大きさにリサイズ可能になってます。

また時計の針を掴んで回すことができるようになっており、アラーム時刻を直接的に設定できます。10分後にリマインダをセットしたいなどといったときに、マウスでちゃちゃっと設定するのに向いています。

QlClock04

時計の枠をつかんでリサイズ。でかい。

QlClock05

小さくする。見えない…

QlClock05b

このぐらい小さくできます。

© 2008 TokyoPeninsulaBlog is powered by WordPress