みらい言語技術研究所

[AI駆動開発] 簡単な環境設定で3Dモデルをつくりたい ー解決ー

さて、相変わらずCursorでゴリゴリ開発してます。

コードは自分ではまったく書かず(書けず)、

自分でちょっと調整したいときは、agentにコードの注釈を入れてもらいながら、

完全にそんなスタイル。

でも、ひたすら試行錯誤することで、必要な情報はかなり理解できてきました。

 

しばらく困っていたのが、3Dモデルの作成。

現状、レンタルサーバーに乗っける。htmlとjavascriptで動くプログラム、という限定です。

なんかそれだとagentのしゃべる前提とかなり違って、予想外に苦労する。

要は必要ファイルをダウンロードして一式格納しておく必要があるのですが、

今の世の中の仕様はそうてはないらしく。agentは”そうでない”ほうをひたすら勧めてきます。

(最初に環境伝えてるんですけど、agentが途中でそれを完全に忘れるのが、当面の仕様上の課題でしょうね)

 

今は、3Dモデルと作るときは three.js に落ち着きました。

ただ、ローカルサーバーのapachで動かす、イコール、一般的なレンタルサーバーで動かす、という条件では、

r147というバージョン以前でないと、3D描画が実現しません。ここにたどり着くのにめちゃくちゃ苦労した。

こちら:https://github.com/mrdoob/three.js/tree/r147/examples

 

イラレでつくったベクターデータをもとに、その2Dデータをthree.jsの3D空間に持ってこれることがわかって、

モデルづくりがかなり前進しました。

SVGloader.js というのがその機能です。全部r147バージョンにそろえておくのがお作法のようです。