THREE.js设置背景图和播放动画学习

背景图和播放动画学习"/>

THREE.js设置背景图和播放动画学习

本文能学到什么

作者的three.js属于入门的，最近跟着大帅的训练营，学习了three.js如何设置全景图背景和播放动画，本文章使用的模型和图片都是事先提供好的，我们只需要实现加载背景图、加载模型和播放动画即可

效果

具体实现

初始化

首先我们按照常规，生成scene、camera和renderer

let scene, camera, renderer
function init() {scene = new THREE.Scene()camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.01, 10);renderer = new THREE.WebGLRenderer({ antialias: true });renderer.setSize(window.innerWidth, window.innerHeight);camera.position.set(0.6, 0.6, 1);document.body.appendChild(renderer.domElement);}init()