Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Interactive Shaders, now in Framer. Starting with Ripple, a shader that distorts images with smooth, water-like ripples that follow your cursor. Watch my quick overview below to learn more.

benjaminnathan's profile picture

benjamin

40,710 subscribers

32,586 görüntüleme • 1 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

More updates to the Shader Graph Editor! Now, with markdown nodes. Write an article, book, blog, and notes, all with embedded shaders. Here's an article by patricio gonzalez vivo on Algorithmic drawing from The Book of Shaders in a fully interactive playground.
1:50

More updates to the Shader Graph Editor! Now, with markdown nodes. Write an article, book, blog, and notes, all with embedded shaders. Here's an article by patricio gonzalez vivo on Algorithmic drawing from The Book of Shaders in a fully interactive playground.

Palash Bansal

36,805 görüntüleme • 2 yıl önce

I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!
0:47

I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!

Danny Limanseta

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

Want to start building apps with Cursor? Come learn to build your 1st app with AI! I just launched my “Complete Cursor” and “Building Full-Stack Apps with AI” courses that will teach you *everything* you’ll need to know. 9hrs of tutorials up and much more coming. Link below.
3:02

Want to start building apps with Cursor? Come learn to build your 1st app with AI! I just launched my “Complete Cursor” and “Building Full-Stack Apps with AI” courses that will teach you *everything* you’ll need to know. 9hrs of tutorials up and much more coming. Link below.

Mckay Wrigley

125,719 görüntüleme • 1 yıl önce

Learn how to create a smooth, realistic face swap in just minutes with this quick tutorial. Follow the steps and try it yourself with AKOOL!
0:38

Learn how to create a smooth, realistic face swap in just minutes with this quick tutorial. Follow the steps and try it yourself with AKOOL!

Akool Inc

135,277 görüntüleme • 12 gün önce

Quick Framer tip for smooth accordions 💡 Shoutout to Paul Lapkin for showing me this. Wrap your accordions in a stack and turn that stack into a component. Doing this will keep that smooth transition when expanding and collapsing accordions!
0:20

Quick Framer tip for smooth accordions 💡 Shoutout to Paul Lapkin for showing me this. Wrap your accordions in a stack and turn that stack into a component. Doing this will keep that smooth transition when expanding and collapsing accordions!

Matteo

10,230 görüntüleme • 3 yıl önce

I made a tool that bakes NormalizedCrow's FeathersAndFur Shader into the main mesh. This makes it work in fallback, with other shaders like poiyomi, improves performance, and lets you export to external software like Blender!
0:50

I made a tool that bakes NormalizedCrow's FeathersAndFur Shader into the main mesh. This makes it work in fallback, with other shaders like poiyomi, improves performance, and lets you export to external software like Blender!

Torvid

26,144 görüntüleme • 5 ay önce

For those of you who were asking what I meant by shaders in my last post here is a closer look. It's a cool plugin for shader effects on Roblox that I made with Namefvl #Roblox #RobloxDev #vfx #gamedev #shaders
2:18

For those of you who were asking what I meant by shaders in my last post here is a closer look. It's a cool plugin for shader effects on Roblox that I made with Namefvl #Roblox #RobloxDev #vfx #gamedev #shaders

Kajuro

71,569 görüntüleme • 3 yıl önce

Get a quick overview of the combat in SHINOBI: Art of Vengeance—discover key mechanics and learn how to punish your enemies with your own unique playstyle. ‍🔥👺
2:22

Get a quick overview of the combat in SHINOBI: Art of Vengeance—discover key mechanics and learn how to punish your enemies with your own unique playstyle. ‍🔥👺

SEGA

48,717 görüntüleme • 1 yıl önce

Have you ever read a book that was more than just a book? Diana Kander's newest bestseller, Go Big or Go Home is just that. With #interactive QR Codes, you'll learn how to create your perfect pitch for any sale. To order, visit the link below:
0:46

Have you ever read a book that was more than just a book? Diana Kander's newest bestseller, Go Big or Go Home is just that. With #interactive QR Codes, you'll learn how to create your perfect pitch for any sale. To order, visit the link below:

Karen Harris

14,529 görüntüleme • 3 yıl önce

New Framer component drop: Grid Warp ⚡️ Interactive, grid-based image distortion with smooth release + chromatic aberration. And of course, no code needed (that was my job). Comment “WARP” and I’ll send it to you for free. P.S. Follow me so I can DM you.
0:46

New Framer component drop: Grid Warp ⚡️ Interactive, grid-based image distortion with smooth release + chromatic aberration. And of course, no code needed (that was my job). Comment “WARP” and I’ll send it to you for free. P.S. Follow me so I can DM you.

David McBacon

13,263 görüntüleme • 1 yıl önce

I'm excited to announce that my Framer template store is now live! It's a new home for my templates that I'll be refining and growing to inspire your next project. For one week only, get 30% off with the code TEMPLIFICA25 Link below ↓
0:26

I'm excited to announce that my Framer template store is now live! It's a new home for my templates that I'll be refining and growing to inspire your next project. For one week only, get 30% off with the code TEMPLIFICA25 Link below ↓

Anatolii Dmitrienko

21,526 görüntüleme • 1 yıl önce

Are you just starting to write code for the 1st time with AI tools like Cursor? Use this prompt in your “Rules for AI”. It turns the AI into an *amazing* personal coding tutor that teaches you everything like a pro. Never get stuck in a project again. Full prompt below.
6:52

Are you just starting to write code for the 1st time with AI tools like Cursor? Use this prompt in your “Rules for AI”. It turns the AI into an *amazing* personal coding tutor that teaches you everything like a pro. Never get stuck in a project again. Full prompt below.

Mckay Wrigley

190,105 görüntüleme • 1 yıl önce

Сreated first proto of a fully procedural volumetric that can run any custom shader (not just specifying density and phase function) in my path tracer. Problem of intersecting volumes is more difficult to solve here, I'll think about it some more. Shaders from Xor links below
0:58

Сreated first proto of a fully procedural volumetric that can run any custom shader (not just specifying density and phase function) in my path tracer. Problem of intersecting volumes is more difficult to solve here, I'll think about it some more. Shaders from Xor links below

Vladimir Komarov

15,406 görüntüleme • 6 ay önce

Introducing Runway MCP. Now you can connect Runway directly into Claude, ChatGPT, Cursor, Replit and more. Generate polished images and videos with state-of-the-art models, like Gen-4.5, Seedance 2.0, GPT Images 2.0, Kling and more. Right from where you're already working. Connect the MCP to your agent in seconds at the link below.
0:45

Introducing Runway MCP. Now you can connect Runway directly into Claude, ChatGPT, Cursor, Replit and more. Generate polished images and videos with state-of-the-art models, like Gen-4.5, Seedance 2.0, GPT Images 2.0, Kling and more. Right from where you're already working. Connect the MCP to your agent in seconds at the link below.

Runway

621,169 görüntüleme • 2 ay önce

Interactive shell commands in Gemini CLI 🚀 Press Ctrl+f to focus on shell commands that require input (ex. npm start, vim, git commit, gcloud, etc) 🧑‍💻 You no longer have to jump to a separate terminal or deal with an agentic CLI that “hangs” for interactive commands. ✨ 👇Read the blog linked below to learn more
0:31

Interactive shell commands in Gemini CLI 🚀 Press Ctrl+f to focus on shell commands that require input (ex. npm start, vim, git commit, gcloud, etc) 🧑‍💻 You no longer have to jump to a separate terminal or deal with an agentic CLI that “hangs” for interactive commands. ✨ 👇Read the blog linked below to learn more

Jack Wotherspoon

30,162 görüntüleme • 10 ay önce

Ripple bugs are aquatic insects that can dart across flowing streams with mesmerizing speed and agility. Using high-speed cameras, new research studies the fan structures that these bugs use to dance on water. Learn more:
6:47

Ripple bugs are aquatic insects that can dart across flowing streams with mesmerizing speed and agility. Using high-speed cameras, new research studies the fan structures that these bugs use to dance on water. Learn more:

Science Magazine

42,666 görüntüleme • 9 ay önce

We’ve upgraded your search experience in Chrome. Now you can use inputs like open tabs and images when you search with AI Mode in Chrome on your phone. Learn more:
0:29

We’ve upgraded your search experience in Chrome. Now you can use inputs like open tabs and images when you search with AI Mode in Chrome on your phone. Learn more:

Chrome

70,259 görüntüleme • 2 ay önce

here's my top 5 sites that are crushing it with smooth scroll in Framer stick around till the end for the secret to how they did it 🧵
0:41

here's my top 5 sites that are crushing it with smooth scroll in Framer stick around till the end for the secret to how they did it 🧵

Framer University

18,133 görüntüleme • 7 ay önce