こんな画像が こんな単純なプログラムで描画可能。 size(200, 200) for y in range(HEIGHT): for x in range(WIDTH): if x & y: fill(1) else: fill(.5) rect(x, y, 1, 1)

※バージョン1 の NodeBox での話です。 MacBook Pro Retia にて canvas.save() で画像を保存した時に size() の2倍のサイズで保存されました。 NodeBox のアプリを右クリックして「情報を見る」を選択し、「低解像度で開く」にチェックを付けて NodeBox を再…

NodeBox 始めてライブラリを使用してちょっとトラブったのでメモしときます。 ※現状、バージョン3が出てますが1での話です(^_^;) はじまり NodeBox はデフォルトではピクセルに対するアクセスが出来ないので何か別の方法は無いかと調査した所、 photobot と…

CSS 3のアニメーション(CSS Transitions Module Level 3)のカーブを動画で作成。 CSS Transitions Module Level 3 http://www.w3.org/TR/css3-transitions/ CSS 3のアニメーションって全部、ベジェ曲線なんですね。しかも、ease-inやease-outは引数が異なる…

ちょっと自前でイージング処理を書く必要に迫られ、調査。こちらに計算式を書かれているサイトを発見。イージングって色々な種類が有るんですね。 Easing Equations http://gizma.com/easing/ サイトにはJavaScripでの実装も記載されています。JavaScriptで…

NodeBox | Home http://nodebox.net/code/index.php/Home NodeBoxというPythonで作られたメディアアート系のグラフィック作成ツールが有ります(OSはMacのみ対応)。前にもちょっと触った事が有るのですが今回、ちょっと本格的に使い始めようと勉強を始めまし…