Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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.

repalash's profile picture

Palash Bansal

3,272 subscribers

36,762 görüntüleme • 2 yıl önce •via X (Twitter)

EğitimSanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Palash Bansal profil fotoğrafı
Palash Bansal2 yıl önce

And the first ALPHA version - To get started, try importing a shader toy that's Public+API It's still a work in progress, so let me know of the bugs/ux issues you find And there is no cloud sync yet, so download json for anything interesting you work on!

Palash Bansal profil fotoğrafı
Palash Bansal2 yıl önce

Here's light mode. Who would believe this is a node editor now... Maybe it should be called infinite canvas

Anderson Mancini profil fotoğrafı
Anderson Mancini2 yıl önce

@patriciogv @bookofshaders Amazing work Palash. Very clever idea and fantastic implementation. Congratulations 🤩

Ema Lorenzo profil fotoğrafı
Ema Lorenzo2 yıl önce

@patriciogv @bookofshaders killer feature! so good!

Antonin | HS profil fotoğrafı
Antonin | HS2 yıl önce

@patriciogv @bookofshaders Waow, this looks so cool and usefull

imad profil fotoğrafı
imad2 yıl önce

@patriciogv @bookofshaders goes hard

Anon 2.0 profil fotoğrafı
Anon 2.02 yıl önce

@patriciogv @bookofshaders That's sorcery bro

sane profil fotoğrafı
sane2 yıl önce

@patriciogv @bookofshaders keep it up bro!

赵亮 profil fotoğrafı
赵亮2 yıl önce

@patriciogv @bookofshaders What's the backend markdown renderer of this editor? Does it support using pandoc markdown?

Palash Bansal profil fotoğrafı
Palash Bansal2 yıl önce

Using lexical right now so it's a bit basic but looking into others as well for more support.

Benzer Videolar

A simple gem shader you can create with Shader Graph in Unity 💎 Shaders, Compute Shaders, and Math for Graphics 🔗 #IndieDevSunday
0:20

A simple gem shader you can create with Shader Graph in Unity 💎 Shaders, Compute Shaders, and Math for Graphics 🔗 #IndieDevSunday

Shaders Bible Series

23,839 görüntüleme • 23 gün önce

More Math to Shaders!! Visualize(and edit) both the code and the visuals instantly. Now with data types and control flow, we can create function nodes with multi-line math to code. Here's SDFs for Box, Sphere, Torus and Plane in maths straight from iq's blog All in a browser!
1:34

More Math to Shaders!! Visualize(and edit) both the code and the visuals instantly. Now with data types and control flow, we can create function nodes with multi-line math to code. Here's SDFs for Box, Sphere, Torus and Plane in maths straight from iq's blog All in a browser!

Palash Bansal

27,829 görüntüleme • 2 yıl önce

Trying out things with metahumans in blender, made a system with geometry nodes and shaders nodes that stylizes the model
1:12

Trying out things with metahumans in blender, made a system with geometry nodes and shaders nodes that stylizes the model

RC12

27,015 görüntüleme • 1 ay önce

Still learning my way around Shader Graph but this was a really fun one to put together! All standard URP nodes, no full-screen shaders or renderer features needed! #gamedev
0:37

Still learning my way around Shader Graph but this was a really fun one to put together! All standard URP nodes, no full-screen shaders or renderer features needed! #gamedev

Jason Smith

24,236 görüntüleme • 8 ay önce

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

I’m really excited to announce that the writing of The Shader Survival Guide is done! We’re now working on the final formatting for this e-book about shader development using Shader Graph in Unity. I also want to mention that this is an interactive e-book that will include a Unity 6 project with lots of shader samples to help you understand the topics covered. This book contains more than 500 pages of knowledge I’ve gained over 10 years working as a Technical Artist in the video game industry. It will be released in the last days of June, so if you’re interested in these topics, consider adding it to your wishlist! We’ll keep you updated with more news. #shader #shadergraph #madewithunity #shadersurvivalguide #hlsl #gamedev #gameart #vfx
0:22

I’m really excited to announce that the writing of The Shader Survival Guide is done! We’re now working on the final formatting for this e-book about shader development using Shader Graph in Unity. I also want to mention that this is an interactive e-book that will include a Unity 6 project with lots of shader samples to help you understand the topics covered. This book contains more than 500 pages of knowledge I’ve gained over 10 years working as a Technical Artist in the video game industry. It will be released in the last days of June, so if you’re interested in these topics, consider adding it to your wishlist! We’ll keep you updated with more news. #shader #shadergraph #madewithunity #shadersurvivalguide #hlsl #gamedev #gameart #vfx

