webgl - three.js - ドラッグ可能な円を作成する

Question

github から three.js プロジェクトを複製しました。マウスでドラッグできる 2D 平面上に円を作成することに興味があります。グラフィック プログラミング (WebGL または OpenGL) の経験はありません。

誰かが私を正しい方向に向けることができますか? Google を試してみましたが、例が複雑すぎるようです。

よろしくお願いします。

Answer 1

これはあなたが試してみる必要があるものだと思います。あなたが思っているほど複雑ではありません。数学が苦手な場合でも、心配する必要はありません。three.js がすべてを処理してくれます。必要なのは、カメラといくつかの形状を追加し、それらをレンダリングするように依頼することだけです。

aerotwists の 3 つの js チュートリアルをよく読んで、基本的なシーンをセットアップする方法を理解してください。

シーンを作成すると、現在のシーンを使用してオブジェクトを非常に簡単に変更できることがすぐにわかります。

物を引きずるということに関しては、走る前に歩いてみてください。