No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
packages
web
.gitignore
README.md
pubspec.lock
pubspec.yaml

README.md

В данной статье будет показано как при помощи dart и webgl создать простую головомку puzzle.

Готовый пример можно посмотреть тут, а исходники доступны на гитхабе

Для начала попробуем определиться с чем нам придется иметь дело, и какие инструменты нам понадобятся. Никакие сторонние библиотеки использоваться не будут, только базовые для работы с матрицами и векторами. Пазл будет двухмерным, поэтому не придется выводить трехмерные объекты. Для вывода изображения понадобиться работать с текстурами.

Создание пазла

Создание формы деталей головоломки

Генерация деталей головоломки в Webgl

Использование текстур в шейдере

Выбор деталей

Перемещение и поворот деталей