#author("2017-07-30T03:24:56+09:00","default:kyo-in","kyo-in")
**概要 [#o28f5f7a]
近年,スマートフォンやタブレットが普及しています.これらも立派なコンピュータ(計算機)ですので,これらを活用してプログラミングを学んでみましょう.

**準備するもの [#tb6bc9f2]
-新しめのスマートフォンもしくはタブレット
-メールアドレス(すでにもってればそれで可,なければ[[gmail:https://mail.google.com]]や[[outlook:https://www.microsoft.com/ja-jp/outlook-com/]]など無料のもので構わないので取得しましょう)
-キーボード(なくても可能だが用意することを強く推奨,どのようなキーボードを買えばいいかは[[こちら>スマフォやタブレットにキーボード]]を参照)

**openprocessing.orgへの登録 [#a1f62b51]
ここではブラウザ上でプログラムの記述,実行が可能なWebサービス,openprocessing.orgを利用します.

-https://www.openprocessing.org/

記述したプログラムはインターネット上に保存され,ブラウザ上で実行できるため,書いたプログラムを誰かに見せたりすることが,アドレスを教えるだけで可能です.

まずは登録を行うため[Join]をクリック,

#ref(join.png);

[NAME]には他のユーザに公開されるニックネーム(後から変更可能です),[EMAIL]には用意したメールアドレス,[PASSWORD]には推測されにくいパスワードを記入しましょう.その後[私はロボットではありません]の指示に従ってチェックし,[Join]をクリック.

#ref(regist.png);

登録が済むと,以下のトップページが表示されます.それぞれ以下のようになっています.openprocessing.orgはtwitterと同じようにソーシャル機能を備えており,他のユーザをフォローしたり,他のユーザのプログラム(openprocessing.orgではスケッチと呼ばれる)を"いいね"したり,ほかのユーザのプログラムを改良して,それを公開するなどの交流も可能です.

#ref(top.png);

**プログラムを書く [#ve17b58b]
トップページの[Create a Sketch]をクリックし,新しいプログラムを作成すると以下の画面になります.

#ref(edit.png);

**デフォルトプログラムの解説 [#a80ea7d8]
#ref(./defaultprogram.png);

**サンプル [#e41aa89d]
もぐらたたき(モグラが一定時間で適当に位置を変えるだけ)
-https://www.openprocessing.org/sketch/442025

もぐらたたき(たたき判定+スコア表示)
-https://www.openprocessing.org/sketch/442026

もぐらたたき(制限時間を設けてよりゲームらしく)
-https://www.openprocessing.org/sketch/442027

もぐらたたき (爆発エフェクト追加)
-https://www.openprocessing.org/sketch/442028

トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS