正在加载视频...

视频加载失败

返回首页

First test with #webgpu #threejs #tsl : InstancedMesh, node material, compute shaders and psrdnoise. Demo : Source :

soju22's profile picture

Kevin Levron

2,084 subscribers

19,378 次观看 • 1 年前 •via X (Twitter)

教育科学技术#webgpu#threejs#tsl
LIVE

Anya Rossi• Live Now

Private livecam show

10 条评论

Anderson Mancini 的头像
Anderson Mancini1 年前

@sea3dformat 😍

Kevin Levron 的头像
Kevin Levron1 年前

@sea3dformat Thanks Anderson, quite simple compared to your water effect 🤩

daniel petho 的头像
daniel petho1 年前

woah.

Simon 的头像
Simon1 年前

Woah, so pretty

Kevin Levron 的头像
Kevin Levron1 年前

Thanks Simon 🙏🙏🙏

caballero alba y marfil 的头像
caballero alba y marfil1 年前

Great effect

Sébastien Lempens 的头像
Sébastien Lempens1 年前

Awesome!

Matt 的头像
Matt1 年前

Smooth AF

Wendy Carlosa 的头像
Wendy Carlosa1 年前

looks like dandruff the centipede mod

Inloco Gallery's Sharkie 的头像
Inloco Gallery's Sharkie1 年前

that’s a really impressive art work! the composition and colors combination is dope 😍 I especially like that it looks like confetti! how long have you been drawing this piece?

相关视频

Wanted to remake and old experience dating from 2020, so here's another test with #webgpu #threejs #tsl : simple (and naive 😅) physics engine. Demo : Source :
0:28

Wanted to remake and old experience dating from 2020, so here's another test with #webgpu #threejs #tsl : simple (and naive 😅) physics engine. Demo : Source :

Kevin Levron

24,329 次观看 • 1 年前

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders
0:51

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

28,002 次观看 • 8 个月前

Another media gallery exploration using Three.js InstancedMesh and compute shaders. live demo 👇
0:22

Another media gallery exploration using Three.js InstancedMesh and compute shaders. live demo 👇

Jean Mazouni

13,646 次观看 • 1 年前

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders
0:46

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

18,538 次观看 • 8 个月前

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl ! Try it with firefox to test webgl fallback : Source :
0:20

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl ! Try it with firefox to test webgl fallback : Source :

Kevin Levron

25,461 次观看 • 1 年前

Folding image transition. Made with #threejs #tsl #webgpu.
0:24

Folding image transition. Made with #threejs #tsl #webgpu.

Seyi

11,942 次观看 • 21 天前

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders
1:46

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

35,464 次观看 • 7 个月前

🧮 Physics that never leaves the graphics card. Kevin Levron's (Kevin Levron) Three.js WebGPU demo runs the whole simulation in a compute pass, written in TSL, then draws thousands of bodies as one instanced mesh. 🔗 #WebGPU #ThreeJS #TSL #ComputeShaders #CreativeCoding
0:54

🧮 Physics that never leaves the graphics card. Kevin Levron's (Kevin Levron) Three.js WebGPU demo runs the whole simulation in a compute pass, written in TSL, then draws thousands of bodies as one instanced mesh. 🔗 #WebGPU #ThreeJS #TSL #ComputeShaders #CreativeCoding

WebGL / WebGPU

13,514 次观看 • 1 个月前

I’ve opened up many of the TSL exercises to everyone! Try out some WebGPU shaders and fiddle with them, all in the browser. Pick an exercise and see if you can match the output. Link: #threejs #webgpu
0:30

I’ve opened up many of the TSL exercises to everyone! Try out some WebGPU shaders and fiddle with them, all in the browser. Pick an exercise and see if you can match the output. Link: #threejs #webgpu

Simon

11,063 次观看 • 8 个月前

Quick exploration. Moving images along paths. Made with #threejs #tsl #webgpu.
0:21

Quick exploration. Moving images along paths. Made with #threejs #tsl #webgpu.

Seyi

32,418 次观看 • 1 个月前

Spherical physics test. 3000 m&m's chocolates. created with TSL #threejs live demo (all source code is in html of the page) ->
0:50

Spherical physics test. 3000 m&m's chocolates. created with TSL #threejs live demo (all source code is in html of the page) ->

Maeda Mameo

20,457 次观看 • 1 年前

