https://github.com/spearwolf/spw-twopoint5d-shadertoy

a webgl shader effect demo using the new three.js shading language
https://github.com/spearwolf/spw-twopoint5d-shadertoy

demo glsl procedural shader three threejs tsl webgl2 webgpu

Last synced: 3 months ago
JSON representation

a webgl shader effect demo using the new three.js shading language

• Host: GitHub
• URL: https://github.com/spearwolf/spw-twopoint5d-shadertoy
• Owner: spearwolf
• License: mit
• Created: 2025-01-10T15:15:19.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2025-01-10T16:20:11.000Z (5 months ago)
• Last Synced: 2025-01-10T16:46:17.514Z (5 months ago)
• Topics: demo, glsl, procedural, shader, three, threejs, tsl, webgl2, webgpu
• Language: TypeScript
• Homepage: https://spearwolf.github.io/spw-twopoint5d-shadertoy/
• Size: 1.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
A demo using the new [Three.js Shading Language](https://github.com/mrdoob/three.js/wiki/Three.js-Shading-Language) to create a procedural shader effect like the one shown in this YouTube video [An introduction to shader art coding](https://www.youtube.com/watch?v=f4s1h2YETNY)

![preview](./preview.png)

🚀 [launch demo](https://spearwolf.github.io/spw-twopoint5d-shadertoy/)

- - -

### Setup Local Developement

this project uses the [pnpm package manager](https://pnpm.io/) and [vite](https://vite.dev/).

install the dependencies as usual with ..

```shell

pnpm i

```

.. and start local dev mode with ..

```shell

pnpm dev

```

To install a new version of the github pages, simply run

`pnpm build` and then update the github repository.

- - -

_have fun!_

🦑 s p e a r w o l f 🐺