Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

seyii___'s profile picture

Seyi

15,290 subscribers

35,957 Aufrufe • vor 5 Monaten •via X (Twitter)

KunstWissenschaft & Technologie#threejs#tsl#webgpu
LIVE

Anya Rossi• Live Now

Private livecam show

27 Kommentare

Profilbild von Connor White
Connor Whitevor 5 Monaten

my guy, like minds…

Profilbild von Seyi
Seyivor 5 Monaten

Need to start taking more inspo fro you haha.

Profilbild von Connor White
Connor Whitevor 5 Monaten

hah likewise!

Profilbild von doni rizky kurniawan
doni rizky kurniawanvor 5 Monaten

I hope you will make a tutorial or share the code because I want to practice it?

Profilbild von Caleb Nwosu
Caleb Nwosuvor 5 Monaten

impressive!

Profilbild von P!
P!vor 5 Monaten

Fire stuff 🔥🔥

Profilbild von Niyi
Niyivor 5 Monaten

Clean 🫧

Profilbild von Kinetic Glyph
Kinetic Glyphvor 5 Monaten

That looks slick! So when’s the roller coaster mode coming out?

Profilbild von Ozan
Ozanvor 5 Monaten

Love it!

Profilbild von Siji 🇳🇿
Siji 🇳🇿vor 5 Monaten

Smooth!

Profilbild von Group 256
Group 256vor 5 Monaten

🧼

Profilbild von Seyi
Seyivor 5 Monaten

🧎🏽‍♂️

Profilbild von Victor Adeniji
Victor Adenijivor 5 Monaten

The best.

Profilbild von Seyi
Seyivor 5 Monaten

My bro, thanks.

Profilbild von nowmo.design
nowmo.designvor 5 Monaten

Cool

Profilbild von Anas Karatela
Anas Karatelavor 5 Monaten

👏🏻

Profilbild von Vamsi Batchu
Vamsi Batchuvor 5 Monaten

So goood!!

Profilbild von Seyi
Seyivor 5 Monaten

Thank you ❤️

Profilbild von Adam 🌿 Unroot.design
Adam 🌿 Unroot.designvor 5 Monaten

really satisfying how they ride the curve. are you spacing them evenly along the path or weighting toward the center

Profilbild von Emily Ritter
Emily Rittervor 5 Monaten

Really nice!

Profilbild von seun.design
seun.designvor 5 Monaten

This shit is hard asf, how do you get the images to deform along the path?

Profilbild von Seyi
Seyivor 5 Monaten

Thanks! Basically using 3D planes and deforming the position of each vertex depending on where they are in the scene (using an exp function to create a smooth curve).

Profilbild von Edoardo Lunardi
Edoardo Lunardivor 5 Monaten

Sick 🔥

Profilbild von Seyi
Seyivor 5 Monaten

Thanks, Edo ❤️

Profilbild von Mark Busch
Mark Buschvor 5 Monaten

beaut

Profilbild von Seyi
Seyivor 5 Monaten

Thanks!

Profilbild von marcos vin
marcos vinvor 5 Monaten

amazing, share codes

Ähnliche Videos

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

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

Seyi

12,076 Aufrufe • vor 4 Monaten

ascii fluid. in threejs / tsl / webgpu
0:48

ascii fluid. in threejs / tsl / webgpu

Codetaur

59,416 Aufrufe • vor 7 Monaten

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

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

Kevin Levron

19,378 Aufrufe • vor 2 Jahren

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,711 Aufrufe • vor 1 Jahr

moving shader controls inside the CRT's ui. built with threejs / webgpu
0:51

moving shader controls inside the CRT's ui. built with threejs / webgpu

Codetaur

21,043 Aufrufe • vor 4 Monaten

I use this teapot so much that I knew this could happen someday. #threejs #tsl #webgpu
0:42

I use this teapot so much that I knew this could happen someday. #threejs #tsl #webgpu

Sunag

12,191 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 2 Jahren

Welcome to my bird street! Working on my website (finally not a black screen) now live: #threejs #webgl #webgpu #tsl
0:40

Welcome to my bird street! Working on my website (finally not a black screen) now live: #threejs #webgl #webgpu #tsl

