Анимированные карты Pokémon — вращаемая 3D-карта

Назовите покемона — и получите анимированную 3D-карту: нарисованная сцена, существо на отдельном слое, фольга, скользящая при наклоне, и собственная рубашка.













Поверните карту Чаризарда.
Карта из тестового прогона, опубликованная и работающая прямо на этой странице. Проведите по ней: дракон и кратер лежат на разных планах, а фольга идёт за углом.
Neta Studio собирает карту, а не только картинку
На входе одна фраза, на выходе небольшая сцена на Three.js: нарисованный фон, существо, вырезанное с настоящей альфой, фольга, отвечающая на угол, и рубашка — всё опубликовано как страница, которая открывается на телефоне.
- Фон и существо живут на разных планах: при наклоне одно смещается относительно другого, а не размазывается вся картинка.
- Ламинат считается от вектора взгляда. Четыре отделки меняют блеск, не касаясь рисунка под ним.
- Переверните: коллекция, инициал, подзаголовок и номер напечатаны на обороте, а не отзеркалены с лица.
Вопросы перед началом
Это физическая 3D-карта?
Нет. Это карта, сделанная веб-страницей: её вращают мышью или пальцем. Если нужен бумажный «shadowbox», напечатайте две копии и вырежьте верхнюю — здесь получается версия, которую отправляют ссылкой.
Нужны Blender, Unity или шейдер?
Нет. Neta Studio рисует слои, вырезает существо и собирает карту на Three.js. Вы описываете карту; фольгу, глубину и наклон берёт на себя движок.
Что писать?
Одно существо и, если важно, место, к которому оно относится. Редкость, номер и сигнатурную атаку карта придумает сама. «Чаризард над вулканом» достаточно; «мой собственный дракон на солончаке» тоже подойдёт.
Можно сделать покемона, которого нет в сетке?
Да. Любого покемона, персонажа другого сериала или существо, которое вы придумали. Годзё, Линк и Сэйбер стоят в сетке, чтобы показать: карта не привязана к одному фэндому.
Работает на телефоне?
Да. Потяните пальцем — карта наклонится, фольга и параллакс пойдут следом. Это обычная страница, ссылка открывается в любом браузере.
Можно использовать свой рисунок или лист персонажа?
Прикрепите его в чате, когда карта начнёт собираться. Обычно текста хватает, поэтому у поля ввода нет загрузки файла.
На карте будет написано «Pokémon»?
Ваша карта — фанатская работа, не официальная. На ней имя, которое вы ввели, тип, редкость и номер — без логотипа Pokémon и официального символа сета.
Можно распечатать?
Скриншот или печать страницы — да, но карта сделана для экрана: фольга и глубина считаются в реальном времени. Для физической карты отнесите статичный кадр в типографию.
Одна фраза — одна карта.
Назовите существо, и Neta Studio нарисует фон, вырежет фигуру, соберёт фольгу и опубликует страницу.