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

ゲーム感覚のプログラミングが無料で初心者が始められる【スタート】

子供でも学べるJavaScriptのプログラミングでWeb Blocksに挑戦!

「web Blocks」はJavaScriptのコードを書いて、立体のブロックを置いたり、重ねたりして建物を作るゲーム感覚のプログラミング練習ソフトです。

JavaScriptはホームページなどでよく使われています。
例えば下の「サンプルコード」という青いボタンをクリックしてみてください。

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

新しいウインドウが指定したサイズで開きます。指定したサイズでウインドウを開くコードをJavaScriptで書いています。JavaScriptはホームページなどでは動的な動作の時使うことが多いです。

今開いたサンプルコードを見ながら、入力やコピー&ペーストするとブロックができたり、動かすこともできます。発想次第でいろんな建物ができますよ。

ではさっそく「Web Blocksを開くと、ブロックでできた仮想空間が広がります。
コードを書いて自由に建造物を立てて自分の国を作ってみよう!

簡単なコードで自由に創作できるので、サンプルコードを参考にプログラミングをゲーム感覚で体験できるよ

キッズくん
キッズくん
遊びながら覚えられるんなんて最高!

キーボードでの操作方法

  • キーボードの「矢印キー」で画面を左右、上下に動かせます。
  • キーボードの「Wキー」で前進移動。「Sキー」で後進移動。
  • キーボードの「Aキー」で左移動。「Dキー」で右移動。
  • キーボードの「スペースキー」でジャンプ。連続で押すと、上空へ上がっていきます。
  • キーボードの「SHIFTキー」でマウスを動かすと画面が動きます。再度押すと解除。
  • キーボードの「Ctrl + Z」でひとつ前にやり直し。
ツールバー

ツールバー

  • Code」:プログラミング機能
  • single」:ブロックを1個作る。
  • Air」:不要なブロックを削除。
  • Grass」:芝の生えたブロック。
  • Water」:海のブロック。
  • Melon」:メロンのような模様のブロック?
  • Walk」:「スペースキー」でジャンプしながら少しづつ上がる。
  • Multi」:連続してブロックを作り上げる。
  • Stone」:石のブロック。
  • Dirt」:乾いた土のブロック。
  • Sand」:砂のブロック。
  • Glass」:ガラスのブロック。
  • Fiy」:「スペースキー」で上空へ飛び上がる。

プログラミング機能

  • ツールバーの「Code」ボタンか「ESCキー」を押すと専用の「トグル・コードエディタ」が表示されます!
  • エディタは、「コンソール画面」と「スクリプト画面」の2つを切り替えることが可能で、通常のプログラミングは「スクリプト画面で行います。
  1. SCRIPT」画面を選択して開きます。
  2. サンプルのコードで試してみましょう。
  3. OPEN」を選択するとウインドウが開きます。
  4. 好きなものを選びます。
  5. コードが追加されました。
  6. RUNボタンを押すと実行されます。

とりあえずPyramidを選択してRUNボタンを押すと実行されます。 ピラミッドが建造されました! さあ!プログラミング機能を使って、自分の国を作ってみよう!

キッズくん
キッズくん
さっそく始めよう! 

START!

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

次回から、スクリプトを研究してみましょう!

Web Blocks Created by: @cjdell

第1回 ブロックを仮想空間に作る 無料のプログラミングソフト子供でもゲーム感覚でプログラミングして建物が作れる! setBlockコマンドを使用すると、1つずつブロックを追加することができます。...





あわせて読みたい