これに従ってください、https://blog.csdn.net/bcbobo21cn/article/details/110676331
基本的なコードは次のとおりです。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第一个three.js 示例</title>
<style>
body {
margin: 0;
overflow: hidden;
}
</style>
<script src="three.js-master/build/three.js"></script>
<script src="three.js-master/build/three.module.js"></script>
<script src="three.js-master/examples/js/loaders/OBJLoader.js"></script>
</head>
<body>
<script>
var scene = new THREE.Scene();
var loader = new OBJLoader();
loader.load( './3d/worker.obj', function ( obj ) {
let object = obj;
object.scale.set(3,3,3);
object.children[0].material.color.set(0xe8b73b);
object.rotation.x = 1;
object.rotation.y = 0.3;
scene.add(object);
});
var light = new THREE.DirectionalLight(0xffffff);//光源颜色
light.position.set(20, 10, 1305);//光源位置
scene.add(light);//光源添加到场景中
</script>
</body>
</html>
関連情報によると、コードに3つのjsファイルを含め、モデルをロードするローダーを定義します。
しかし失敗しました
ローダークラスが見つかりませんでした。ローダークラスを見てください。OBJLoader.jsに含まれている必要があります。
three.jsは、さまざまなローダーを使用して3Dモデルをさまざまな形式でロードします。