課題５　繰り返しループ

円を横に10個並べて描きなさい。

課題名は 「課題５の１」

幅600、高さ100のキャンバスに直径60ピクセルの円を横に並べて10個描きなさい。10個円が必ず見えるようにしなさい。

ただし、forもしくはwhileループを必ず使うこと。

円の色や背景の色などは好きに設定してください。

draw()関数は消去して、setup（）関数の中で実行してください。

参考図

https://scrapbox.io/files/61fddc84158671001d9d54bf.png

タイルの描画

課題名は「課題５の２」

図のような互い違いに組み上げたタイルを描画しなさい。

https://scrapbox.io/files/61fdddf3640096001d67dd95.png

下のプログラムは、2段のタイルを描画するプログラムです。参考にしてください。

code:tile2.js

'use strict'

/*

四角形のタイルをずらしながら重ねて描く

*/

let rWidth = 100; // 四角形の幅

let rHeight = 50; // 四角形の高さ

function setup(){

createCanvas(600,400);

colorMode(RGB,255,255,255,1);

background(240);

stroke('white');

strokeWeight(3);

fill(200,240,120);

for(let x=0; x<width; x+=rWidth){

rect(x,0,rWidth,rHeight);

}

for(let x=-rWidth/2; x<width; x+=rWidth){

rect(x,rHeight,rWidth,rHeight)

}

}