四文字熟語クイズ
スキマ時間つぶしに最適!?
https://runp5.com/?code=https://scrapbox.io/api/code/masui/四文字熟語データ/fourdata.js,https://scrapbox.io/api/code/masui/四文字熟語クイズ/four.js&css=https://fonts.googleapis.com/css?family%3dKosugi%20Maru https://gyazo.com/a1c05a95c84a8a33d3934be7928ae6df
code:four.js
let 四文字熟語
let 上左表示, 下左表示, 全部表示 = false
let 画面幅
function 問題準備(){
上左表示 = (random() > 0.5)
下左表示 = (random() > 0.5)
}
function mouseClicked(){
if(全部表示) 問題準備()
全部表示 = !全部表示
}
function setup(){
画面幅 = min(windowWidth, windowHeight) * 0.95
createCanvas(画面幅, 画面幅)
textFont("Kosugi Maru")
問題準備()
}
function draw(){
background('white')
fill(220)
noStroke()
for(let 横位置=0;横位置<2;横位置++){
for(let 縦位置=0;縦位置<2;縦位置++){
rect(横位置*画面幅*0.5 + 画面幅*0.03,
縦位置*画面幅*0.5 + 画面幅*0.03,
画面幅*0.47 ,画面幅*0.47, 画面幅*0.05)
}
}
textSize(width * 0.35)
fill(0)
if(全部表示 || 上左表示) text(四文字熟語0, 画面幅*0.09, 画面幅*0.40) if(全部表示 || !上左表示) text(四文字熟語1, 画面幅*0.59, 画面幅*0.40) if(全部表示 || 下左表示) text(四文字熟語2, 画面幅*0.09, 画面幅*0.90) if(全部表示 || !下左表示) text(四文字熟語3, 画面幅*0.59, 画面幅*0.90) }