ЭТО ПОС · витрина прототипов

Все варианты интерфейса кассы и тактильных кнопок. Открой любой — посмотри отзывчивость и анимацию прямо на планшете.

оптимизировано под iPad Pro 2017 · landscape

Spatial POS · экраны кассы

Hub · spatial-карта
Карта залов → «нырок» в комнату. Сделан ровно под 1112×834 (10.5").
spatial
Камера по слоям
Бесконечный канвас, камера ездит по ярусам меню.
canvasparallax
Всё сеткой
Касса без списков — только плитки. Базовый вариант.
WebGL
Всё сеткой · Glass
Тот же макет в стекле (Liquid Glass / blur).
WebGLblur
Liquid · жидкие squircle
Mesh-фон + жидкие кнопки. Самый тяжёлый — смотрим FPS.
WebGLliquid
Liquid · гексы flat-top
Жидкий mesh-фон + соты flat-top.
WebGLliquid
Соты · honeycomb
Гексагональная сетка меню.
hex
Соты · pointy-top
Гексы вершиной вверх, второй вариант раскладки.
canvashex
Радиальное меню · ромашка
Круговое меню действий вокруг центра.
radial
Motion-тест · gsap
Стресс анимации гексов (gsap + svg-motion).
WebGLgsap
3D-соты · hexfield
Полноэкранное искажающееся 3D-гекс-поле (шейдер). Тапни «Включить эфир» — реагирует на музыку.
WebGLshader

Кнопки и материалы

Material Lab
Mercury · Jelly · Clay · Ink на squircle. Сравнение материалов.
WebGLcanvas
Milk Button
Тактильная «молочная» кнопка.
canvas
Plastic Button
Упругий пластик, отклик на нажатие.
canvas
Granular Button
Кристаллы и порошок (сахар/корица).
canvas
Foam Button · 3D
Кнопка-пена, объёмный 3D-прототип.
WebGL