•

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

4

Posted in works by miyaoka
2009/01/18 00:11
Tags: ActionScript, Adobe AIR, application, movie, QlClock, works

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

■QlClock

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

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

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

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

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

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

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

•

Julia Set Animations

0

Posted in blog by miyaoka
2009/01/07 19:11
Tags: ActionScript, Adobe AIR, fractal, movie, wonderfl

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

ジュリア集合というらしいです。
これがいったい何を意味するのかは解説読んでもなにがなにやらよく分からなかったので、とりあえず生成プログラムを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話のウニョンさんの色使いが最高でした。なんとなくその影響があったりなかったり。

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

•