正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

new stream, creating an infinite loop with numbers spiral, using #threejs, TSL and exponents

akella

22,617 subscribers

18,556 次观看 • 1 年前 •via X (Twitter)

科学技术游戏教育 #threejs

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Reflector with distance based blur. You can do this with few lines now, I made an improvement to `hashBlur()` to support mask as opacity. PR and live example #threejs #tsl #webgpu

Reflector with distance based blur. You can do this with few lines now, I made an improvement to `hashBlur()` to support mask as opacity. PR and live example #threejs #tsl #webgpu

SEA3D

18,766 次观看 • 1 年前

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

54,804 次观看 • 1 年前

Working on a TSL implementation of a 2D and 3D SPH fluid simulations. It works with both WebGPU and WebGL backends, using compute shaders and transform feedback as a fallback. Still battling a bit with the WebGPURenderer to make the spatial grid optimization work. #threejs

Working on a TSL implementation of a 2D and 3D SPH fluid simulations. It works with both WebGPU and WebGL backends, using compute shaders and transform feedback as a fallback. Still battling a bit with the WebGPURenderer to make the spatial grid optimization work. #threejs

Renaud

13,811 次观看 • 2 年前

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

70,486 次观看 • 1 年前

#threejsbits Did you know #threejs actually has a lot of different RENDERERS, not only WebGLRenderer. Most underestimated is CSS3DRenderer, which renders, well, HTML 😅. Here is how it works and what is possible. 1/6 ⬇️

#threejsbits Did you know #threejs actually has a lot of different RENDERERS, not only WebGLRenderer. Most underestimated is CSS3DRenderer, which renders, well, HTML 😅. Here is how it works and what is possible. 1/6 ⬇️

akella

88,545 次观看 • 1 年前

So Bruno Simon was right. Creating a grass shader is way too fun. I created this one with TSL and TresJS , similar approach to Bruno's portfolio, but 5 vertex blades and instanced. I added a diffuse map for the colors. I might do a tutorial about it. #teamGrass 🌱 #threejs

So Bruno Simon was right. Creating a grass shader is way too fun. I created this one with TSL and TresJS , similar approach to Bruno's portfolio, but 5 vertex blades and instanced. I added a diffuse map for the colors. I might do a tutorial about it. #teamGrass 🌱 #threejs

Alvaro アルバロ

10,966 次观看 • 2 个月前

#threejsbits Did you know #threejs has a module to add hover & click events to 3D objects — just like in the DOM? It’s called InteractiveGroup, and it’s super easy to use. Mouse events and even XR interactions — all handled.

#threejsbits Did you know #threejs has a module to add hover & click events to 3D objects — just like in the DOM? It’s called InteractiveGroup, and it’s super easy to use. Mouse events and even XR interactions — all handled.

akella

22,297 次观看 • 1 年前

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap

Dan Greenheck

20,928 次观看 • 10 个月前

[DEV] MineTard is the first AI coin on Solana that: • Self-learn and play Minecraft • Stream on X and Kick • Be influenced by users via $MTard • Post on X based on stream chat and Minecraft logs (using partner Shaw (spirit/acc) tech) Stream: We incorporate multiple AI agents with different responsibility: • agents for Minecraft • agent for X • agent for X character modification (soon) • agent for onchain wallet interaction (soon) This will result in an infinite content loop between users and the AI agents, both in game and on chain!

[DEV] MineTard is the first AI coin on Solana that: • Self-learn and play Minecraft • Stream on X and Kick • Be influenced by users via $MTard • Post on X based on stream chat and Minecraft logs (using partner Shaw (spirit/acc) tech) Stream: We incorporate multiple AI agents with different responsibility: • agents for Minecraft • agent for X • agent for X character modification (soon) • agent for onchain wallet interaction (soon) This will result in an infinite content loop between users and the AI agents, both in game and on chain!

MineTard AI

42,990 次观看 • 1 年前

I took album cover of GNX by Kendrick Lamar and turned it into a 3D particle model in Threejs with TSL Used Grok 4 by xAI to improve the noise that moves particles.

