https://github.com/gregtatum/talk-webgl-beyond-dom
WebGL - Beyond the DOM
https://github.com/gregtatum/talk-webgl-beyond-dom
Last synced: 7 months ago
JSON representation
WebGL - Beyond the DOM
- Host: GitHub
- URL: https://github.com/gregtatum/talk-webgl-beyond-dom
- Owner: gregtatum
- License: other
- Created: 2017-02-21T16:47:12.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-11-03T20:58:20.000Z (about 8 years ago)
- Last Synced: 2025-03-31T02:12:44.774Z (8 months ago)
- Language: JavaScript
- Size: 8.79 KB
- Stars: 17
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-creative-coding - WebGL Beyond Dom - Greg Tatum explains the basics of WebGL using Regl. (Learning Resources / Articles • Tutorials)
- fucking-awesome-creative-coding - WebGL Beyond Dom - Greg Tatum explains the basics of WebGL using Regl. (Learning Resources / Articles • Tutorials)
- awesome-creative-coding - WebGL Beyond Dom - Greg Tatum explain the basic of WebGL using Regl. (Learning Resources / Articles • Tutorials)
README
# WebGL - Beyond the DOM
The web was built on documents rendered using the DOM (Document Object Model.) WebGL opens up a whole new class of applications that are beyond the DOM with gaming, art, and entire virtual worlds. This talk dives into the basics of how WebGL works with a live coding demo showing off the basics of shaders.
* [Slides](https://docs.google.com/presentation/d/1tvzqCV9oDs8N7Ytr0mtW4jvYdjs7oOitAicvyrwNAHc)
* [Live coding demo](https://youtu.be/lBKHKGtFfwY)
## Running the example
* You need both [npm](https://nodejs.org/) and [git](https://www.google.com/search?q=install+git), then run the following from the command line.
* `git clone git@github.com:gregtatum/talk-webgl-beyond-dom.git`
* `cd talk-webgl-beyond-dom`
* `npm install`
* `npm start`
To view the complete example run:
* `npm run start-complete`