mesq

18,705 Aufrufe • vor 25 Tagen

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 Aufrufe • vor 8 Monaten

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,661 Aufrufe • vor 1 Jahr

🧮 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,618 Aufrufe • vor 5 Monaten

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,095 Aufrufe • vor 1 Jahr

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,484 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 11 Monaten

🎨 Creative Showcase: Vermeer's Milkmaid, painted around 1658, finally gets to move. Revelium™ Studio dissolved the painting into a WebGPU particle system built with Three.js and TSL. Every particle samples color from the original canvas. The composition holds. The stillness doesn't. 🔗 CC: Dominik Fojcik & Niccolò Miranda #WebGPU #ThreeJS #CreativeCoding #TSL #Vermeer
1:09

🎨 Creative Showcase: Vermeer's Milkmaid, painted around 1658, finally gets to move. Revelium™ Studio dissolved the painting into a WebGPU particle system built with Three.js and TSL. Every particle samples color from the original canvas. The composition holds. The stillness doesn't. 🔗 CC: Dominik Fojcik & Niccolò Miranda #WebGPU #ThreeJS #CreativeCoding #TSL #Vermeer

WebGL / WebGPU

10,656 Aufrufe • vor 7 Monaten

STOP everything you're doing, and go try WebGPU and TSL. I wanted to give a shot to TSL and see how it's working today, and wow. in short, it's great Sunag, mrdoob and all the TSL contributors made an awesome job making it as easy as possible #threejsjourney #r3f #threejs details below ⬇️
0:35

STOP everything you're doing, and go try WebGPU and TSL. I wanted to give a shot to TSL and see how it's working today, and wow. in short, it's great Sunag, mrdoob and all the TSL contributors made an awesome job making it as easy as possible #threejsjourney #r3f #threejs details below ⬇️

Alex

84,916 Aufrufe • vor 9 Monaten

My old #Threejs #Zelda project now runs on #WebGPU thanks to #TSL !⛵️🙌 Give it a try! 👉 (Safari will fallback to the old project)
0:53

My old #Threejs #Zelda project now runs on #WebGPU thanks to #TSL !⛵️🙌 Give it a try! 👉 (Safari will fallback to the old project)

Robin Payot

328,391 Aufrufe • vor 7 Monaten

LAUNCH TIME! 🏁 Play it for free now: This is NOT a demo. It’s a full racing game made with #threejs. 🏎️ 50+ missions 🚗 Multiple cars 💎 Collectibles 🌧️ Realistic rendering, rain, reflections & physics 🌃 A huge city to explore 📱 Desktop + mobile Built with #WebGPU, TSL, GPUCompute, and a lot of custom rendering techniques — pushing game quality on the Web as far as I can. I hope you like it 😍. Thanks to all beta testers for their input. Thank you, Sunag, for helping me with performance and story. #threejs #WebGPU #TSL #WebGL #gamedev #indiedev
1:42

LAUNCH TIME! 🏁 Play it for free now: This is NOT a demo. It’s a full racing game made with #threejs. 🏎️ 50+ missions 🚗 Multiple cars 💎 Collectibles 🌧️ Realistic rendering, rain, reflections & physics 🌃 A huge city to explore 📱 Desktop + mobile Built with #WebGPU, TSL, GPUCompute, and a lot of custom rendering techniques — pushing game quality on the Web as far as I can. I hope you like it 😍. Thanks to all beta testers for their input. Thank you, Sunag, for helping me with performance and story. #threejs #WebGPU #TSL #WebGL #gamedev #indiedev

Anderson Mancini

81,380 Aufrufe • vor 1 Monat

Softbodies by holtsetio Realtime Tetrahedral FEM Models in the Browser, using WebGPU and written in TSL. Based on the WebGL implementation in TetSim by Johnathon Selstad, upgraded to enable collisions.
0:35

Softbodies by holtsetio Realtime Tetrahedral FEM Models in the Browser, using WebGPU and written in TSL. Based on the WebGL implementation in TetSim by Johnathon Selstad, upgraded to enable collisions.

Three.js

25,516 Aufrufe • vor 1 Jahr