你也向往长安城吗

本文正在参加「金石计划」 问题出现背景 公司在做大屏可视化项目时 ，有多个子页面，每个页面都有 3D 场景 ， 我负责的是 threejs 模块 ， 在项目起步时 ， 还没有意识到问题的严重性 ， 项

花了大半天的时间，从研究数据的结构，手动录入数据，到算法的实现，ts类型的定义，实现了属于自己的 原神圣遗物计算器， 可以根据提供的需求，计算出合适的套装

使用 threejs 实现真实世界简单模拟。虽然是前端，也要会开启自己的后端服务啊，这里我们开启一个简单的 websocket 服务，与前端进行交互。让场景跟随时间，不断变化

浅拷贝就好似，你和你的弟弟拥有同一个爸爸，你弟弟的爸爸捡到了100元，等同于你的爸爸也捡到了100元。 深拷贝就好似，你和彭于晏，虽然你们俩长得一模一样，但是彭于晏赚的钱，怎么也到不了你的口袋。

因为 ECharts 的使用场景及其广阔，并且定制化的场景比较多，所以就不封装可以复用的组件了，在我看来，echarts封装更好用就行了

hooks 在 vue3 的 组合式函数 中是这样解释的：组合式函数(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数。 在日常开发过程中遇到的需要复用的逻

事件循环 文章没有废话，可以仔细看，慢慢看 浏览器的进程模型 浏览器是一个多进程，多线程的应用程序。 现代浏览器的内部工作极其复杂，为了避免相互影响，减少连环崩溃的几率，浏览器启动后，会启动多个进程

使用threejs实现的场景的创建，模型加载，移动，碰撞检测 为了让大家更容易看明白，这篇文章尽量更多的文字说明 上篇文章地址：(教你Vue3+Vite+threejs 创建3D场景，实现移动跳跃碰撞

使用threejs实现场景的创建，模型加载，移动，碰撞检测 效果：官网示例效果 第一步：初始场景的建立（一些基础的代码，没有多余的解释） 到这里已经可以在页面上出现3D场景 第二步：场景模型的加载 这