https://github.com/braebo/pocket-shader

A lightweight WebGL shader renderer.
https://github.com/braebo/pocket-shader

animation canvas glsl javascript shaders typescript webgl webgl2

Last synced: 3 months ago
JSON representation

A lightweight WebGL shader renderer.

• Host: GitHub
• URL: https://github.com/braebo/pocket-shader
• Owner: braebo
• License: mit
• Created: 2024-05-29T02:38:50.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-07-07T01:40:52.000Z (6 months ago)
• Last Synced: 2024-07-07T02:52:46.590Z (6 months ago)
• Topics: animation, canvas, glsl, javascript, shaders, typescript, webgl, webgl2
• Language: GLSL
• Homepage: https://pocket-shader.braebo.dev
• Size: 1.87 MB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        




    





### _This project is still early-alpha, so the API is unstable.  I'd love to hear your feedback / ideas!_




- 📦 Simple API

- 🐭 Lightweight - _2.63 kB_

- ✅ Typesafe

- 👌 Zero Dependencies

- 🌐 ESM




## Installation

```bash

npx jsr add @braebo/pocket-shader

```

## Documentation

[https://pocket-shader.braebo.dev/](https://pocket-shader.braebo.dev/)

## RoadMap

- [x] Fragment / Vertex Shaders

- [x] Responsive / Automatic Resizing

- [x] (Reactive) Custom Uniforms

- [x] Render Loop

- [x] Playback Controls

- [x] Mouse Input

- [x] Mouse Smoothing

- [x] Render Hook

- [ ] Texture Support

- [ ] WebGPU

- [ ] Auto Pause/Resume _(Intersection Observer)_

## Contributing

Just remember to include a changeset with your pr:

```bash

pnpm changeset

```