使用js制作一个3d模型

在学习js和jq时制作的一个小功能，可实现一个3d模型

可以点击开始旋转

切换背景颜色等

需要引入：

<script src="JS/three.js-master/three.js-master/build/three.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/three.js-master/three.js-master/examples/js/loaders/OBJLoader.js"></script>
		<script src="js/three.js-master/three.js-master/examples/js/controls/OrbitControls.js"></script>
		<script src="js/three.js-master/three.js-master/examples/js/effects/StereoEffect.js"></script>
		<script src="js/qrcode.min.js"></script>
		<script src="js/jquery-3.6.0.js"></script>

css代码如下：

body {
				height: 2000px;
				margin: 0;
				overflow: hidden;
			}

			.sss {
				width: 100%;
				height: auto;
				text-align: center;
				margin-top: 6.25rem;
			}

			.he {
				width: 100%;
				position: relative;
			}


			.xiabiao {
				text-align: center;
				margin-top: -2%;
				margin-right: 12%;
				float: right;
			}

			.xiabiao img {
				width: 20px;
				height: 20px;
				margin: 5px;
				background-color: #ffffff;
				border-radius: 100%;
				opacity: 80%;
			}

html代码：

		<div class="sss">
			<div id="he">

			</div>
		</div>
		<div class="xiabiao">
			<img src="img/切换摄像头.png" onclick="fc()">
			<img src="img/眼睛.