Разработка графики | Вселенная IT

📄️От чисел к картинке

Модель и отрисовка в одном файле, конвейер от кода через Canvas и GPU к монитору, три слоя графического кода, маршрут по разделу.

Skia — движок 2D от Google (Chrome, Android, Flutter). ANGLE — перевод OpenGL ES в DirectX, Vulkan и Metal для браузера и Windows.

Общение с драйвером GPU. Треугольники, вершинный и фрагментный шейдеры, state machine API, OpenGL, DirectX 11/12, Vulkan и Metal.

Видеопамять, графический конвейер на железе, CUDA-ядра и warp, mipmaps, фильтрация текстур, поиск узких мест CPU и GPU.

Double и triple buffering, V-Sync, tearing, requestAnimationFrame, glSwapBuffers, frame time и даунскейл.

Растр RGBA в видеопамяти, растрирование вектора, HDMI и DisplayPort, цветовые пространства sRGB и HDR, тайминги монитора.

Разделение модели, логики обновления и отрисовки. Координаты, DOM и Canvas, чтение и структура графического кода.

Update и Render, delta time, requestAnimationFrame. Конечные автоматы для меню, паузы и состояний игры.

Массивы объектов, деревья сцены, пространственное индексирование, frustum culling и отсечение невидимого.

Векторы, скалярное произведение, матрицы поворота, масштаба и трансляции, тригонометрия для вращения объектов на экране.

Обертки над железом, получение контекста рендеринга, управление окном, обработка мыши и клавиатуры.

Программируемая графика в браузере. Canvas 2D API, WebGL, отличие от DOM, путь команд через Skia и ANGLE.

SDL как фундамент окон и ввода. Pygame для игр. Tkinter Canvas для UI и простых графиков.

Unity как игровой движок. WPF и MAUI для интерфейсов. DirectX под капотом .NET графики.

Резюме конвейера раздела "Разработка графики", FAQ и типичные ошибки при чтении и написании графического кода.

Вопросы для самопроверки по разделу "Разработка графики".

От чисел в памяти до пикселей на мониторе. Модель, игровой цикл, API, GPU, Canvas, Pygame, Unity, OpenGL. Маршрут для чтения графического кода.