Loading video...

Video Failed to Load

Go Home

这护盾效果太牛了,可实时交互的 WebGL 能量护盾特效项目,用 React Three Fiber、Three.js 和手写 GLSL shader 做出来的。 带了完整的 3D Playground,可以实时调 hex grid、hitimpact、生命值系统、显隐动画、bloom 等参数。 对于做创意前端、游戏 VFX、WebGL视觉实验的人来说,这种“效果做出来了,还把可调参数和结构一起开源”的项目,观感会比普通 shader demo 高一个档次。

20,560 views • 5 months ago •via X (Twitter)

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

诺兰新片《奥德赛》下周就要在中国上映了, 我用今天刚正式发布的一个国产大模型, 把他《星际穿越》里最封神的 Gargantua 黑洞, 直接写进了网页里。 不是贴个黑圈加光晕的五毛特效,是真的用 GLSL 实时光追算出来的。 当年诺兰找诺贝尔物理学奖得主Kip Thorne 基普・索恩带团队算了半年、渲染了几百小时才做出来的黑洞, 现在 AI 直接用 GLSL 实时光追就能做出来了:史瓦西度规、引力透镜、吸积盘多普勒红移蓝移、清晰的光子环,全是物理正确的模拟。 21 个参数能实时拖动调整,纯 ES Module 零依赖,没有 React 没有 Vue 没有 npm 也没有 three.js,双击 html 就能跑。 整个代码是用Qwen阿里今天正式发布的 Qwen 3.8-Max 写的,我主要就调了几行参数,来回磨了五六轮。 看到光子环准确渲染出来那一刻,鸡皮疙瘩真的都要起来了。 说几句实际用下来的感受,不吹参数不扯官方定位, 就一句话:写复杂前端和需要数学底子的代码,它是真的能打。 1️⃣ 这个黑洞不是套 three.js 模板贴的图,它写的是裸 GLSL shader,从零解光子在史瓦西度规下的运动路径,算引力透镜怎么扭曲星空,算吸积盘靠近你那侧为什么蓝移、远离那侧为什么红移,算光子环为什么是那个形状。懂行的都知道,这种代码得同时懂广义相对论和图形学才写得对。 2️⃣ 核心物理部分它基本一次写对了,只有多普勒方向搞反过一次,我指出来它立刻就改了。 3️⃣ 长上下文也确实稳:从 shader 代码到 HTML 结构,再到 21 个参数的 UI 控件,一个对话全给你端出来,来回改了五六轮,没失忆,没自己跟自己打架。 比我之前用 Preview 版的时候明显稳了很多,速度也快了一圈,听说一周后就要开源了。 说实话,一个刚正式发布的模型,能独立写出这种跨物理和图形学的实时渲染项目,零依赖,双击就跑,效果对标电影级的 Gargantua,我是真的有点没想到。 体验链接放评论了,点进去可以自己拖参数,看吸积盘从黑洞背后绕过来、光子环慢慢亮起来的样子,那种感觉真的特别奇妙。 等阿里这个新模型正式开源,前端开发、科学可视化、交互式教育会变成啥样呢?真的太有想象空间了。 #Qwen #GLSL #实时渲染 #黑洞 #星际穿越 #奥德赛 #AI编程 #WebGL

AYi

91,760 views • 8 days ago