Aurelia by holtsetio Completely procedural jellyfish, with verlet physics and fake volumetric lighting. Rendered in WebGPU and TSL.
0:30

Aurelia by holtsetio Completely procedural jellyfish, with verlet physics and fake volumetric lighting. Rendered in WebGPU and TSL.

Three.js

48,571 次观看 • 1 年前

This one took me almost 2 years to master, soon every Threejs dev will master it with a simple Import: Smoothed Particle Hydrodynamics Simulation, 2D and 3D, optimized with Spatial Hashing and Compute Shaders. Optimized for WebGPURenderer with complete TSL compatibility!!
0:26

This one took me almost 2 years to master, soon every Threejs dev will master it with a simple Import: Smoothed Particle Hydrodynamics Simulation, 2D and 3D, optimized with Spatial Hashing and Compute Shaders. Optimized for WebGPURenderer with complete TSL compatibility!!

Renaud

131,017 次观看 • 9 个月前

I modified the official example "compute birds" to have 36864 paper planes and twelve monkeys flying among through columns and a hoop like circus acts. TSL runs so fast! created with #threejs live demo (all source code is in html of the page) ->
0:35

I modified the official example "compute birds" to have 36864 paper planes and twelve monkeys flying among through columns and a hoop like circus acts. TSL runs so fast! created with #threejs live demo (all source code is in html of the page) ->

Maeda Mameo

16,114 次观看 • 1 年前

ThreeJS WebGPU RollerCoaster 2 - #threejs #gamedev and Smart Looper Video Recorder Desktop. This demos a game written in threeJS along with a screen recorder (video and audiomix recorder). Both work together for 100% open source win with advanced #GPU #WebGPU and #musicvideo .
3:17

ThreeJS WebGPU RollerCoaster 2 - #threejs #gamedev and Smart Looper Video Recorder Desktop. This demos a game written in threeJS along with a screen recorder (video and audiomix recorder). Both work together for 100% open source win with advanced #GPU #WebGPU and #musicvideo .

Aaron Wacker

47,394 次观看 • 4 个月前

Almost done with the interaction of my WebGPU fluid simulation! After testing BVH geometry and marching cubes with compute shaders, I chose raymarching for hands interaction & rendering. It adapts well with MLS-MPM and enables precise interaction in real-time for <2ms. #threejs
0:31

Almost done with the interaction of my WebGPU fluid simulation! After testing BVH geometry and marching cubes with compute shaders, I chose raymarching for hands interaction & rendering. It adapts well with MLS-MPM and enables precise interaction in real-time for <2ms. #threejs

Renaud

10,095 次观看 • 1 年前

Now we have a point light color node to create the firelight; the shadow also generates transparency according to the smoke. The example has less than 1k lines of code including HTML. #threejs #tsl #webgpu
1:01

Now we have a point light color node to create the firelight; the shadow also generates transparency according to the smoke. The example has less than 1k lines of code including HTML. #threejs #tsl #webgpu

Sunag

23,749 次观看 • 1 个月前

My new #threejs project is live😍. Lumen Decor features WebGPU SSGI+SSR, showcasing how sunlight can influence decoration. Everything you see renders in real-time and weighs 4MB. #creativecoding #webgpu #tsl
2:47

My new #threejs project is live😍. Lumen Decor features WebGPU SSGI+SSR, showcasing how sunlight can influence decoration. Everything you see renders in real-time and weighs 4MB. #creativecoding #webgpu #tsl

Anderson Mancini

68,187 次观看 • 8 个月前

Working on an ultra-fast SDF Texts. Instance culling via compute shader & indirect-draw is just a drop-in piece. Everything reuses and connects. Made with TSL, Threejs Plus will bring a whole new level of performance into the Web that wasn't possible before WebGPU! Stay tuned!
0:22

Working on an ultra-fast SDF Texts. Instance culling via compute shader & indirect-draw is just a drop-in piece. Everything reuses and connects. Made with TSL, Threejs Plus will bring a whole new level of performance into the Web that wasn't possible before WebGPU! Stay tuned!

Renaud

22,151 次观看 • 9 个月前

Manipulating joints of a large number of six-leged insects. Try tilt their house with orbit controls. Made with #threejs TSL live demo (all source code is in html of the page) ->
0:30

Manipulating joints of a large number of six-leged insects. Try tilt their house with orbit controls. Made with #threejs TSL live demo (all source code is in html of the page) ->

Maeda Mameo

35,288 次观看 • 1 年前