#author("2017-07-31T02:15:41+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); **プログラムが動かなくなった場合は [#zb68744f] -関数名,変数名を間違えていないか?(大文字,小文字も区別されるので注意) textsize(20); ↓ textSize(20); -セミコロンがコロンになっていないか,カンマがピリオドになっていないか? text("score:" + score, 70. 70): ↓ text("score:" + score, 70, 70); **デフォルトプログラムの解説 [#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/442091 もぐらたたき(もぐら複数) -https://www.openprocessing.org/sketch/442053