WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

フェリカテクニカルアカデミー

3連ガチャをJavaScriptで作成

制作物:3連ガチャ
使用するJavaScriptの機能
・for文
・if文
・配列
・Math.randam

1.使用する画像のランクとファイル名を整理する

ランクの配列名
star3が2名、排出率5% 01.png,02.png
star2が4名、排出率35% 03.png,04.png,05.png,06.png
star1が6名、排出率60% 07.png,08.png,09.png,10.png,11.png,12.png

2.画像を用意する

3.使用する変数や配列を事前にまとめておく

配列名
star3
star2
star1


排出率
star1Ratio = 60
star2Ratio = 95 ★1と★2(35%)の排出率を合わせた数字
star3Ratio =


各ランクに入っているキャラ数
star3Total = 2
star2Total = 4
star1Total = 6