上下するサークル – Processing.js

Falling3
 

Source code: falling3.pjs

Processing/Processing.jsで作ったシンプルなオブジェクトです。
中身はこんな感じ。

 
interaction

• 伸縮するサークルが上下に動く
• ２つのサークルを対にしてベジェ曲線でつなぐ
• マウスでクリックされたY軸（縦軸）を検出してサークルの上下運動の可動範囲を変更
• スペースキーで運動をストップ、リターンキーで続行