Loading video...

Video Failed to Load

Go Home

Back from some time off programming with a Jump Flood Algorith demo to ease back in! JFA can be used to create a screen SDF from a model in real time - useful for things like silhouette outlines or any other visual effects. More effects coming up! ✨ #threejs...

garrettkjohnson's profile picture

Garrett Johnson

5,955 subscribers

50,570 views • 7 months ago •via X (Twitter)

#threejs#webgl#gamedev
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

More graphic screenspace SDF effects 🐔🤖 #threejs #webgl #gamedev #realtimeVFX #javascript
0:16

More graphic screenspace SDF effects 🐔🤖 #threejs #webgl #gamedev #realtimeVFX #javascript

Garrett Johnson

69,638 views • 6 months ago

For a recent (unreleased) project I got to play around with SDF shapes to create lens blur effects on interaction — #shaders #webgl #threejs
0:17

For a recent (unreleased) project I got to play around with SDF shapes to create lens blur effects on interaction — #shaders #webgl #threejs

Giom

132,519 views • 2 years ago

Had a great time playing around w/ GPGPU for terrain generation and volumetric lighting. It's also a small tribute to my region back in France — #webgl #threejs #shaders
0:12

Had a great time playing around w/ GPGPU for terrain generation and volumetric lighting. It's also a small tribute to my region back in France — #webgl #threejs #shaders

Giom

11,190 views • 10 months ago

You can completely re-edit a story at any time – like changing on-screen text, swapping out stickers or adjusting effects. Even the visibility settings and caption can be changed, so you never have to repost to remove a typo. #TelegramTips
0:14

You can completely re-edit a story at any time – like changing on-screen text, swapping out stickers or adjusting effects. Even the visibility settings and caption can be changed, so you never have to repost to remove a typo. #TelegramTips

Telegram Messenger

122,325 views • 2 years ago

