![見出し画像](https://assets.st-note.com/production/uploads/images/161539206/rectangle_large_type_2_6ab75fbe1c388e61949798942d005530.png?width=1200)
[JavaScript] ガチャの当たりキャラをCanvaのモンスターで作ってみた
最近JavaScriptでガチャのシステムを作っていますが、ガチャを回した後に出るキャラクターをCanvaで用意されているモンスターを使ってみました!
ガチャはこちらから試せます!
前回の記事
当たりキャラの検討は労力がかかるので、一旦はCanvaモンスターで実装
おみくじガチャを回した後の仕掛けを良い感じにしたいので、一旦はCanvaモンスターで実装してみることにしました。当たりキャラの検討は労力がかかるので。。
![](https://assets.st-note.com/img/1731376201-A5pUXsqfiK2WD8lPoecQNjMu.png?width=1200)
Canvaは可愛らしいモンスターキャラがたくさんある!
Canvaにて、グラフィックから「モンスター」で検索すると、可愛らしいモンスターがたくさん表示されます!
![](https://assets.st-note.com/img/1731375258-sE95BPeQrzg6pqSOcoAnJD1R.png?width=1200)
モンスターイラストを画像としてエクスポートする手順については、以下記事を参考に。
簡素な画面でもキャラクターがいるだけで良い感じになる!
ほぼ労力をかけずに作成した結果画面ですが、1つキャラクターを足すだけで、多少良くなった感じがします!文字だけですと味気ないですし。。
![](https://assets.st-note.com/img/1731376690-YIjit4D9NeVEdKS7CaWbZ5GO.png?width=1200)
おわりに
最後まで読んで頂き、ありがとうございます!
ついでにポチッとガチャを試してもらえると嬉しいです!!
ガチャついでに、クイズも実施してもらえると嬉しいです!!!
ChatGPTに小学生で習う社会科の問題を作ってもらったものを出題しています。