随着threejs基础学习阶段的结束，本文使用基于Vue3 + vite + threejs实现3D网页demo，希望各位大佬能通过浏览本文有所收获

相信大家已经体验了今年支付宝五福的活动，无论是今年的五福首页还是打年兽游戏都是由蚂蚁互动图形引擎（代号：Oasis Engine）驱动的。 Oasis Engine 是蚂蚁集团 Web 3D 互动图形引擎，同时也是阿里经济体互动技术方向的首选 Web 3D 引擎，已于 2 月 …

第一次尝试选择了我比较熟悉的 PixiJS，关于我如何用 PixiJS 中的 Sprite3d 做了一个失败的 3D 卡片，可以 戳这里查看。 有了第一次失败的经历，果断老实选择使用 three.js 来实现 3d 效果。 但为什么选择使用 CSS3DRenderer 实现，可…

先上效果： 不想看繁琐步骤的，可以直接去github下载项目，如果可以顺便来个star哈哈 本项目使用vue-cli创建，但不影响使用，主要绘制都已封装成类 1、使用geoJson绘制3d地图

physics 物理引擎 在 WebGL 里使用物理引擎是非常棒的一种体验，人们会非常享受与这些物体产生物理效果，例如重力、弹性、加速度、摩擦力、碰撞等。有很多方式实现物理效果，并且取决于项目中想怎么

随着软硬件的发展，在PC和移动端浏览器上进行web 3D 开发的条件已经基本成熟了，出现了不少 js 3D 库，Threejs 是 js 3D库中的佼佼者。

也可以去预览。 但是作者并没有把源码分享出来，正好最近在学习 threejs，正好抽时间写了一个类似的 demo，希望能帮助一些喜欢 threejs 的初学者。效果如下： 接下来，我们一起来看如何实现这样一个粒子体系切换动画。 将获取到的 json 文件保存到本地。 首先，初始…

模型是 Three 开发中的明珠，如何广泛的获取模型和灵活的使用模型是日常开发中的关键，小包本文借助三只飞鸟的案例，带你来一起悟道模型，打通 Three 模型的开发难关。

01 kenney 地址：https://www.kenney.nl/assets?q=3d 推荐：★★★★★ 简介：Kenney 国外游戏创意原型资源网站。矢量图形、UI资源、3D游戏资源、spri