すでにアメリカなどを中心に、世界的大ブームとなっているポケモンGO が、ついに日本でも配信が開始されました。この人気はウェブデザインのアイデアとして、じわじわ影響を与えはじめているようです。 今回はコード共有サイト CodePen より、ポケモンGO をモチーフにしたHTMLスニペットをいくつかご紹介します。モンスターの捕獲シーンを再現したり、コミカルな動きをCSSアニメーションで表現したり、面白い作品が公開されていました。 詳細は以下から。 ポケモンGOをモチーフにした面白HTMLスニペットまとめ Pokemon Go – ZingTouch x Anime.js 軽量なアニメーションJSライブラリ Anime.js を利用し、モンスターの捕獲シーンを再現しています。サークルの大きさに合わせて、スワイプしてボールをタイミングよく投げることで、実際にキャッチすることもできます。 See t
![捕獲シーンも完全再現!ポケモンGOの面白HTML/CSSスニペットまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4a8db2753b46acdbf44b8e84e9996c9676423fe9/height=288;version=1;width=512/https%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2016%2F07%2Fpokemon.jpg)