added in some simple roaming NPCs that can start combat! i also did a first go at putting in some more complex camera movement/screen effects for combat start; would appreciate any feedback on what you think [#gamedev | #indiegame | #unity3d]
0:11

added in some simple roaming NPCs that can start combat! i also did a first go at putting in some more complex camera movement/screen effects for combat start; would appreciate any feedback on what you think [#gamedev | #indiegame | #unity3d]

gonju

22,046 views • 9 months ago

THE MATRIX pushed the boundaries of fight choreography, visual effects, and technology being used in the medium of film and now Cosm Los Angeles is bringing the film back to a big screen in a new, immersive format 🖤
0:12

THE MATRIX pushed the boundaries of fight choreography, visual effects, and technology being used in the medium of film and now Cosm Los Angeles is bringing the film back to a big screen in a new, immersive format 🖤

Offscreen Central

14,287 views • 1 year ago

Short on time this week, so today I’m offering a loop 🧎 I’ll be taking a soft break in the coming weeks to recharge and sort some things out. once things settle down, I’ll be back with more animations ✨ #veil #veilanimation #fananimation #animation #Emma #Aleksander
0:10

Short on time this week, so today I’m offering a loop 🧎 I’ll be taking a soft break in the coming weeks to recharge and sort some things out. once things settle down, I’ll be back with more animations ✨ #veil #veilanimation #fananimation #animation #Emma #Aleksander

Lanternova

93,967 views • 1 year ago

Simulations are extremely powerful in Houdini, but even more powerful is leveraging the procedural system to create "real-time" simulations. These effects are driven by a mix of attributes and simple operations that you can build on to create complex results. Master SOP Workflows with these courses 30% Off for the next few days
0:19

Simulations are extremely powerful in Houdini, but even more powerful is leveraging the procedural system to create "real-time" simulations. These effects are driven by a mix of attributes and simple operations that you can build on to create complex results. Master SOP Workflows with these courses 30% Off for the next few days

Voxyde

19,399 views • 1 year ago

Oh, and for any streamers/youtubers who will struggle wtih the bitrate caused by intense static effects, I've included a setting to remove them from the game ! If you have any suggestions on more things to add before demo release, lmk!
0:19

Oh, and for any streamers/youtubers who will struggle wtih the bitrate caused by intense static effects, I've included a setting to remove them from the game ! If you have any suggestions on more things to add before demo release, lmk!

nikson

133,643 views • 1 year ago

Unreal Engine's built-in VFX system, Niagara, can be used to create cinematic effects that run completely in real-time. In this example focused on Automotive visualization, Jesse Pitela(Jesse Pitela) is layering thousands of GPU particles for snow flakes, meshes for ice chunks, and a Niagara Fluids smoke simulation on top, to show the car interacting with its environment❄️
0:19

Unreal Engine's built-in VFX system, Niagara, can be used to create cinematic effects that run completely in real-time. In this example focused on Automotive visualization, Jesse Pitela(Jesse Pitela) is layering thousands of GPU particles for snow flakes, meshes for ice chunks, and a Niagara Fluids smoke simulation on top, to show the car interacting with its environment❄️

Unreal Engine

31,651 views • 1 month ago

Garcelle ate up Kyle with ease 🤣 ANDY HAD GARCELLE’S BACK LIKE A REAL BROTHER 🔥 If you’re gonna flaunt this woman off in front of the world, be prepared for the things people INCLUDING your castmates have to say about it! #RHOBH #RHOBHreunion
0:12

Garcelle ate up Kyle with ease 🤣 ANDY HAD GARCELLE’S BACK LIKE A REAL BROTHER 🔥 If you’re gonna flaunt this woman off in front of the world, be prepared for the things people INCLUDING your castmates have to say about it! #RHOBH #RHOBHreunion

Majestic Myronn

222,029 views • 1 year ago

Post fx can really change the look of a scene! Building a gamedev course in Three.js. #threejs #webgl Assets by Quaternius
0:12

Post fx can really change the look of a scene! Building a gamedev course in Three.js. #threejs #webgl Assets by Quaternius

Simon

14,569 views • 1 year ago

Used GPT-4o to create this UGC style ad concept for Colgate Optic White. Brought to life with Kling! From yellow to bright. From concern to confidence. All captured in a few frames. No actors. No fancy effects. Just honest, relatable storytelling.
0:11

Used GPT-4o to create this UGC style ad concept for Colgate Optic White. Brought to life with Kling! From yellow to bright. From concern to confidence. All captured in a few frames. No actors. No fancy effects. Just honest, relatable storytelling.

Ege

54,108 views • 1 year ago

On the theme of screenspace effects, I did another fun side-quest self study and implemented JFA (jump flood algorithm). This lets me make cool (and thick) outline effects. (Also spout support on the #VRChat beta is cool. I can be lazy and take videos from desktop lol)
0:16

On the theme of screenspace effects, I did another fun side-quest self study and implemented JFA (jump flood algorithm). This lets me make cool (and thick) outline effects. (Also spout support on the #VRChat beta is cool. I can be lazy and take videos from desktop lol)

Zekk

36,148 views • 1 year ago

Going on stream to implement some new audio features with SoLoud, fixing a few bugs and adding some effects like reverb and low pass effects. Meanwhile C1RCUI7 on has made a nice mod with custom sounds! #ShakedownGame #gamedev
0:17

Going on stream to implement some new audio features with SoLoud, fixing a few bugs and adding some effects like reverb and low pass effects. Meanwhile C1RCUI7 on has made a nice mod with custom sounds! #ShakedownGame #gamedev

IVAN32_LEAN_AND_MEAN 🌲🏎️💨🌲

1,101,978 views • 2 years ago

Blossom → For our latest WebGL experiment our aim was to see how closely we could recreate this petal particle effect in real-time. We've spent waaay too long just playing with the demo - let us know what you think! #webgl #threejs #realtime #3d
0:18

Blossom → For our latest WebGL experiment our aim was to see how closely we could recreate this petal particle effect in real-time. We've spent waaay too long just playing with the demo - let us know what you think! #webgl #threejs #realtime #3d

Unseen Studio®

15,446 views • 1 year ago

We've expanded on the use of Variable NJS elements in the "Danger" map, just like we did with the Metallica Music Pack, to create some 🤯 visual effects!
0:13

We've expanded on the use of Variable NJS elements in the "Danger" map, just like we did with the Metallica Music Pack, to create some 🤯 visual effects!

Beat Saber

24,798 views • 11 months ago

Right before major boss fights, there'll be a special checkpoint to permanently enable you to jump right back to it from the pause menu, even if you leave the level or shut off the game! #pixelart #indiedev #gamedev
0:18

Right before major boss fights, there'll be a special checkpoint to permanently enable you to jump right back to it from the pause menu, even if you leave the level or shut off the game! #pixelart #indiedev #gamedev

Advent NEON - 🚨🚨OUT NOW!!🚨🚨

32,392 views • 2 years ago

You can now create PWAs from published Blocks. These can be installed to your home screen for a native app-like experience.
0:16

You can now create PWAs from published Blocks. These can be installed to your home screen for a native app-like experience.

v0

86,554 views • 1 year ago

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)
0:15

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

Stitch by Google

218,728 views • 2 months ago