three.js
JavaScript 3D库
该项目的目的是使用默认的WebGL渲染器创建易于使用,轻巧的3D库。 在示例中,该库还提供了Canvas 2D,SVG和CSS3D渲染器。
------ -
用法
此代码创建一个场景,一个照相机和一个几何立方体,并将该立方体添加到场景中。 然后,它为场景和摄像机创建一个WebGL渲染器,并将该视口添加到document.body元素中。 最后,它为摄像机场景内的立方体设置动画。
import * as THREE from './js/three.module.js' ;
let camera , scene , renderer ;
let geometry , material , mesh ;
init ( ) ;
function init ( ) {
camera = new THREE . PerspectiveCamera ( 70 , window . innerWidth / window . innerHeight , 0.01 , 10 ) ;
camera . position . z = 1 ;
sce