WebGLスクール第4回宿題 - あひるの数珠つなぎ

第４回の課題はRaycasterと板を使って何かを作るというものでした。

遅くなりましたが第4回の課題です。 若干課題の趣旨とずれているかもしれませんがRaycasterとPlaneを使ってDOMの位置とThree.jsの描画位置の同期を取るというコンセプトで作っています。 DOM上の位置からRaycasterでxy平面との交点を取り、そこにあひるを複数個描画しています。 あとは最近学んだベジェ曲線を添えて怪Webサイトができあがりました。