Category Archives: Tryout

[drag] or [double click anywhere]

Wonderfl使ってレンダリング実験してたのが一旦完結。クソ重いから公開するのどうしようかと思ったけど、静止画生成用のエンジンとして見切って作ってたからまぁいいや。
一応操作としてはドラッグ、もしくはダブルクリックで自動操縦になる。

で生成される静止画はこんな感じ。

あとついでにB0とかB1ぐらいの大判出力用にBitmapDataの高解像度出力する方法を模索してるんだけど、BitmapDataの大きさ制限のせいでなかなか効率のいい方法が見つからない。
一応今は2880pixel x 2880pixelのBitmapDataを複数作って目標のサイズを覆うようにタイリングして、drawする時はそれぞれのBitmapDataにSpriteを枚数分何度もdrawしてるって状態。そのせいですんごい処理負荷高い上に、書き出した複数の画像をあとからPhotoshopで合成しないといけなかったりしてすんごいめんどくさい。どうにかならんもんかね。

ちなみに原寸だと↓こんな感じ（クリックで開く）。

追記：
上のネットで公開してるバージョンはスクリーンサイズのBitmapDataにdrawしてるだけだから重いのは他が原因。

まずは追従してくる点を順番に線で結んでみる。

次は結ぶ順番を変えてみる。

線で結んでできた面を塗りつぶしてみる。

フレームレートを上げて、点の数を増やして長くしてみる。

一定の長さ以上縮まないようにしてみる。

Y軸方向に重力を加えて、多少伸縮するようにして弾力を持たせてみる。

奇跡がキャンバスに残るようにしてみる。

あとは色をうまいこと変化させたりして軌跡が良さ気に見えるように調整、調整。

aiファイル内の図形の各アンカーポイントの座標を取得する為に、JavaScript使ってIllustrator CS3ほじくってみた。付属の「Illustrator CS3 JavaScript Reference.pdf」が分かりにくくて階層構造が掴みづらかったのでメモ。

appがIllustratorの参照。
app.activeDocumentで現在開いてるファイルの参照をDocument型で返す。
Documetの中にはpathItems型でパスでできてるオブジェクトの参照が複数入ってる。
pathItemsの中にはpathPoints型でパスのポイントの参照が複数入ってる。
pathPointsの中にはpathPoint型でパスのポイントの参照が入ってる。
pathPointのanchorプロパティにアンカーポイントの座標が入ってる。

要するに現在開いてるファイルの1個目のオブジェクトの1つ目のアンカーポイントのx座標を取得しようとした場合は、
app.activeDocument.pathItems[0].pathPoints[0].anchor[0]
になる。ふ、深ぇ。

あとは全部の座標をテキストで出力してasにコピペすれば図形をコピーできる。この時Illustratorのy座標は下が0なので上下反転しとくこと。