呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态

图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
#前端 #demo #动画
https://fixupx.com/sujen_p/status/2004467491284910554
https://fixupx.com/sujen_p/status/2005536330579927481
Sujen Phea (@sujen_p): Unfurling paper
Demo 👉 https://paper-scroll.sujen.co/
#webgl #threejs
Spinning disco vibes
Demo 👉 https://disco.sujen.co
#webgl #threejs
FixupX
Sujen Phea (@sujen_p)
Unfurling paper

Demo 👉 https://paper-scroll.sujen.co/

#webgl #threejs
前端 demo 动画 webgl threejs webgl threejs
#前端 #demo #three #WebGL
https://particles.sujen.co/
很丝滑的粒子爆炸效果，可更换其他模型文件。

使用自定义模型实现粒子爆炸，精确地限定在圆柱体内。
演示 particles.sujen.co


https://fixupx.com/i/status/2002999796341297514
FixupX - Video 1 / 2
Sujen Phea (@sujen_p)
Particle explosion with custom models, precisely bounded within a cylinder.

Demo 👉 http://particles.sujen.co

#threejs #webgl
前端 demo three WebGL
#demo #WebGL #WebGPU #three
https://planpoint-webgpu.vercel.app

Three Example WebGPU Occlusion
Anderson Mancini(@Andersonmancini): 🎵 太阳出来了 ☀️
我终于完成了将我的“终极镜头光晕”移植到 #threejs WebGPU 的工作。性能简直令人难以置信，因为现在 threejs 已经将遮挡查询直接集成到了渲染管线中。如果你需要知道某个物体是否被遮挡，只需直接向 threejs 查询即可。文档中有示例。
这样一来，我就不再需要光线投射器来检测遮挡了，这就是性能大幅提升的原因。
如果您想查看结果： https://planpoint-webgpu.vercel.app

https://fixupx.com/Andersonmancini/status/2000589287515959496
🧵 Thread • FixupX
Anderson Mancini (@Andersonmancini)
🎵Here comes the sun ☀️

I finally finished porting my "Ultimate Lens Flare" to the #threejs WebGPU. The performance is incredible because now, threejs has occlusion queries directly integrated into the render pipeline. If you need to know if something is…
demo WebGL WebGPU three threejs
#前端 #demo #three #webgl #水模拟 #react
NB!!!
https://fixupx.com/Andersonmancini/status/1854142903867576442
via Twitter@Andersonmancini
🧵 Thread • FxTwitter / FixupX
Anderson Mancini (@Andersonmancini)
Realistic Water Simulation with #threejs is live:
https://water-simulation.vercel.app/

Now, you can configure scenes, objects, colors, and light positions. You can also dive to see the effects from underwater 🌊💧. It works great on mobile 🤩.

The breakdown…
前端 demo three webgl 水模拟 react
 
 
Back to Top