日本語 AIで作ったOBJファイルビューワ
ドラッグで回転、ホイールでズーム。
PC - SmartphoneDESCRIPTION
three.jsを使って、指定したパスのobjファイルを表示、ドラッグで回転して見れるビューワです。3DのゲームをAIに作らせたい場合、自前の３Dファイルを使用したいことも多いと思います。となると、一度３Dファイルを表示するプログラムをAIに作らせるテストをしておくといいと思います。
用意した３Dファイルの名前に上書きしてからご利用ください。
HOW TO MAKE/PROMPT
ChatGPTを使って作成。そのままだとThree.jsのパスを間違うので、指定した方がよい。プロンプトは以下。OBJファイルビューワをHTMLで
#仕様
- html,js,css in 1 file
- show it on 400x400 canvas, max-width:100%
- Three.jsを使用以下ライブラリをロード
https://unpkg.com/three@0.147.0/build/three.min.js
https://unpkg.com/three@0.147.0/examples/js/controls/OrbitControls.js
https://unpkg.com/three@0.147.0/examples/js/loaders/OBJLoader.js
#変数
filepath="../ai/dat/sample.obj", path to OBJ file
ゲームが生成できない?
<< menu
On-site search