效果
源码
import {
useEffect, useRef } from 'react'
import * as T from 'three'
import {
OrbitControls } from 'three/examples/jsm/controls/OrbitControls'
const Demo14 = () => {
let scene, camera, renderer, orbitControls, axes
useEffect(() => {
init()
}, [])
const ThreeContainer = useRef()
// 场景,作为容器,保存并跟踪所有渲染的物体
const initScene = () => {
scene = new T.Scene()
}
// 相机
const initCamera = () => {
// 透视相机,参数:视场,长宽比,近面,远面
camera = new T.PerspectiveCamera(45