three.js 3D Banner实战

需求场景

        1、加载glb模型

        2、设置背景

        3、让第一个模型转动，并调整模型的转动速度

        4、设置模型的宽度。

遇到的问题

        1、为什么加载的模型不能转动？

        加载的glb模型需要加入到goup里面才能转动。

代码实施

 
<template>
    <main ref="containerRef" class="threeBox">
    main>
template>
<style scoped lang="less">
.threeBox{
    width: 500px;
    height: 500px;
    margin: 0 auto;
    margin-top: 200px;
}
style>