Генератор голо-карт Pokémon — карта с живой фольгой
Назовите Pokémon и получите голо-карту, которая поворачивается под рукой: покемон на отдельном слое, фольга реагирует на наклон, а сзади — оформленная рубашка.














Попробуйте наклонить сами.
Откройте карту и потяните. Покемон смещается относительно фона, а фольга играет на свету вслед за движением пальца или мыши.
Ваш Pokémon на карте, которая откликается на свет
Neta Studio рисует подходящую сцену, отдельно изображает Pokémon, вырезает по контуру и собирает интерактивную карту в Three.js. Блеск фольги зависит от реального угла наклона, а не от наложенного фильтра, и рубашка прорисовывается в той же сборке.
- Два плана на одной карте — Pokémon находится на отдельном слое над окружением, поэтому при наклоне он смещается относительно фона.
- Четыре типа покрытия — радужный лазер, золото, серебро и перламутр; каждый тип ловит свет под своим углом.
- Лицевая сторона и рубашка — кристалл редкости, знак сета и номер издания спереди, а также подходящая рубашка при перевороте.
Вопросы перед созданием
Это официальная карта Pokémon?
Нет. Это фанатские карты, которые живут прямо в браузере. Они не печатаются на фабрике и не имеют отношения к Nintendo, Creatures или The Pokémon Company. В результате вы получаете интерактивную страницу, которую можно вертеть в руках.
Можно ли распечатать карту?
Вы можете сохранить статичный скриншот лицевой стороны для мокапа. Сама сборка — это веб-страница, а не файл для типографии с вылетами под обрез и цветовым профилем CMYK, поэтому напечатать ее как тиражную карту не выйдет.
Нужно ли разбираться в 3D или коде?
Нет. Вы просто называете Pokémon и обстановку вокруг; параллакс, фольга, параметры редкости и рубашка карты генерируются сами. Если захотите другое покрытие, просто напишите об этом в том же чате.
Можно ли сделать фейкмона или свое существо?
Да. Опишите стихию, силуэт и место обитания, и персонаж получит ровно такую же проработку, как Pikachu или Charizard.
Как выбрать узор голографии и редкость?
Укажите их в запросе: радужный лазер, золото, серебро или перламутр, а также уровень редкости и номер тиража. Если оставить эти поля пустыми, оформление подберется под цветовую гамму арта.
Фольга правда двигается?
Да. Карта собрана на Three.js, поэтому перелив фольги точно следует за курсором при движении. Это честная физика света, а не зацикленное видео или GIF.
Работает ли это на телефоне?
Да. Проведите пальцем по экрану, чтобы наклонить карту, и нажмите на переключатель, чтобы увидеть рубашку. Карта спокойно помещается на экранах шириной от 390px без горизонтальной полосы прокрутки.
Можно ли поделиться готовой картой?
Каждая карта публикуется по собственному адресу. Отправьте ссылку друзьям — и они смогут так же покрутить ее в руках на своем экране.
Назовите Pokémon. Поверните карту.
Хватит одного предложения в задании. В ответ придет веб-страница, которую можно наклонять, переворачивать и отправлять друзьям.