🦍

Monacard(モナカード)のアプリをつくってみる風

2023/12/25に公開

つくってみると言っても今回の記事ではモナカードのAPIを用いていません。
モナカードを用いたアプリの参考にと思い書きました。

前回書いた『Monacard(モナカード) Advent Calendar 2023』の1日目の記事と組み合わせることを想定しています。

JavaScriptのライブラリであるThree.jsを用いてモナカードを表示させてみます。回転もさせましょう！（ここではローカルの画像で代用しています）

コードはこちらにあります。
サンプルコード全体（Github）

解説というほどでもないですが、ここの部分に取得したモナカードを入れると表示されます。

const textureLoader = new THREE.TextureLoader();
const texture = textureLoader.load('../img/testmona.jpg');

前回の記事と組み合わせることで、カードのオブジェクトをタッチした時にカードの詳細等を表示させたりすることも出来るようになります。

また、MonapartyのAPIを用いることでカードの販売状況や購入等の機能も付けれます！

ちなみに他チェーンでも応用ができますね。

みなさまお疲れさまでした！
モナカードでハッピーはっぴー！