monkey7

渲染器WebGLRenderer执行渲染方法.render()就可以生成一个Canvas画布(照片)，并把三维场景Scene呈现在canvas画布上面,你可以把.render()理解为相机的拍照动作“咔”。透视投影相机的四个参数fov, aspect, near, far构成一个四棱台3D空间，被称为视锥体，只有视锥体之内的物体，才会渲染出来，视锥体范围之外的物体不会显示在Canvas画布上。时间充裕的话 还是建议看看原作者的文档 非常详细 有很多小细节 通俗易懂 我这里都是摘的我自己想记的。

项目的开发环境引入threejs import * as THREE from 'three'; 其他的扩展库 就用啥引啥vscode配置live-server插件 在官网案例里打开对应.html文件，右键点击Open with Live Server即可

什么是three.js ：前端3D框架 （ 绘制3D的js轻量级框架 采用HTML5 Canvas提供硬件3D加速渲染）应用场景：VR模型、地图、家装，机房、厂房等

2.css3D 更轻量的3D引擎 css3d-engine 只有14kb 用div+css来搭建3维场景 比较容易添加信息点（标签点击事件那种）（2）使用球体（sphere）实现 需要一张全景图片 贴到球体上 其他同上 “回” 反贴 进入球体。（1）使用立方体6面图 camera放到 立方体的中间 like “回” 让贴图向内翻转。要花钱买 是一个所见即所得的全景VR制作软件 可以直接输出HTML5静态网页。3.图片信息点多 高清图 不占地儿的解决方案 pano2vr。按照大佬的教程 我实现的效果。

gltf文件全称Graphics Language Transmission Forma（图形语言传输格式），是一种三维模型格式，用于传输和加载3D场景和模型；glTF（GL传输格式）是Khronos的一个开放项目，它为3D资产提供了一种通用的、可扩展的格式，这种格式既高效又与现代web技术高度互操作。gltf文件核心是JSON文件，一个gltf文件可传输一个或多个场景， 包括网格、材质、贴图、蒙皮、骨架、变形目标、动画、灯光以及摄像机等信息。这里先尝试glb （别问为啥 问就是找的教程里用的这格式 ）