Tweet

マウスだけでもプログラミングできる！（終）
- GUIベースの環境でプログラミングを始めよう -

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

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

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

Scratch | Home | imagine, program, share via kwout

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

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

連載インデックス「絵心がなくても簡単に絵が描けるProcessing」 - ＠IT via kwout

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

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

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

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

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

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

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

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

連載インデックス「次世代のインプットを考えよう　──マウスとキーボードを超えたフィジカルコンピューティング」 - ＠IT via kwout

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

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

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

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

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

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

• ITちゃん画像ダウンロード

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

• ITちゃんと枕投げゲームの素材（ウマウマ右）
• ITちゃんと枕投げゲームの素材（ウマウマ左）
• ITちゃんと枕投げゲームの素材（ウマウマ中央）
• ITちゃんと枕投げゲームの素材（枕）
• ITちゃんと枕投げゲームの素材（かたつむり）
• ITちゃんと枕投げゲームの素材（背景）

■ ＠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ちゃん画像ダウンロード

「デザインハック」コーナーへ

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

RSSフィード