How could i port this babylon js shader?

Questions
1

how could i port this babylon js shader?
my code-> Babylon.js Playground

shader original Shader - Shadertoy BETA

i have no idea how i could port this shader to babylon, please help me.

2

Welcome aboard!

You will need to use one (or several) custom shaders to do this by using the ShaderMaterial class.

@HiteshSahu has ported a shader toy here if you want to see how he has done it: Examples from the playground

You also have a number of other ones from @Pryme8 here: Shader Talk - Conversations on GLSL

[EDIT] Didn’t see you already started a PG! [/EDIT]

1 Like
3

Looks like you got the first pass (Buffer A), repeat that process now for the second pass (Image)!

Post effects are chain-able!.

Now the audio input will take you converting what ever audio file output into an array and pushing that to shader. There should be some information on that in shader-talk I think.

4

Here you go :wink:

https://playground.babylonjs.com/#AGZ10W#1

image
image803×768 218 KB

1 Like
5

https://playground.babylonjs.com/#AGZ10W#2

image
image527×854 687 KB

3 Likes
6

Great!

Note that you should not do time+=0.1 the second time as time is global and it is already done for the first pass.

7

Yeah hes right, sorry I just copy and pasted what everyone had already done. They all did a piece of it just did not link them together!
https://playground.babylonjs.com/#AGZ10W#3

2 Likes
8

thanks

9

I understood, now the question is how I would carry this shader that I made> Shader - Shadertoy BETA

10

I tried to carry more but it didn’t work.

https://playground.babylonjs.com/#AGZ10W#4

11

I want to work with ultra realistic shader using babylon js

12
1 Like
13

I love you.

1 Like
14

I just thought these shaders are extremely heavy.

I wanted to use shaders as I showed you before, but I can’t get a door.

Look at another shader that wanted to port more I can’t carry -> Shader - Shadertoy BETA

15

Sorry @Iury_Borges I’m not sure what you’re asking for here.

Again, not sure what you’re trying to say here?

Can you please give a link to your latest playground with what you are attempting to do and what is not working as you want it to?

16

link - > https://playground.babylonjs.com/#AGZ10W#4

shadertoy -> Shader - Shadertoy BETA

17

Thank you for the link to your latest playground.

What is not working as you want it to? / What are you trying to do?