• Stars
    star
    177
  • Rank 215,237 (Top 5 %)
  • Language
    JavaScript
  • Created over 3 years ago
  • Updated over 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🤖 Hello human, I'm sick to be your GPU!!

🧠 Human GPU Exercises.

picture head

In the process of giving a WebGL workshop I created a series of exercises that aims to teach the basic of the WebGL/OpenGL pipeline. The excercises are made to be printed and done in old-fashion pen and paper.

You are the GPU, you need to read, parse, compile and render using only the power of your mind.

It's a hands on experiments, where WebGL features are introduced incrementally and where exercises are meant to be done in the correct order.

Each exercise is accompanied by its solution that shows the final frame.

This is still a work-in-progress thing, surely full of typos and subject to changes.

Download all

More Repositories

1

browser-2020

Things you can do with a browser in 2020 ☕️
8,066
star
2

awesome-casestudy

📕 Curated list of technical case studies on WebGL and creative development
2,556
star
3

aladino

🧞‍♂️ Your magic WebGL carpet
JavaScript
843
star
4

magicshader

🔮 Tiny helper for three.js to debug and write shaders
JavaScript
239
star
5

antipasto

🍽 Juicy starter for three.js
JavaScript
162
star
6

bidello

👨‍🏫 Don't leave your Class alone
JavaScript
56
star
7

clip-rect

✂️ - clip-rect is an helper to create painless `clip: rect()` animations with GSAP.
JavaScript
42
star
8

gl-backend

🚪 POC Detect WebGL rendering backend
JavaScript
33
star
9

adapttext.js

🙌 - AdaptText.js is a dependency free and simple javascript solution capable to fit your text inside the parent element
JavaScript
28
star
10

corrente

evening jelly experiment in WebGL
JavaScript
22
star
11

split-in-lines

Take an HTML element with text, and split it in lines.
JavaScript
18
star
12

tubbbo

〰A little WebGL experiment
JavaScript
17
star
13

appear-animation

Easily add animation when elements comes in the viewport.
JavaScript
11
star
14

dev-excuses-chrome

Chrome, please, gimme an excuse! - A little chrome extension that allow you to easily fetch an excuse from https://api.githunt.io/programmingexcuses and paste it in your current textarea/input field.
JavaScript
9
star
15

monolith

ddd-2018 devx experiment
HTML
6
star
16

three-emoji

emh...emoji!!
HTML
4
star
17

selfielapse

Simple desktop app that take a snapshot a day from your webcam.
JavaScript
4
star
18

totodile

A wild DOMElement appears!
JavaScript
3
star
19

infinite-runner-code-golf

A little exercise in 510byte.
HTML
3
star
20

luruke.com

Personal site
HTML
2
star
21

three.js

JavaScript 3D library.
JavaScript
2
star
22

fastnavigation

a proof of concept for a fast navigation PJAX+localstorage+intent
HTML
1
star
23

hasshhh

Generate number starting from a string seed
JavaScript
1
star
24

vooautoconnect

Keep the connection up using VOO_HOMESPOT wifi
Shell
1
star
25

foglio

HTML
1
star
26

test-babylon-export-gltf

HTML
1
star
27

intl-localematcher

JavaScript
1
star
28

arcoreval

JavaScript
1
star