ゲーム画面のサイズを変えよう
まずはゲーム画面のサイズを大きくしてみましょう。
ゲーム画面とは、プレビューエリアに表示されている灰色の領域のことです。
現在、コード全体は次のようになっていますね。
function setup() { createCanvas(400, 400); } function draw() { background(220); }
このうち、以下のコードでゲーム画面のサイズを指定しています。
createCanvas(400, 400);
これは、横400×縦400のゲーム画面を生成することを意味しています。
それではゲーム画面のサイズを横800×縦800に広げてみましょう。
コードを次のように変更してください。
createCanvas(800, 800);
変更できたら、ゲームを起動してみましょう。
プレビューエリアの灰色の領域が広がり、
ゲーム画面のサイズが大きくなったことが確認できると思います!
上手くいかない方は、以下にコード全文を掲載していますので、全体をコピーしてオンラインエディタに貼り付けて、実行してみてください。