アニメみたいに動くポケモンカード — 回せる3Dカード
ポケモンの名前をひとつ書くだけで、動く3Dカードが返ってくる。描き込んだ背景、別レイヤーのポケモン、傾きに合わせて流れるホロ、そして専用のカード裏。
このリザードンを回してみてください。
テストで作ったカードを、このページ内で公開・実行しています。横にドラッグすると、ドラゴンと火口が別レイヤーで動き、ホロが角度に合わせて流れます。
Neta Studio が作るのは、絵ではなくカードごと
一文を入れると、小さな Three.js シーンが出てきます。描き込んだ背景、本物のアルファで切り抜いた生き物、角度で変わるホロ、そしてカード裏。スマホで開けるページとして公開されます。
- 背景と生き物は別のプレーン。傾けると片方がもう片方にずれ、画像全体がぼやけることはない。
- ラミネートは視線ベクトルから計算。4つの仕上げは、下の絵に触れず光沢だけを変える。
- 裏返すと、シリーズ・イニシャル・サブタイトル・エディションが印刷されている。表の鏡像ではない。
作る前のよくある質問
これは物理的な3Dカードですか？
いいえ。ブラウザでマウスや指で回すカードです。紙を切り重ねるシャドーボックスタイプが欲しいなら、2枚印刷して上の1枚を切り抜いてください。ここで作るのはリンクで送れる版です。
Blender や Unity、シェーダーは必要？
不要です。Neta Studio がレイヤーを描き、生き物を切り抜き、Three.js のカードを組み立てます。あなたはカードを言葉で指定するだけ。
何を書けばいい？
生き物をひとつ、こだわるならいる場所も。レアリティ・エディション・シグネチャームーブはカード側が埋めます。「火山の上のリザードン」で十分、「塩湖に立つ自分のドラゴン」でも通ります。
グリッドにないポケモンも作れる？
作れます。どのポケモンでも、別作品のキャラでも、自分で考えた生き物でも。五条悟・リンク・セイバーを並べているのは、ひとつのIPに縛られない証拠です。
スマホでも動く？
動きます。指でドラッグすれば傾き、ホロと視差がついてきます。普通のWebページなので、リンクはどのブラウザでも開けます。
自分の絵や設定資料を使える？
カードの生成が始まってからチャットに添付してください。普通は文章だけで足りるので、入力欄にアップロードは置いていません。
カードに「ポケモン」と入る？
ファンアートであって公式カードではありません。入力した名前、タイプ、レアリティ、エディションが入り、ポケモンのロゴや公式セット記号は入りません。
印刷できる？
スクリーンショットやページの印刷はできますが、画面向けに作られています。ホロと奥行きはリアルタイム描画です。物理カードにするなら静止画を印刷所へ。
一文で、一枚。
生き物の名前を書けば、Neta Studio が背景を描き、切り抜き、ホロを組み、ページを公開します。