連載インデックスへ
マウスだけでもプログラミングできる!マウスだけでもプログラミングできる!(終)
- GUIベースの環境でプログラミングを始めよう -

ITちゃんのゲームをScratchで作り
Web上で共有しよう

鳥人間 郷田まり子
2009/11/5

ScratchをJavaアプレットにしてWebで共有

 Scratchには、作成した作品を公開し、共有できるコミュニティサイトが用意されています。

 Scratchで作成した作品は、Javaアプレットとして公開されます。Javaプラグインの入った一般的なWebブラウザ上で誰でも表示・実行でき、作品単体をインストールする作業も必要ありません。

 ちなみに、同じようにJavaアプレットとして公開できるものとして「Processing」もあります。Processingについては、下記記事をご参照ください。

 アップロードして公開するのは、簡単です。画面上部のメニューから[共有]→[ネットワーク上でこのプロジェクトを共有...]を選択すると、プロジェクトの詳細を入力する画面が現れます。アカウントを持っていない場合は、[アカウントを作る]の文字をクリックしてWebサイトで新規アカウントを作成する必要があります。

 公開したプロジェクトは、誰でも中身を開き、さらにそこから派生物を作成して公開できます。ソースコードを公開し、多くの人がそれを利用したり派生物を作ったりする活動は、一種のオープンソース活動ともいえるでしょう。

Scratchで始める「フィジカルコンピューティング」

 今回の連載では詳しく触れませんが、Scratchのもう1つの特徴として、「フィジカルコンピューティング」への対応があります。フィジカルコンピューティングとは、「コンピュータ内の情報にとどまらず、コンピュータに接続された電子回路をプログラムで操作する」というものです。これを使うと、これまでのマウスやキーボードの入力だけでなく、実世界の光・加速度・音などの刺激も受け付けることができ、「朝、明るくなったらベルを鳴らす」といったことも簡単に実現できます。

 Scratchでは、専用の「ピコボード」と呼ばれる小さな基板が開発されています。

 この「ピコボード」には、明るさや音、傾きや物体との距離を計測するセンサーが搭載されており、これをコンピュータにUSBで接続し、計測された値をScratchで取り扱うことができます。

 例えば、以下はセンサー類の値を取得するブロックです。

 フィジカルコンピューティングについては、以下の記事もご参照ください。

非プログラマでもプログラミングが必要なときに備えて

 Scratchでのプログラミング体験はいかがでしたか。一度プログラミングに触れると、思いどおりにコンピュータを動かす魅力に取りつかれるでしょう。

 世の中にはさまざまなプログラム言語がありますが、コンピュータに仕事をさせるための基礎的な考え方は、Scratchとまったく同じです。PhotoshopのスクリプトやFlashActionScriptといったほかのツールや言語にも、今回の経験が生きてくるはずです。

 ゲームにさらに機能を追加したり、ほかのプログラム言語に挑戦してみたり、この連載があなたのプログラミングライフのきっかけになれば幸いです。

【おまけ】ITちゃん画像ダウンロード

 今回使った画像を、以下よりまとめてzipでダウンロードできます。

 また、以下のニコニ・コモンズのリンクからもダウンロードできます。

■ @IT関連記事

Flashの基礎を無料で習得! ActionScript入門
ActionScriptを知っていますか? Flash技術の要となる言語で無料で簡単にFlashアプリケーションを作れます。そのActionScriptについて初心者のために一から丁寧に解説していきます
初めてのJavaScriptプログラミング
初めてのプログラミングにはJavaScriptがお勧め。Webブラウザとメモ帳があれば、本格的なプログラミングに挑戦できます
Coding Edge」フォーラム
デザイナーのためのWeb学習帳
Webを構成する技術を超初心者向けに説明します。まずは基本の基本である「HTML」から攻略していこう!
デザインハック」コーナー

郷田まり子/ごうだまりぽ 株式会社鳥人間

1980年東京生まれ、プログラマ。建築製図から人工衛星観測まで、ユーザーに驚きをもたらす数々のWebサービスを実装してきた。現在、創業二年社員二名の株式会社鳥人間にて、主にWeb開発案件を手掛ける。本業の傍ら、目新しくて面白そうな物にはとりあえず飛びついてハックしている

1-2-3-4  

 INDEX
マウスだけでもプログラミングできる!(終)
ITちゃんのゲームをScratchで作りWeb上で共有しよう
  Page1
「ITちゃん」の「枕投げゲーム」を動かしてみよう
オリジナル画像を取り込んでみよう
  Page2
アニメーションを付けてみよう
キーボード操作で“アニメ”を“ゲーム”にする
  Page3
背景と音を付けて、さらにゲームっぽくする
枕が“当たる”と「ぽよん」と音が鳴る
Page4
ScratchをJavaアプレットにしてWebで共有
Scratchで始める「フィジカルコンピューティング」
非プログラマでもプログラミングが必要なときに備えて
【おまけ】ITちゃん画像ダウンロード

[an error occurred while processing this directive]
「デザインハック」コーナーへ



HTML5 + UX フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

デザインハック 記事ランキング

本日 月間