https://github.com/tomhsiao1260/gl-playground

🧩 personal WebGL playground
https://github.com/tomhsiao1260/gl-playground

3d glsl shader shaders three-js threejs webgl

Last synced: 4 months ago
JSON representation

🧩 personal WebGL playground

• Host: GitHub
• URL: https://github.com/tomhsiao1260/gl-playground
• Owner: tomhsiao1260
• License: mit
• Created: 2021-05-14T17:40:21.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2023-03-06T02:32:59.000Z (almost 2 years ago)
• Last Synced: 2024-07-30T15:23:49.132Z (7 months ago)
• Topics: 3d, glsl, shader, shaders, three-js, threejs, webgl
• Homepage: https://tomhsiao1260.github.io/gl-playground/
• Size: 888 KB
• Stars: 8
• Watchers: 2
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


GL Playground | Demo





    



## Introduction

This is my personal [WebGL](https://github.com/KhronosGroup/WebGL/) and [Three.js](https://threejs.org/) experimental playground. This is not only a space for me to create some cool things but also a place to share my works which mainly using [GLSL shading language](https://www.khronos.org/opengl/wiki/Core_Language_(GLSL)). All the examples I wrote are open source and can be found [here](https://github.com/TomHsiao1260/gl-playground/tree/main/dist/examples). Feel free to use them in your own projects. 

You can also check out the [demo pages](http://tomhsiao1260.github.io/gl-playground/) or fork this repository and come back to see more examples released in the future 🙌

## Inspiration

I also collect some useful resources for me to get more inspiration.

- [Etienne Jacob](https://twitter.com/etiennejcb)

- [Create Coding](https://www.notion.so/Creative-coding-algorithms-techniques-c5550ef2f7574126bdc77b09ed76651b)

- [ASCII Art](https://github.com/ertdfgcvb/play.core)

- [WebGL water](https://github.com/evanw/webgl-water)

- [Zach Lieberman](https://twitter.com/zachlieberman)

- [Trois](https://github.com/troisjs/trois)

- [Bubbles](https://www.youtube.com/watch?v=s10_oyYPPwY&ab_channel=FedericoMarino)

## Learn

Some interesting learning resources.

- [Book of Shaders](https://thebookofshaders.com/)

- [Fluid Simulation](http://jamie-wong.com/2016/08/05/webgl-fluid-simulation/)

- [Kinetic Typography](https://tympanus.net/codrops/2020/06/02/kinetic-typography-with-three-js/)

- [Codrops](https://tympanus.net/codrops/category/tutorials/)

## Notes

If you like my works, giving me a star will drive me to do more 🙌

Welcome to send me an issue or e-mail for any questions.

e-mail: [email protected]