I took album cover of GNX by Kendrick Lamar and turned it into a 3D particle model in Threejs with TSL Used Grok 4 by xAI to improve the noise that moves particles.

Dominik Fojcik

190,096 次观看 • 1 年前

Fork of an old demo - "Liquid glass" effect using #threejs MeshPhysicalMaterial with a fully ray marched surface made of SDFs Live: Code:

Fork of an old demo - "Liquid glass" effect using #threejs MeshPhysicalMaterial with a fully ray marched surface made of SDFs Live: Code:

Faraz

25,998 次观看 • 1 年前

Created an off-axis projection demo using mediapipe for face tracking, threejs and a 3D scanned shoe. Try it out yourself…

Created an off-axis projection demo using mediapipe for face tracking, threejs and a 3D scanned shoe. Try it out yourself…

Ian Curtis

264,325 次观看 • 8 个月前

you can now store mouse position and window size inside an item id using infinite inputs

you can now store mouse position and window size inside an item id using infinite inputs

iAndy_HD3

39,944 次观看 • 5 个月前

the homepage of your website when you hire an Immersive Branding Studio to make your website and they insist on using ThreeJS

the homepage of your website when you hire an Immersive Branding Studio to make your website and they insist on using ThreeJS

∿

288,039 次观看 • 2 年前

My new portfolio is finally live 🎉 Made with gsap, threejs and swup ✨

My new portfolio is finally live 🎉 Made with gsap, threejs and swup ✨

Cyd Stumpel

115,363 次观看 • 3 年前

Today we have a fantastic masterclass by Edoardo Lunardi on creating an infinite, interactive image space! Learn how to create a pannable image canvas in R3F using chunk-based rendering and performance-first optimizations for buttery-smooth exploration:

Today we have a fantastic masterclass by Edoardo Lunardi on creating an infinite, interactive image space! Learn how to create a pannable image canvas in R3F using chunk-based rendering and performance-first optimizations for buttery-smooth exploration:

Codrops

13,122 次观看 • 8 个月前

using StreamDiffusion + BiRefNet live in Sentinel to stamp generations into an infinite feedback canvas shader. all driven in real time using my mouse and keyboard

using StreamDiffusion + BiRefNet live in Sentinel to stamp generations into an infinite feedback canvas shader. all driven in real time using my mouse and keyboard

Spencer Sterling

22,486 次观看 • 1 个月前

With the new abstractions in three-mesh-bvh, making a custom BVH is easier than ever! SkinnedMeshes can now have one created directly, leading to an over 2x perf improvement on update vs creating a new static mesh. 🚀 What else needs a BVH? 1/2 👇 #threejs #webgl #gamedev

With the new abstractions in three-mesh-bvh, making a custom BVH is easier than ever! SkinnedMeshes can now have one created directly, leading to an over 2x perf improvement on update vs creating a new static mesh. 🚀 What else needs a BVH? 1/2 👇 #threejs #webgl #gamedev

Garrett Johnson

21,862 次观看 • 8 个月前

how to print money on tiktok in 2026: 1. find a trending dance. 2. map it to a famous character using kling. 3. upload. it’s an infinite viral loop. if you aren't doing this, you hate money. 🧵

how to print money on tiktok in 2026: 1. find a trending dance. 2. map it to a famous character using kling. 3. upload. it’s an infinite viral loop. if you aren't doing this, you hate money. 🧵

Farhan

29,387 次观看 • 8 个月前

$A quick Three.js experiment exploring an infinite carousel of liquid glass tiles, rendered in real time with WebGPU and TSL. Each card is a thick refractive slab sitting on a curved grid that never ends. Short explanation of how the glass is rendered in the thread 👇$

A quick Three.js experiment exploring an infinite carousel of liquid glass tiles, rendered in real time with WebGPU and TSL. Each card is a thick refractive slab sitting on a curved grid that never ends. Short explanation of how the glass is rendered in the thread 👇

Shader Development Studio

57,343 次观看 • 1 个月前