GLTF Viewer made with AI

Rotate with mouse drag, zoom with mouse wheel.

PC -

Smartphone

DESCRIPTION

I asked AI to generate a GLTF file vierwer.

If you want to have AI create a 3D game, there will likely be many instances where you want to use your own 3D files. In that case, it would be a good idea to first test having the AI create a program to display 3D files.

Please overwrite the name of the prepared 3D file before using it.

HOW TO MAKE/PROMPT

Created using ChatGPT. It is good to suggest three.js library path. The prompt was as follows:

Make a GLTF Viewer HTML

#仕様
- html,js,css in 1 file
- show it on 400x400 canvas, max-width:100%
- Use Three.js, libraries are below:
script src="https://unpkg.com/three@0.126.1/build/three.min.js
script src="https://unpkg.com/three@0.126.1/examples/js/controls/OrbitControls.js
import script src="https://unpkg.com/three@0.126.1/examples/jsm/loaders/GLTFLoader.js

#変数
filepath="../ai/dat/sample.glb", path to GLTF file

What if there is an error?

<< menu

On-site search