Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

seyii___'s profile picture

Seyi

15,290 subscribers

35,957 görüntüleme • 5 ay önce •via X (Twitter)

SanatBilim & Teknoloji#threejs#tsl#webgpu
LIVE

Anya Rossi• Live Now

Private livecam show

27 Yorum

Connor White profil fotoğrafı
Connor White5 ay önce

my guy, like minds…

Seyi profil fotoğrafı
Seyi5 ay önce

Need to start taking more inspo fro you haha.

Connor White profil fotoğrafı
Connor White5 ay önce

hah likewise!

doni rizky kurniawan profil fotoğrafı
doni rizky kurniawan5 ay önce

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

Caleb Nwosu profil fotoğrafı
Caleb Nwosu5 ay önce

impressive!

P! profil fotoğrafı
P!5 ay önce

Fire stuff 🔥🔥

Niyi profil fotoğrafı
Niyi5 ay önce

Clean 🫧

Kinetic Glyph profil fotoğrafı
Kinetic Glyph5 ay önce

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

Ozan profil fotoğrafı
Ozan5 ay önce

Love it!

Siji 🇳🇿 profil fotoğrafı
Siji 🇳🇿5 ay önce

Smooth!

Group 256 profil fotoğrafı
Group 2565 ay önce

🧼

Seyi profil fotoğrafı
Seyi5 ay önce

🧎🏽‍♂️

Victor Adeniji profil fotoğrafı
Victor Adeniji5 ay önce

The best.

Seyi profil fotoğrafı
Seyi5 ay önce

My bro, thanks.

nowmo.design profil fotoğrafı
nowmo.design5 ay önce

Cool

Anas Karatela profil fotoğrafı
Anas Karatela5 ay önce

👏🏻

Vamsi Batchu profil fotoğrafı
Vamsi Batchu5 ay önce

So goood!!

Seyi profil fotoğrafı
Seyi5 ay önce

Thank you ❤️

Adam 🌿 Unroot.design profil fotoğrafı
Adam 🌿 Unroot.design5 ay önce

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

Emily Ritter profil fotoğrafı
Emily Ritter5 ay önce

Really nice!

seun.design profil fotoğrafı
seun.design5 ay önce

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

Seyi profil fotoğrafı
Seyi5 ay önce

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).

Edoardo Lunardi profil fotoğrafı
Edoardo Lunardi5 ay önce

Sick 🔥

Seyi profil fotoğrafı
Seyi5 ay önce

Thanks, Edo ❤️

Mark Busch profil fotoğrafı
Mark Busch5 ay önce

beaut

Seyi profil fotoğrafı
Seyi5 ay önce

Thanks!

marcos vin profil fotoğrafı
marcos vin5 ay önce

amazing, share codes

Benzer Videolar

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

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

Seyi

12,076 görüntüleme • 4 ay önce

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

ascii fluid. in threejs / tsl / webgpu

Codetaur

59,416 görüntüleme • 7 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 28 gün önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 1 yıl önce

🧮 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 görüntüleme • 5 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 10 ay önce

🎨 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 görüntüleme • 7 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 yıl önce