https://github.com/lesnitsky/webgl-month
🎓 Daily WebGL tutorials
https://github.com/lesnitsky/webgl-month
3d-rendering beginner code-samples javascript tutorials webgl
Last synced: about 1 year ago
JSON representation
🎓 Daily WebGL tutorials
- Host: GitHub
- URL: https://github.com/lesnitsky/webgl-month
- Owner: lesnitsky
- Created: 2019-07-01T12:18:08.000Z (almost 7 years ago)
- Default Branch: dev
- Last Pushed: 2024-08-28T07:21:47.000Z (almost 2 years ago)
- Last Synced: 2025-04-02T13:58:06.389Z (about 1 year ago)
- Topics: 3d-rendering, beginner, code-samples, javascript, tutorials, webgl
- Language: JavaScript
- Homepage: https://dev.to/lesnitsky
- Size: 922 KB
- Stars: 224
- Watchers: 10
- Forks: 14
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-webgl - WebGL Month
README
# WebGL month
Hi 👋 My name is Andrei. I have some fun experience with WebGL and I want to share it. I'm starting a month of WebGL, each day I will post a WebGL related tutorial. Not Three.js, not pixi.js, WebGL API itself.
[Follow me on twitter](https://twitter.com/lesnitsky_a) to get WebGL month updates or [join WebGL month mailing list](http://eepurl.com/gwiSeH)
## Day 1. Intro
This is a series of blog posts related to WebGL. New post will be available every day
[Subscribe](https://twitter.com/lesnitsky_a) for updates or [join mailing list](http://eepurl.com/gwiSeH)
[Soruce code available here](https://github.com/lesnitsky/webgl-month)
> Built with [GitTutor](https://github.com/lesnitsky/git-tutor)
Welcome to day 1 of WebGL month. In this article we'll get into high level concepts of rendering which are improtant to understand before approaching actual WebGL API.
WebGL API is often treated as 3D rendering API, which is a wrong assumption. So what WebGL does?
To answer this question let's try to render smth with canvas 2d.
We'll need simple html
📄 index.html
```html
WebGL Month
```
and canvas
📄 index.html
```diff
WebGL Month
-
+
+
+
+
-
+
-
+