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

关注 Matter.js 很久了，但一直没有机会使用过，刚好最近《合成大西瓜》这个游戏比较热门，就用 Matter.js 来试着实现了一下。 《合成大西瓜》这款小游戏，核心的原理就是物理引擎的使用。而 Matter.js 的简介是这样的： Matter.js 引擎内置了物体的运…

1. 用 matter.js 写了一个合成大西瓜； 2. matter.js 是如何实现碰撞检测并处理碰撞后速度变化的；

本文开门见山，走马观花式的过一下three，尽量不讲api细节， threeJS就是对webgl的封装和扩展，其特点是面向对象的。 用threeJs渲染页面的基本要素有 相机、场景、 渲染器。

我在前端干工地，最后成果如下图。 从图中可以看到，整个画面由以下构成 地面 房子 天空 下面就能一步步的构建这个场景。 一、 准备工作 我这里的环境是vue3 + vite，基本环境准备好后就要安装t