3DHOT

WebGL

WebGL 渲染的技巧、兼容性与性能,以及仍然跑在 WebGL 上的大量作品。

10月12日周一

作品DEV Community

一个基于光线追踪的黑洞落地页英雄区:物理原理与捷径

作者使用 Three.js 实现了一个真实的黑洞渲染效果,展示了光线追踪和物理模拟的细节。该效果在滚动时会实时反应相机移动,适合学习高级渲染技术。

作者详细介绍了如何使用 Three.js 实现一个真实的黑洞渲染效果,适合学习高级渲染技巧。

10月11日周日

作品three.js 论坛

CHROMA VIVA 002 — 一个基于 Three.js 的互动色彩研究

CHROMA VIVA 002 是一个使用 Three.js、WebGL 和自定义着色器构建的互动艺术作品,探索色彩通过移动如何融合、分离和变化。用户可以通过拖动鼠标或手指来搅拌色彩流动,或静观自动手势在场景中的变化。作品配有音效。

作品three.js 论坛

Roadarium:在浏览器中驾驶119座真实城市的驾驶模拟器

Roadarium 是一个基于 three.js 的浏览器驾驶模拟器,包含119座真实城市,如伦敦、纽约、巴黎等,支持左行和右行交通规则。该模拟器旨在帮助新手司机学习,错误时会显示错误原因并提供回放。无需安装,可在桌面和手机上运行。

10月10日周六

作品three.js 论坛

NUCLUME:从单个原子到照亮城市的3D互动之旅

作者使用 Three.js、React Three Fiber 和 Next.js 创作了一个开放源代码的3D互动体验,从铀-235原子核到核能转化为电能的过程。用户可以触发裂变、探索反应堆组件、进入控制室并导航城市。

作品three.js 论坛

Hummingbird:一款水彩风格的互动艺术作品

Hummingbird 是一款使用 Three.js 和 WebGL 制作的互动艺术作品,灵感来源于水彩画中的 hummingbird,可旋转视角观察其翅膀振动。作品可通过拖动旋转视角,音乐可通过点击 Sound 开关控制。尝试这里:[链接]。

作品Godot 论坛

Last Ember:一款基于 Godot 4.7 的 3 分钟生存竞技游戏

Last Ember 是一款基于 Godot 4.7 的 3 分钟生存竞技游戏,玩家需在限定时间内保护篝火不受寒冰生物侵袭。游戏支持键盘和鼠标操作,已发布在 itch.io。v1.2.0 版本中,攻击键调整为 J、X、Z 和左键,并跟随玩家方向或鼠标瞄准。

DEV Community

我们将手工艺品转化为浏览器中的可玩3D角色

Like Art 将手工艺品转化为可玩的3D角色,展示了技术挑战和解决方案。主要解决了四足玩偶的自动骨架绑定问题、高分辨率纹理的优化以及初始加载大小的控制。

10月6日周二

10月2日周五

技术three.js 论坛

Ispettore,一款用于调试 WebGL 和 WebGPU 网站的 Chrome 扩展

Ispettore 是一款用于调试 WebGL 和 WebGPU 网站的 Chrome 扩展,灵感来源于 Renderdoc 的管线可视化和帧栏设计。该扩展支持过滤对象和材质的 drawcall,并已集成到 Three.js 场景中。这是首个公开版本,欢迎反馈。

9月28日周一

技术three.js 论坛

EasyHub:一个轻量级的浏览器游戏资源库

EasyHub 是一个免费的 HTML5/WebGL 浏览器游戏聚合平台,提供多种技术实现的游戏资源,适合快速测试加载、输入和性能。用户可以借此平台检查控制、GPU 负载和移动设备表现。

9月12日周六

7月14日周二

引擎Godot Digest

Godot 4.8 第一版开发快照发布

Godot 4.8 第一版开发快照已发布,主要集中在编辑器改进和新功能。同时,社区分享了多个教程和资源,包括 AwaitTweener、粒子系统和场景绘制模式等新功能。

2月10日周二

技术Maxime Heckel

Halftone 效果的实现与探索

作者详细介绍了 halftone 效果的实现方法,包括基本的点阵图案、网格、颜色通道混合以及 CMYK 半色调等,适合对 Shader 和渲染感兴趣的开发者学习。

文章详细介绍了 halftone 效果的实现方法,适合对 Shader 和渲染感兴趣的开发者学习。