https://github.com/arttet/interactive-3d-graphics-with-webgl-2

Interactive 3D Graphics with WebGL 2
https://github.com/arttet/interactive-3d-graphics-with-webgl-2

glsl glsl-shaders npm typescript webgl2 webpack

Last synced: about 5 hours ago
JSON representation

Interactive 3D Graphics with WebGL 2

• Host: GitHub
• URL: https://github.com/arttet/interactive-3d-graphics-with-webgl-2
• Owner: arttet
• License: mit
• Created: 2021-04-11T15:55:49.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-04-11T17:38:21.000Z (over 3 years ago)
• Last Synced: 2023-03-06T16:20:54.661Z (over 1 year ago)
• Topics: glsl, glsl-shaders, npm, typescript, webgl2, webpack
• Language: TypeScript
• Homepage:
• Size: 19.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Interactive 3D Graphics with WebGL 2

## Requirements

* [Node.js](https://nodejs.org/en/download/)

## Build

```sh

npm install

npm run start:dev

```

## Udacity Course

* [Interactive 3D Graphics](https://www.udacity.com/course/interactive-3d-graphics--cs291)

## WebGL 2

> Information about the upcoming WebGL 2 specs

>

> Anything pertaining to WebGL in general is found in the [WebGL](#WebGL) section

### WebGL 2

* [Articles](#articles)

* [References](#references)

* [Tutorials](#tutorials)

* [Books](#books)

### Articles

> WebGL 2 articles and/or blog posts (non-tutorials)

* [WebGL 2 What's New](https://webgl2fundamentals.org/webgl/lessons/webgl2-whats-new.html) - Look into the new features added in WebGL 2.

* [What's Coming in WebGL 2.0](https://blog.tojicode.com/2013/09/whats-coming-in-webgl-20.html) - Look into the upcoming features of WebGL 2.

* [WebGL 2 SIGGRAPH Asia 2015](https://docs.google.com/presentation/d/1Orx0GB0cQcYhHkYsaEcoo5js3c5-pv7ahPniIRIzzfg/edit#slide=id.p) - Presentation by Zhenyao Mo, Ken Russell of Google during SIGGRAPH Asia 2015.

* [WebGL 2 Lands in Firefox](https://hacks.mozilla.org/2017/01/webgl-2-lands-in-firefox/) - Information the support for WebGL 2 starting with Firefox 51.

* [WebGL 2 Basics](http://www.realtimerendering.com/blog/webgl-2-basics/) - Blog post about getting started with WebGL 2.

* [WebGL 2 New Features](http://www.realtimerendering.com/blog/webgl-2-new-features/) - Blog post about whats new and cool in WebGl 2.

### References

> WebGL 2 references

* [WebGL 2 Spec Sheet (Editor Draft)](https://www.khronos.org/registry/webgl/specs/latest/2.0/) - All the detailed information about WebGL 2.

* [WebGL 2 Reference Card](https://www.khronos.org/files/webgl20-reference-guide.pdf) - WebGL 2.0 API Quick Reference Card for printing.

* [WebGL 2 Compatible Chart](https://caniuse.com/#feat=webgl2) - Chart to show current browsers supporting WebGL 2

### Tutorials

* [WebGL 2 Fundamentals](https://webgl2fundamentals.org/) - Series of online tutorials with code samples and live demonstrations.

* [WebGL 2 Samples](http://webglsamples.org/WebGL2Samples/) - Great source of many different WebGL 2 work with very good commenting.

* [WebGL 2 Examples](https://github.com/tsherif/webgl2examples) - Rendering algorithms implemented in raw WebGL 2.

### Books

* [Real-Time 3D Graphics with WebGL 2](https://www.amazon.com/Real-Time-Graphics-WebGL-interactive-applications-ebook/dp/B07GVNQLH5) by **Farhad Ghayour** and

 **Diego Cantor** - Build interactive 3D applications with JavaScript and WebGL 2 (OpenGL ES 3.0).