スマートフォンでゲームプログラミング
をテンプレートにして作成
開始行:
**概要 [#o28f5f7a]
近年,スマートフォンやタブレットが普及しています.これら...
**準備するもの [#tb6bc9f2]
-新しめのスマートフォンもしくはタブレット
-メールアドレス(すでにもってればそれで可,なければ[[gmai...
-キーボード(なくても可能だが用意することを強く推奨,どの...
**openprocessing.orgへの登録 [#a1f62b51]
ここではブラウザ上でプログラムの記述,実行が可能なWebサー...
-https://www.openprocessing.org/
記述したプログラムはインターネット上に保存され,ブラウザ...
まずは登録を行うため[Join]をクリック,
#ref(optop.png);
[NAME]には他のユーザに公開されるニックネーム(後から変更...
#ref(regist.png);
登録が済むと,以下のトップページが表示されます.それぞれ...
#ref(top2018.png);
**プログラムを書く [#ve17b58b]
トップページの[Create a Sketch]をクリックし,新しいプログ...
#ref(edit.png);
**デフォルトプログラムの解説 [#a80ea7d8]
#ref(./defaultprogram.png);
**画像や音を扱うには [#pb7f9c39]
プログラムの設定を開き,[Files]-[Upload Files]から使いた...
#ref(upload.png);
**プログラムが動かなくなった場合は [#zb68744f]
openprocessing.orgでは,プログラムを間違った書き方をして...
-関数名,変数名を間違えていないか?(大文字,小文字も区別...
textsize(20);
↓
textSize(20);
-セミコロンがコロンになっていないか,カンマがピリオドにな...
text("score:" + score, 70. 70):
↓
text("score:" + score, 70, 70);
**プログラムが動くが思った通り動かない場合 [#ac347110]
print関数を使って,変数の値を表示したり,print関数を書い...
print関数が実行されると,引数に指定された内容が実行画面に...
#ref(print.png);
以下のプログラムを実行した例です.実行画面にmouseXの値が...
function setup() {
createCanvas(windowWidth, windowHeight);
background(100);
}
function draw() {
ellipse(mouseX, mouseY, 20, 20);
print(mouseX);
}
print関数は処理が重いので,うまくいかない原因が治ったら消...
また,プログラムの行の先頭に//(スラッシュを2個)書くと,...
//print(mouseX);
もしくは/*(スラッシュ+コロン)と*/(コロン+スラッシュ...
/*
ellipse(mouseX, mouseY, 10, 10);
print(mouseX);
*/
このコメント機能を使い,一時的にプログラムを一部分のみに...
**サンプル [#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
シューティングゲーム
-https://www.openprocessing.org/sketch/442364
終了行:
**概要 [#o28f5f7a]
近年,スマートフォンやタブレットが普及しています.これら...
**準備するもの [#tb6bc9f2]
-新しめのスマートフォンもしくはタブレット
-メールアドレス(すでにもってればそれで可,なければ[[gmai...
-キーボード(なくても可能だが用意することを強く推奨,どの...
**openprocessing.orgへの登録 [#a1f62b51]
ここではブラウザ上でプログラムの記述,実行が可能なWebサー...
-https://www.openprocessing.org/
記述したプログラムはインターネット上に保存され,ブラウザ...
まずは登録を行うため[Join]をクリック,
#ref(optop.png);
[NAME]には他のユーザに公開されるニックネーム(後から変更...
#ref(regist.png);
登録が済むと,以下のトップページが表示されます.それぞれ...
#ref(top2018.png);
**プログラムを書く [#ve17b58b]
トップページの[Create a Sketch]をクリックし,新しいプログ...
#ref(edit.png);
**デフォルトプログラムの解説 [#a80ea7d8]
#ref(./defaultprogram.png);
**画像や音を扱うには [#pb7f9c39]
プログラムの設定を開き,[Files]-[Upload Files]から使いた...
#ref(upload.png);
**プログラムが動かなくなった場合は [#zb68744f]
openprocessing.orgでは,プログラムを間違った書き方をして...
-関数名,変数名を間違えていないか?(大文字,小文字も区別...
textsize(20);
↓
textSize(20);
-セミコロンがコロンになっていないか,カンマがピリオドにな...
text("score:" + score, 70. 70):
↓
text("score:" + score, 70, 70);
**プログラムが動くが思った通り動かない場合 [#ac347110]
print関数を使って,変数の値を表示したり,print関数を書い...
print関数が実行されると,引数に指定された内容が実行画面に...
#ref(print.png);
以下のプログラムを実行した例です.実行画面にmouseXの値が...
function setup() {
createCanvas(windowWidth, windowHeight);
background(100);
}
function draw() {
ellipse(mouseX, mouseY, 20, 20);
print(mouseX);
}
print関数は処理が重いので,うまくいかない原因が治ったら消...
また,プログラムの行の先頭に//(スラッシュを2個)書くと,...
//print(mouseX);
もしくは/*(スラッシュ+コロン)と*/(コロン+スラッシュ...
/*
ellipse(mouseX, mouseY, 10, 10);
print(mouseX);
*/
このコメント機能を使い,一時的にプログラムを一部分のみに...
**サンプル [#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
シューティングゲーム
-https://www.openprocessing.org/sketch/442364
ページ名: