@IT-Programmer

Как создавать сайты на canvas?

Доброе время суток господа.
Недавно нашёл несколько очень красивых сайтов, и я заметил что все элементы на сайте отрисовываются с помощью canvas( webgl ), с использованием js библиотеки pixi.js. Так эе все эти сайты хорошо адаптированы под мобильные устройства.
Вот эти 2 сайта:
curvy.dk/beagle/site
и
https://vintage.com.ua
Может кто знает где можно найти туториалы на эту тему( создание сайтов на чистом canvas( webgl ) ), также меня интересует адаптивное расположение текста в canvas.
  • Вопрос задан
  • 1508 просмотров
Решения вопроса 1
WebGL -- это компьютерная графика. Для начала я бы рекомендовал прочитать собственно основы по нему.
Вот тут есть отличный туториал: https://webglfundamentals.org/webgl/lessons/ru/

Затем можно смотреть на фреймворки, которые упрощают работу с графикой. Это собственно pixijs для 2D графики, threejs для 3D графики. По ним достаточно смотреть их документации. Можно также глянуть https://threejsfundamentals.org/

Больше список разных фреймворков есть, например, тут.

А чего-то совсем готового именно для создания сразу таких сайтов, а не работы с графикой вообще -- я не видел. Совсем полуготового конструктора / библиотеки нет. Берётся библиотека для работы с графикой (pixi, three), и создаётся сайт)
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы