ゲーム画面のサイズを変えよう

まずはゲーム画面のサイズを大きくしてみましょう。

ゲーム画面とは、プレビューエリアに表示されている灰色の領域のことです。

現在、コード全体は次のようになっていますね。

function setup() { createCanvas(400, 400); } function draw() { background(220); }

このうち、以下のコードでゲーム画面のサイズを指定しています。

createCanvas(400, 400);

これは、横400×縦400のゲーム画面を生成することを意味しています。

それではゲーム画面のサイズを横800×縦800に広げてみましょう。
コードを次のように変更してください。

createCanvas(800, 800);

変更できたら、ゲームを起動してみましょう。
プレビューエリアの灰色の領域が広がり、
ゲーム画面のサイズが大きくなったことが確認できると思います!

ゲーム画面サイズ

上手くいかない方は、以下にコード全文を掲載していますので、全体をコピーしてオンラインエディタに貼り付けて、実行してみてください。

オンライン相談

つまづいたときは

ランダムキャンバス
レッスン一覧

はじめに

コース一覧

ゲーム開発コース

数学コース

アートコース

入門コース

このサイトについて


© 2022 ルートアイ All rights reserved.