技术栈
threejs
军军君01
17 天前
开发语言
·
前端
·
javascript
·
vue.js
·
3d
·
threejs
·
三维
Three.js基础功能学习十五：智能黑板实现实例二
续上章继续实现智能黑板示例： 使用Vue3+Elementplus+Threejs实现智能黑板，实现基础的几何图形、三维图形、手写板的元素动态绘制效果，并实现数学、物理、化学、地理、生物等课程常见的图形元素及函数图形等。
军军君01
19 天前
前端
·
javascript
·
vue.js
·
3d
·
typescript
·
前端框架
·
threejs
Three.js基础功能学习十八：智能黑板实现实例五
续上章继续实现智能黑板示例： 使用Vue3+Elementplus+Threejs实现智能黑板，实现基础的几何图形、三维图形、手写板的元素动态绘制效果，并实现数学、物理、化学、地理、生物等课程常见的图形元素及函数图形等。
军军君01
19 天前
前端
·
javascript
·
css
·
vue.js
·
3d
·
前端框架
·
threejs
Three.js基础功能学习十六：智能黑板实现实例三
续上章继续实现智能黑板示例： 使用Vue3+Elementplus+Threejs实现智能黑板，实现基础的几何图形、三维图形、手写板的元素动态绘制效果，并实现数学、物理、化学、地理、生物等课程常见的图形元素及函数图形等。
军军君01
19 天前
前端
·
javascript
·
css
·
typescript
·
前端框架
·
threejs
·
智能黑板
Three.js基础功能学习十四：智能黑板实现实例一
使用Vue3+Elementplus+Threejs实现智能黑板，实现基础的几何图形、三维图形、手写板的元素动态绘制效果，并实现数学、物理、化学、地理、生物等课程常见的图形元素及函数图形等。
陶甜也
19 天前
前端
·
3d
·
vue
·
blender
·
threejs
·
模型
3D智慧城市：blender建模、骨骼、动画、VUE、threeJs引入渲染，飞行视角，涟漪、人物行走
作为一名前端开发者，我一直对 3D 可视化技术充满兴趣。在一次个人项目中，我希望通过实践来拓展自己的技术栈，于是选择了实现一个智慧城市的 3D 可视化系统。这个项目不仅需要前端开发技能，还需要掌握 3D 建模和动画制作技术，对我来说是一次很好的自我挑战。
YAY_tyy
1 个月前
前端
·
javascript
·
vue.js
·
threejs
Vue3 + Three.js 实战：自定义 3D 模型加载与交互全流程
在 Web 3D 开发中，Three.js 是轻量且灵活的核心框架，尤其适合自定义模型可视化场景。本文基于 Vue3 + Vite + Three.js 技术栈，从环境搭建到模型加载、交互控制逐步拆解，覆盖 GLB 模型加载、视角控制、点击高亮等核心需求，附带完整代码与避坑指南。
loriloy
1 个月前
threejs
Three.js初学者到高级开发工程师的完整学习路径
在当今的数字交互时代，网页已不再局限于二维信息的静态展示。随着 Three.js 这个强大工具的出现，开发者能够轻松地在浏览器中构建和呈现沉浸式的三维内容。Three.js 是一个开源的通用 JavaScript 3D 库，自 2010 年由 Ricardo Cabello 首次发布以来，已成为 Web 3D 领域最受欢迎的框架之一。
ai超级个体
1 个月前
前端
·
three.js
·
threejs
·
网页设计
·
vibe coding
·
网页灵感
·
网页分享
前端下午茶：这 3 个网页特效建议收藏（送源码）
“写代码累了？不如换个视角，看看浏览器里的 3D 艺术。以下都是我做的网页，其中两个送源码哦！”在线地址
css在哪里
1 个月前
3d
·
小程序
·
threejs
小程序版 Three.js 入门 Demo（完整可运行）
ai超级个体
1 个月前
前端
·
面试
·
three.js
·
threejs
·
网页设计
·
网页灵感
·
网页分享
金三银四，一个面试官连连夸赞的个人网页技术分享
不知道大家有没有同样的感觉：今年的 “金三银四”，似乎没有想象中那么热闹。 尤其是 前端岗位，不少公司都在收缩，机会明显少了很多。
gis分享者
2 个月前
动画
·
threejs
·
着色器
·
glsl
·
shadermaterial
·
effectcomposer
·
unrealbloompass
学习threejs，实现带有GLSL着色器的动画
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师
gis分享者
2 个月前
threejs
·
着色器
·
glsl
·
shadermaterial
·
unrealbloompass
·
山谷奔跑
·
simplex
学习threejs，实现山谷奔跑效果
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师
ct978
2 个月前
webgl
·
材质
·
threejs
ThreeJs材质、模型加载、核心API
材质是控制3D物体视觉表现的核心，需根据场景需求选择合适的材质类型，以下是实战中最常用的材质及技巧：实战示例：UI层透明平面
a111776
2 个月前
前端
·
开源
·
html
·
threejs
飞机躲避炸弹 网页游戏
「11-飞机躲避炸弹 网页游戏」 链接：https://pan.quark.cn/s/3f1be5029e95
a111776
2 个月前
前端
·
游戏
·
3d
·
开源
·
html
·
threejs
3D赛车躲避游戏（html threeJS开源）
3D赛车躲避游戏（html threeJS开源）「12-汽车躲避 网页游戏」 /~2a473Ljpha~:/ 链接：https://pan.quark.cn/s/b445b66b2ff6
a111776
2 个月前
前端
·
开源
·
threejs
·
水体渲染
水体渲染系统（html开源）
水体渲染系统 「10-水体模拟（html threeJS）」链接：https://pan.quark.cn/s/bd1f9c9ec373
三年模拟五年烧烤
3 个月前
3d
·
threejs
easy-threesdk快速一键搭建threejs3d可视化场景
还在为 Three.js 的复杂配置而烦恼？还在重复编写场景初始化、模型加载、交互控制的代码？ThreeSDK 帮你解决这些问题！
loriloy
3 个月前
threejs
Three.js 光照教程 - 第四部分：Lighting详解
本教程深入讲解Three.js光照系统的核心概念、API使用和实际应用。通过丰富的示例和实践，帮助你掌握3D场景中光照的配置、优化和高级技巧。
loriloy
3 个月前
threejs
Three.js 材质教程 - 第三部分：Materials详解
本教程深入讲解Three.js材质（Materials）的核心概念、API使用和高级技巧。通过丰富的示例和实践，帮助你掌握3D材质的创建、配置和优化。
gis分享者
3 个月前
spark
·
threejs
·
ply
·
高斯
·
splat
·
溅落
·
实时渲染器
学习threejs，打造原生3D高斯溅落实时渲染器
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师