console 命令行工具 X clear

console

// 1.创建场景
const scene = new THREE.Scene();

// 2.创建相机
const camera = new THREE.PerspectiveCamera(90, window.innerWidth/window.innerHeight, 1, 1000);
camera.position.set(0,0,5);
camera.lookAt(0,0,0);
scene.add(camera);

// 3.创建渲染器
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
renderer.setClearColor(0x000000);

// 4.创建物体
const geometry = new THREE.BoxGeometry(3, 3, 3); // 几何体
const material = new THREE.MeshBasicMaterial({ color: 0xb01ff0 }); // 材质
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);

// 5.渲染循环
const renderFns = [];

function render1() {
    cube.rotation.x += 0.01;
    cube.rotation.y += 0.01;
}
renderFns.push(render1)


function render() {
    renderFns.map(f => f())

    renderer.render( scene, camera );  // 渲染场景
    requestAnimationFrame( render );
}
render();

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body style="margin:0;">
</body>

</html>

本项目引用的自定义外部资源

three.min.js