- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2017-07-30T03:24:56+09:00","default:kyo-in","kyo-in")
#author("2017-07-30T16:14:09+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
もぐらたたき(もぐら複数+[[いらすとや:http://www.irasutoya.com/]]さんの素材を使用)
-https://www.openprocessing.org/sketch/442053