https://github.com/gportelli/pocket.gl

A fully customizable webgl shader sandbox to embed in your pages
https://github.com/gportelli/pocket.gl

Last synced: about 2 months ago
JSON representation

A fully customizable webgl shader sandbox to embed in your pages

• Host: GitHub
• URL: https://github.com/gportelli/pocket.gl
• Owner: gportelli
• License: gpl-3.0
• Created: 2016-04-06T07:24:23.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2019-04-26T14:14:22.000Z (almost 7 years ago)
• Last Synced: 2026-01-23T19:22:07.542Z (3 months ago)
• Language: JavaScript
• Homepage: http://pocket.gl
• Size: 61.4 MB
• Stars: 123
• Watchers: 4
• Forks: 19
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: COPYING

Awesome Lists containing this project

• awesome-webgl - Pocket.gl - Fully customizable webgl shader sandbox to embed in your pages. (Libraries / Others)

README

          
![pocket.gl](https://raw.githubusercontent.com/gportelli/pocket.gl/master/assets/screenshots/logo.png)

*A fully customizable webgl shader sandbox to embed in your pages*

Visit http://pocketgl.com for the full documentation, examples and tutorials.

[![http://pocketgl.com](https://raw.githubusercontent.com/gportelli/pocket.gl/master/assets/screenshots/github-site-frontpage.png)](http://pocketgl.com)

## Examples

> *Load meshes and define editable shader variables*

![example 1](https://raw.githubusercontent.com/gportelli/pocket.gl/master/assets/screenshots/screenshot1.png)

---

> *Edit vertex and fragment shader code in place*

![example 2](https://raw.githubusercontent.com/gportelli/pocket.gl/master/assets/screenshots/screenshot5.png)

---

> *Animate your shaders, add skyboxes and multiple textures*

![example 3](https://raw.githubusercontent.com/gportelli/pocket.gl/master/assets/screenshots/screenshot2.png)

---

> *Make a fragment-only [Shadertoy](https://www.shadertoy.com/)-like shader*

![example 4](https://raw.githubusercontent.com/gportelli/pocket.gl/master/assets/screenshots/screenshot3.png)

---

> *Or just use it as a 3D model viewer*

![example 5](https://raw.githubusercontent.com/gportelli/pocket.gl/master/assets/screenshots/screenshot4.png)

## Dependencies

pocket.gl is based on these front-end libraries:

* [Three.js](http://threejs.org/) for 3D rendering

* [Ace](https://ace.c9.io/) for the editors

* [dat.GUI](http://workshop.chromeexperiments.com/examples/gui/) for the GUI panel

* [clipboard.js](https://clipboardjs.com/) for copying text to clipboard

* [RequireJS](http://requirejs.org/) for modules loading

## License

[GNU GPL-3.0](http://pocket.gl/resources/gpl-license/)