四文字熟語クイズ
https://runp5.com を利用したP5.js実行のテスト
スキマ時間つぶしに最適!?
four.jsCopied!
let 四文字熟語let 上左表示, 下左表示, 全部表示 = falselet 画面幅function 問題準備(){ 四文字熟語 = 四文字熟語集[floor(random(四文字熟語集.length))] 上左表示 = (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)}