{"id":13425818,"url":"https://github.com/stackgl/shader-school","last_synced_at":"2025-05-14T12:12:28.413Z","repository":{"id":14853783,"uuid":"17576966","full_name":"stackgl/shader-school","owner":"stackgl","description":":mortar_board: A workshopper for GLSL shaders and graphics programming","archived":false,"fork":false,"pushed_at":"2021-03-20T20:52:04.000Z","size":357,"stargazers_count":4345,"open_issues_count":49,"forks_count":257,"subscribers_count":95,"default_branch":"master","last_synced_at":"2025-04-15T00:38:37.645Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stackgl.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-03-10T00:04:05.000Z","updated_at":"2025-04-14T17:47:18.000Z","dependencies_parsed_at":"2022-07-20T01:18:58.151Z","dependency_job_id":null,"html_url":"https://github.com/stackgl/shader-school","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackgl%2Fshader-school","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackgl%2Fshader-school/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackgl%2Fshader-school/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackgl%2Fshader-school/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stackgl","download_url":"https://codeload.github.com/stackgl/shader-school/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254140768,"owners_count":22021220,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T00:01:19.623Z","updated_at":"2025-05-14T12:12:28.362Z","avatar_url":"https://github.com/stackgl.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","ComputerGraphics \u0026\u0026 Shadingv","Learning Resources","Tutorials","Articles","Courses"],"sub_categories":["Google Analytics","Graphics API, Computer Graphics","Interactive"],"readme":"# Shader School\n\n[![NPM](https://nodei.co/npm/shader-school.png?downloads=true\u0026stars=true)](https://nodei.co/npm/shader-school/)\n[![NPM](https://nodei.co/npm-dl/shader-school.png)](https://nodei.co/npm/shader-school/)\n\n**An introduction to GLSL shaders and graphics programming that runs in your web browser.**\n\n![shader-school](http://imgur.com/Wc74MPW.png)\n\n## Running this thing\n\nFirst, you need to [get a browser with WebGL](http://get.webgl.org/), as well\nas a copy of [node.js](http://nodejs.org/) and [git](http://git-scm.com/). Once you have\nall of that set up, you can install the workshop using [npm](http://npmjs.org/), which\nis included with node:\n\n```\nnpm install -g shader-school\n```\n\nAfter that completes, you should be able to run the workshopper with the command:\n\n```\nshader-school\n```\n\nThe script will ask you if you want to create an answer directory, press `y` to\naccept. This will populate your current directory with shader files for you to\nedit for each lesson – hopefully, it should also automatically open your web\nbrowser but if it doesn't you can find the workshop menu on\n[http://localhost:12492/](http://localhost:12492/).\n\n## Stuck?\n\nFeedback and criticism is welcome, please log your troubles in\n[issues](https://github.com/gl-modules/shader-school/issues). The workshop is\nstill being worked on but is very close to being complete!\n\nFull curriculum reviews\n[like this one](https://github.com/timoxley/functional-javascript-workshop/issues/7)\nare very helpful. More feedback like this please!\n\n## Contributors\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\u003cth align=\"left\"\u003eMikola Lysenko\u003c/th\u003e\u003ctd\u003e\u003ca href=\"https://github.com/mikolalysenko\"\u003eGitHub/mikolalysenko\u003c/a\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"http://twitter.com/mikolalysenko\"\u003eTwitter/@mikolalysenko\u003c/a\u003e\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003cth align=\"left\"\u003eHugh Kennedy\u003c/th\u003e\u003ctd\u003e\u003ca href=\"https://github.com/hughsk\"\u003eGitHub/hughsk\u003c/a\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"http://twitter.com/hughskennedy\"\u003eTwitter/@hughskennedy\u003c/a\u003e\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003cth align=\"left\"\u003eChris Dickinson\u003c/th\u003e\u003ctd\u003e\u003ca href=\"https://github.com/chrisdickinson\"\u003eGitHub/chrisdickinson\u003c/a\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"http://twitter.com/isntitvacant\"\u003eTwitter/@isntitvacant\u003c/a\u003e\u003c/td\u003e\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\n## Color Scheme\n\n![color scheme](http://imgur.com/mcbbaNt.png)\n\nFrom left to right:\n\n* `#34363B` `vec3(0.2039, 0.2117, 0.2313)` (black)\n* `#A9B0C3` `vec3(0.5372, 0.6901, 0.7647)` (dark grey)\n* `#DEE7FF` `vec3(0.8705, 0.9058, 1.0)` (light grey)\n* `#FFFFFF` `vec3(1.0, 1.0, 1.0)` (white)\n* `#58FF8B` `vec3(0.3451, 1.0, 0.5450)` (green)\n* `#FF6E57` `vec3(1.0, 0.4313, 0.3411)` (red)\n* `#FFE25F` `vec3(1.0, 0.8862, 0.3725)` (yellow)\n* `#61C3FF` `vec3(0.3804, 0.7647, 1.0)` (blue)\n\n## Screenshots\n\n![screenshot](http://imgur.com/snv1Axn.png)\n\n![screenshot](http://imgur.com/GJtvajl.png)\n\n![screenshot](http://imgur.com/hegi9dZ.png)\n\n![screenshot](http://imgur.com/QYyBoea.png)\n\n![screenshot](http://imgur.com/MZyhKjs.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstackgl%2Fshader-school","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstackgl%2Fshader-school","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstackgl%2Fshader-school/lists"}