开源 Three.js 案例及入门教程

Three.js入门教程目录

章节1认识three.js与开发环境搭建,rar

章节2 Three.js开发入门与调试设置,rar

章节3 Geometry进阶详解.rar

章节4 详解材质与纹理.rar

章节5 纹理材质高级操作,rar

章节6 详解灯光与阴影.rar

章节7 精通粒子特效.rar

章节8 详解光线投射与物体交互.rar

章节9 打造3D全屏滚动官网.rar

章节10 应用物理引擎设置物体相互作用.rar

章节11 WEBGL与GPU渲染原理(难点)后期再

章节12 精通着色器编程(难点).rar

章节13 着色器打造烟雾水云效果.rar

章节14 着色器设置点材质,rar

章节15 炫丽烟花交互项目案例.rar

童节16 使用着色器加工材质.rar

章节17 效果合成与后期处理.rar

章节18 HTML混合3D渲染,rar

章节19 曲线应用与轨迹运动.rar

章节20 变形动画.rar

章节21 全景看房与科..白

章节22 智慧城市.rar

01.Three.js 雨和屋顶

在线预览:

https://codepen.io/prisoner849/full/yLWMLjK

源码:

https://codepen.io/prisoner849/pen/yLWMLjK、

02.Three.js 有趣的 3D 航行

源码:

https://github.com/gavyn-ezell/gavyns-voyage

在线预览:

https://gavyns-voyage.vercel.app/

03.Three.js 破碎的娜芙蒂蒂

在线预览:

https://codepen.io/prisoner849/full/NWjoYLQ

源码:

https://codepen.io/prisoner849/pen/NWjoYLQ

04.Three.js 孤独的蜡烛

在线预览:

https://codepen.io/prisoner849/full/XPVGLp

源码:

https://codepen.io/prisoner849/pen/XPVGLp

05.Three.js 交互式地球

一个美观的网页特效,展示了鼠标悬停时的动态交互。它利用 CSS 动画和 JavaScript 创建了流畅的视觉效果,如元素的移动和变形。当用户将鼠标移动到特定区域时,背景和图形会发生变化,增加了整体的吸引力和互动性。这种设计适合用于提升用户体验,尤其在个人网站或创意项目中。

在线预览:

https://codepen.io/ksenia-k/full/zYXZGev

源码:

https://codepen.io/ksenia-k/pen/zYXZGev

相关推荐
统计学小王子34 分钟前
数学建模国赛倒计时4天——《统计模型精讲(混合效应模型R语言实现)》
开发语言·数学建模·r语言
知无不研38 分钟前
c语言中循环的介绍与简单应用
c语言·开发语言·算法·循环·for·while
郝学胜-神的一滴43 分钟前
Qt 高级编程 045:坐标体系深度实战
开发语言·c++·windows·python·qt·程序人生
dsyyyyy11011 小时前
JS复习,难点,易错点总结
开发语言·javascript·ecmascript
默_笙1 小时前
🏝 Docker 就是"房地产开发":从施工图纸到小区物业的容器化指南
前端·javascript
kyriewen1 小时前
我手写了个极简版 React Router——才搞懂 v6 为什么砍了这么多 API
前端·javascript·程序员
“AI国潮设计-小江”2 小时前
Python实战 | SDXL精准控制“普宁英歌舞×星空蛋糕”IP落地,附核心Prompt与商用授权思路
开发语言·人工智能·python·prompt·aigc
小刘在重生~3 小时前
Java常用类|String类详解 + BigDecimal精准计算(含面试题)
java·开发语言·python
YYYing.4 小时前
【C++进阶系列 (二)】关于线程堆栈的那些事——函数调用过程
开发语言·c++·函数·线程堆栈
邪修king4 小时前
Re:Linux系统篇(十九):进程篇(八): 进程等待详解:wait/waitpid,僵尸进程到底该如何回收
java·开发语言