Полезные ресурсы

Как вкатится в графику

Выбери фреймворк тогда часть кода можно будет писать без знания шейдеров и 3d модели / 2d текстуры можно будет добавлять на js, чаще всего выбирают three.js для 3d и PixiJS для 2д. Для изучения шейдеров, можно присмотреться к twgl.js, оно уменьшает количество WebGL кода без сокрытия сути, но cырое API вам так или иначе придется изучить, если вы решитесь залезть в исходный код фреймворков. Если вы прилетели с марса смотрите в сторону WebGPU.

Обучающие материалы

https://webglfundamentals.org/ - если решили изучить сначала webgl

https://threejs-journey.com/ - один из лучших учебников по threejs (платный)

https://threejs.org/manual/#en/fundamentals - учебник по threejs прямо в доке

https://discoverthreejs.com/ - начало огонь, но не полный

https://thebookofshaders.com/ - лучший учебник по шейдерам и шуму

Light and Shadows - статейка про свет

Physically Based Rendering in Filament - хардкорный учебник по PBR

Udacity free course - Interactive 3D graphics - видеокурс

University of Utah CS5610/6610 Interactive Graphics - видеокурс

UC Davis Academic - Computer Graphics - видеокурс

Галерея

https://itch.io/games/platform-web

https://threejs.org/

https://www.pixijs.com/gallery

https://playcanvas.com/explore

https://www.babylonjs.com/community/

http://stack.gl/

Спеки и доки

https://registry.khronos.org/webgl/extensions/ - WebGL спека по экстеншенам

https://registry.khronos.org/OpenGL-Refpages/es2.0/ - OpenGL ES2 спека

https://docs.gl/es2/glActiveTexture - OpenGL ES2 дока с примерами

webgl-reference-card - WebGL дока в 4 страницах

3D стоки

https://sketchfab.com/ - модельки

https://www.cgtrader.com/ - модельки

https://cc0textures.com/ - текстуры, hdri

https://polyhaven.com/ - текстуры, hdri, модельки

https://www.mixamo.com/ - анимации

Статистика и ваше железо

WebGL extension support - caniuse для расширений, webglstats.com мертв

webglreport.com - инфа по вашей железке о WebGL

webgpureport.org - инфа по вашей железке о WebGPU

WebGPU

implementation-status

webgpufundamentals.org

compute.toys

webgpu-best-practices

webgpu-samples

WebXR

https://aframe.io/

https://www.8thwall.com/

Blender

Beginner Blender Tutorial

Command recorder addon

Python API

Physics

List of 3d physics libraries, Open Source Physics Engines

Let's Make a Physics Engine - видеокурс от Two-Bit Coding

3D Physics Engine Tutorial - видеокурс от thebennybox

Introduction to Physics Engines - видеокурс от Coding Train

Дальнейшее изучение

https://gpupro.blogspot.com/

https://foundationsofgameenginedev.com/

https://discourse.threejs.org/t/three-js-bookshelf/2468