Dervish

22,754 görüntüleme • 2 ay ö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 • 3 ay önce

Playing with the new Warp shader, coming to Paper Shaders next week
0:46

Playing with the new Warp shader, coming to Paper Shaders next week

Stephen Haney

73,385 görüntüleme • 1 yıl önce

Hey! This is my version of the Moonlight Sword In case you’re interested in creating stuff like this, I’m working on an animated e-book with a Unity 6 project that includes all the samples you need to learn Subscribe here: #shaders #unity #urp #gamedev
0:44

Hey! This is my version of the Moonlight Sword In case you’re interested in creating stuff like this, I’m working on an animated e-book with a Unity 6 project that includes all the samples you need to learn Subscribe here: #shaders #unity #urp #gamedev

Dervish

25,655 görüntüleme • 9 ay önce

still very experimental, but this has been hella fun to work with images and do progressive noise and gaussian blurring. could not be possible without the webgl shaders of patricio gonzalez vivo's lygia
0:25

still very experimental, but this has been hella fun to work with images and do progressive noise and gaussian blurring. could not be possible without the webgl shaders of patricio gonzalez vivo's lygia

˗ˏˋ rogie ˎˊ˗

10,727 görüntüleme • 2 yıl önce

Added more shaders to my lil shader app
0:47

Added more shaders to my lil shader app

Gunnar Gray

23,197 görüntüleme • 1 yıl önce

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩
0:36

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩

CSS by T. Afif

1,200,935 görüntüleme • 4 ay önce

These are all the shaders we've created so far while writing the Unity Shaders Bible and Shaders & Procedural Shapes in Unity! Want to learn shaders? Start step by step today! ✨ #unity3d #indiedev #3DCG
0:30

These are all the shaders we've created so far while writing the Unity Shaders Bible and Shaders & Procedural Shapes in Unity! Want to learn shaders? Start step by step today! ✨ #unity3d #indiedev #3DCG

The Unity Shaders Bible

95,266 görüntüleme • 7 ay önce

Multi-talented Filip ↟ shares an incredible article with us today: learn how he built a sci-fi-worthy 3D audio visualizer with Three.js, GSAP & Web Audio API — glowing shaders, draggable UI, and beats that shape the visuals in real time. 🎶🎧 👉
0:58

Multi-talented Filip ↟ shares an incredible article with us today: learn how he built a sci-fi-worthy 3D audio visualizer with Three.js, GSAP & Web Audio API — glowing shaders, draggable UI, and beats that shape the visuals in real time. 🎶🎧 👉

Codrops

15,391 görüntüleme • 1 yıl önce

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼
0:31

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼

Techartist

14,014 görüntüleme • 1 yıl önce

I'm building a first-class shader graph editor for Three.js. Powered by TSL and WebGPU. Real-time previews. Human readable code. Type inference. The list goes on. The free plan will include a fully featured editor (except for custom code nodes) with export to TSL so you can drop your shader right into your project in seconds. I'll also be offering a paid plan for a small monthly fee to cover hosting costs. Some benefits include unlimited projects, private projects, versioning, export to GLSL/WGSL, and more. Join the waitlist now👇🏻
0:33

I'm building a first-class shader graph editor for Three.js. Powered by TSL and WebGPU. Real-time previews. Human readable code. Type inference. The list goes on. The free plan will include a fully featured editor (except for custom code nodes) with export to TSL so you can drop your shader right into your project in seconds. I'll also be offering a paid plan for a small monthly fee to cover hosting costs. Some benefits include unlimited projects, private projects, versioning, export to GLSL/WGSL, and more. Join the waitlist now👇🏻

Dan Greenheck

25,719 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

52,737 görüntüleme • 3 yıl önce

I discuss with Devon Eriksen about why left wing thugs are cowards, why villains have to believe they are righteous and how to write from the perspective of a woman (in a way they would agree with). Devon's book Theft of Fire just came out in audio book- fully endorse the book- it was a great read!
2:28:32

I discuss with Devon Eriksen about why left wing thugs are cowards, why villains have to believe they are righteous and how to write from the perspective of a woman (in a way they would agree with). Devon's book Theft of Fire just came out in audio book- fully endorse the book- it was a great read!

Vance Crowe

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