Skip to content

Guitouxx/000-hero

Repository files navigation

PlayGL Dotted Hero (in fragment shader)

Demo Screenshot

This repo includes a fragment shader demo from the homepage of playgl.xyz.

Basically, it's a full screen quad that with a THREE.RawShaderMaterial. Please play with the available uniforms to customize the effect. I didn't write the code for mobile adjustement but you can figure it out with the source code how to move the letters at a different place.

All the glsl magic happens in the src/routes/glsl folder.

All prototypes that comes from playgl experiments will be shipped with:

  • Threejs
  • Sveltekit
  • Tailwindcss

Dev

To run:

# clone repo
git clone https://github.com/Guitouxx/000-hero.git

# install deps
yarn

# run local host
yarn dev

Now open localhost:3000 to test. Use yarn run build to build everything.

Thanks

Thank you for the help they shared on github, x or shadertoy

Daniel Velasquez
Inigo Quilez

License

MIT, see LICENSE for details.