🦍
Monacard(モナカード)のアプリをつくってみる風
『Monacard(モナカード) Advent Calendar 2023』第2会場の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を用いることでカードの販売状況や購入等の機能も付けれます！
ちなみに他チェーンでも応用ができますね。
『Monacard（モナカード）Advent Calendar 2023』
みなさまお疲れさまでした！
モナカードでハッピーはっぴー！
Discussion