shader-park / shader-park-examples Goto Github PK

Amazing project and the blend() of CSG is sooo nice!

I was trying to figure out how to integrate this with p5.js, searched and found an 'old' (from 2023) example here. However that's using v0.1.41, when using the latest v0.2.6, it returns the error createShaderPark is not defined, so I guess the API changed. Using the older version worked, however I'm sure docs have changed in the meantime. Thanks in advance for a tiny example of how one can do that similarsp = createShaderPark(()=>{) and sp.draw() if that's also still a thing. Would be amazing if that model could also accept p5.js' texture() or fill()/stroke() styling...!

React three drei might be the best option since it's for external plugins.

I made a quick sandbox using r3f with shader-park. Not sure of the performance of using it like this but it works. If anyone knows any better ways please reply. Thanks 🙏🏼

Code Sandbox

If I copy the shaderpark code below (one of the examples from your main web page) into the spcode.js of the threejs example template, it does not work. It displays a blank blue polygon.

// from https://shaderpark.com/sculpture/-N-9T668AijcoYygOP4L
function fbm(p) {
return vec3(
fractalNoise(p),
fractalNoise(p + 200),
0
)
}

let timer = time0.05
let p = enable2D()
p = 0.5vec3(p.x, p.y, 0) + 5 * (timer / 10)
let composition = fbm( p + fbm( p + fbm( p )) ) *0.5+0.5
color( composition )