使用Three.js实现web端显示点云

Chord .

已于 2022-11-25 18:11:14 修改

阅读量9.7k

点赞数 2

文章标签： javascript 前端 html

于 2022-11-25 17:57:25 首次发布

本文链接：https://blog.csdn.net/Chord_Simon/article/details/128041341

版权

需要了解html、js、websocket的基本使用，建议浏览three.js文档中场景、渲染器、光源、相机以点模型、Buffergeometry的相关知识

第一步，创建html文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>My first three.js app</title>
		<style>
			body { margin: 0; }
            /* 隐藏body窗口区域滚动条 */
		</style>
	</head>
	<body>
		    <script src="./static/three.js"></script>//引入three及相关插件
            <script src="./static/OrbitControls.js"></script>//轨道控制器，用于调整视角
		<script>
			// Our Javascript will go here.
		</script>
	</body>
</html>

第二步，从npm安装three