簡単!無料プログラミング講座

第6回 ブロックの色をカラフルな色に無料のプログラミングソフト

Colour,0を使用すると、ブロックの色を数字で変更できます。

第1回のプログラミング講座で、ブロックの種類は勉強しましたね。ブロックの種類の部分をColour,数字に変更して色を変えます。

ではさっそく「Web Blocks」のページを開きましょう。

サンプルコードを表示して
コードをコピー&ペーストしながら挑戦してみてください。
サンプルコード
Web Blocksを開く

ブロックの色の変更

  1. Escキー」を押します。
  2. トグル・コードエディタ」(切り替え編集)が表示されます。
  3. SCRIPT」画面に切り替えます。
  4. 次のコードを入力します。
    setBlock(100,10,100,Colour,0);
  5. 入力したらRUN」ボタンを押してコマンドを実行します。
  6. 赤色のブロックが一つ現れます。
    キッズくん
    キッズくん
    色が変わった!おもしろい♪

  7. Colour,0の数字を10,20,30と変更してみてください。色が変わると思います。

ブロックをカラフルな色に

第5回のプログラミング講座で勉強したループfor(let)を使ってカラフルな色にします。

  1. 次のコードを入力します。
    for (let i = 0; i < 20; i++) {

    setBlock(100,10,100,Colour,0);
    }
  2. 入力したらRUN」ボタンを押してコマンドを実行します。
  3. 変化はありませんね?そうです。同じ場所にブロックを20個作っているからです。
  4. X軸にブロックを20個作成するために、+iをX軸に追加しましょう。
    for (let i = 0; i < 20; i++) {
    setBlock(100+i,10,100,Colour,0);
    }
  5. x軸に20個ブロックが作成されました。
  6. 20個のブロックは同じ赤色ですね?カラフルにしてみましょう。
  7. Colour,0の部分に*i(掛け算)を追加します。数字の010に変更します。
    for (let i = 0; i < 20; i++) {

    setBlock(100+i,10,100,Colour,10*i);
    }
  8. 入力したらRUN」ボタンを押してコマンドを実行します。
    キッズくん
    キッズくん
    うわー!レインボー ブラボー♪

  9. どうでしょう?カラフルになりましたか?数字を色々変更して変化を試してみましょう。
まとめ

setBlock(100,10,100,Colour,0);
Colour,0の数字を10,20,30と変更すると色が変わるんだね。いろいろ試してみてね!

第7回 ブロックの切り取り 無料のプログラミングソフトブロックの種類を0かAirでブロックを切り取れます。 第1回のプログラミング講座で、ブロックの種類は勉強しましたね。ブロックの種類の部...





あわせて読みたい