小编J.D*_*Doe的帖子

我很难创建一个在场景上渲染 3D 文本的简单 ThreeJS 应用程序。网站上的所有示例都太繁重，无法让像我这样的初学者上手。到目前为止，我无法让场景在没有黑客的情况下出现，我想使用我自己的画布元素向其添加 css 属性。

这是我编写的用于使立方体出现在场景中的以下代码。

import * as THREE from 'three';
import 'bootstrap';
import css from '../css/custom_css.css';

let scene = new THREE.Scene();

let WIDTH = window.innerWidth;
let HEIGHT = window.innerHeight;

let camera = new THREE.PerspectiveCamera(75, WIDTH / HEIGHT, 0.1, 1000);
let renderer = new THREE.WebGLRenderer({antialias:true});
renderer.setSize(WIDTH, HEIGHT);
renderer.setClearColor(0xE8E2DD, 1);

// Append Renderer to DOM
document.body.appendChild( renderer.domElement );

// Create the shape
let geometry = new THREE.BoxGeometry(1, 1, 1);
// Create a material, colour or image texture
let …