ゲーム製作初心者の俺がマルチプラットフォームなゲーム作ってみるスレ

Check Tweet

1 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 16:19:05.01 ID:HfR9U3Sco

内容はスレタイ通り

2 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 16:22:25.91 ID:HfR9U3Sco

>>1の情報

男 25歳 社畜

よろしく

3 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 16:25:49.09 ID:HfR9U3Sco

規制で剰りにも暇だからゲーム作ろうと思い立ったが吉日
早速作ろうとGEPへスレ立てしました

一人で出来るとこまでやるが、一人でやってると心が折れそうなんで頑張れと応援よろしく

色々調べて参考書籍ポチッたりしてます
プログラム未経験です

4 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 16:29:14.13 ID:HfR9U3Sco

事前に調べた結果、マルチプラットフォームではJavascriptが相性良さそうなんで使用言語はJavascriptです

ライブラリにenchant.jsを使おうと思います

enchant.jsの参考書籍をポチりました
来週中には届きそうです

5 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 16:34:25.63 ID:HfR9U3Sco

マルチプラットフォームと言う事で敢えてOSはWindowsでは無く、Linuxを選びます
ディストリビューションはUbuntu派生のxubuntuです

xubuntuを「LiveCDの部屋」からダウンロードし、DVDへ焼きます
DVDへはWindows7でフリーソフト「ImageBurn」を使って焼き込みました

ここまでサクサク進行しました

6 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 16:35:58.69 ID:HfR9U3Sco

xubuntuをインストールする前にWindows7のリカバリディスクを作成します
この後、リカバリディスクを作っておいて良かったと安堵することになる

7 ：VIPにかわりましてGEPPERがお送りします(静岡県) ：2012/02/26(日) 16:38:08.62 ID:pR2nifuVo

がんばれ

8 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 16:38:32.29 ID:HfR9U3Sco

WindowsがプリインストールされてるPCではインストールディスクは付属してません
プリインストールなPCを使ってる人は必ずリカバリディスクを作成しておくか、付属していたリカバリディスクを大切に保管しておきましょう
自作ＰＣやってる人にとっては常識ですね

9 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 16:45:24.45 ID:HfR9U3Sco

>>7
あんがと

リカバリディスクを作成したらOD(光学)ドライブへ先ほど焼いたxubuntuの入ったディスクをぶち込んで再起動します

少し経つとxubuntuの読み込み画面が表示されますが、表示され無い人は、再び再起動してBIOS(バイオス)を出し、ブートの順番を変えてODドライブを一番上にしましょう
CDやらDVD、BD、Blu-rayなどと書いてあるのがそれです
中にはブートドライブを選択して起動させるPCもありますが、詳しくは「BIOS DVD ブート」などとググって調べてください

10 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 16:49:29.75 ID:HfR9U3Sco

xubuntuが表示されたら言語に日本語を選択します

そして進んでいくと試用するかインストールするか聞かれるので試用の方を選択します

するとxubuntuの起動画面が表示されますので待ちます

11 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 16:55:03.92 ID:HfR9U3Sco

xubuntuが表示されると見たことも無い画面ですね
そしてODドライブからの起動なんで重いですね、気にしないことです

取りあえず右上の方を見て、ネットワークに関するアイコンを左クリックします
そしてネットワークの設定をしておきましょう
ネットワークはxubuntuをインストールする時、MP3やらのコーデックインストールやアップデートインストールに必要です

12 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 17:00:56.39 ID:HfR9U3Sco

そして今度は左上を見てアイコンをクリックします
これはWindowsで言うスタートメニューみたいなものでアプリケーションメニューと言います

その中から「GParted」と言うソフトを選択します
これはパーティションを編集する為のツールです

GPartedを起動し、パーティション情報が読み込まれるとWindowsやらリカバリーやらと書いてありますが、これはWindowsに関係あるパーティションです
誤って削除するとWindowsが起動出来なくなります

13 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 17:08:00.87 ID:HfR9U3Sco

Windows以外に「D」や「ストレージ」「ボリューム」と書いてあるものがあると思います
これを右クリックしてフォーマット→ext4と選択しましょう

※このフォーマット作業をするとDドライブの中のデータが全部消えます
消したくないデータがあるなら、ファイルマネージャからUSBメモリなどへバックアップしましょう
xubuntuデスクトップに並んでる白いアイコンが各パーティションドライブへのショートカットです

ext4を選択したら上部にあるチェックマークを左クリックして実行します

14 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 17:15:14.03 ID:HfR9U3Sco

長々語っていたけれど面倒になってきたぞ・・・
まぁ取りあえず「xubuntu インストール」とか「Ubuntu インストール」とかで、ググれば分かります

パーティション操作だけは注意が必要です
おいらはこれをミスってWindows関係を削除してWindows軌道不能に陥りました

リカバリディスクはこんな時に使うので必ず作成しましょう

15 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 17:24:50.12 ID:HfR9U3Sco

パーティションには「物理パーティション」と「拡張パーティション」があります

物理パーティションは一つのHDDに４つまでしか作れません

物理パーティション
物理パーティション
物理パーティション
物理パーティション

拡張パーティションも物理パーティションの１つですが、拡張パーティションの中には「論理パーティション」と呼ばれるものをいくつも作れます

物理パーティション
物理パーティション
物理パーティション
拡張パーティション┬論理パーティション
　　　　　　　　　├論理パーティション
　　　　　　　　　└論理パーティション

論理パーティションを活用することで多くのパーティションを扱えるのです

WindowsプリインストールＰＣの場合、物理パーティションが既に３つ作られている場合があります
この３つのどれを削除してもWindowsは起動不能になるんです

16 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 17:29:25.77 ID:HfR9U3Sco

そこへ４つめにxubuntuをインストールするとストレージドライブを作れなくなります
なので拡張パーティションを作成し、論理パーティションを２つ置いて、片方はxubuntuインストール、もう片方はストレージドライブ用にしましょう

物理パーティション（Windows用１）
物理パーティション（Windows用２）
物理パーティション（Windows用３）
拡張パーティション┬論理パーティション（xubuntu用）
　　　　　　　　　　└論理パーティション（ストレージドライブ用）

ちなみにxubuntu用は40ＧＢもあれば十分です

おいらはこれが理解できずにストレージドライブ用を作成しようとしてWindows用の一部を削除し、Windows起動不能に陥りました
誤って削除した場合はリカバリディスクでWindowsをリカバリして下さい

17 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 18:29:24.75 ID:FAaZGNGEo

おまいらのググるパワーを信じ、Xubuntuのインストールが済んだとして話を進めます

取りあえずXubuntuでやることはセキュリティです
実はWindowsと違ってユーザー数の少ないLinuxではそれほどウィルスは出回っていません
しかし一応ということもあるんでアンチウィルスソフトを入れます

その前にxubuntuの様々な設定をする為のrootと言う機能を使う為にrootパスワードを設定しなければなりません
rootパスワードとインストール時に作成したログインパスワードは違いますので注意が必要です
インストールして直ぐの状態ではrootパスワードが設定されていないので設定する必要があるのです

マウスポインタを画面下部に移動するとランチャが表示されます
その中の真っ黒いアイコン、ターミナルエミュレータを左クリックしてください

ハッカーっぽい画面が出ます

その画面で下記のコマンドを実行してください

sudo su -

そうするとパスワードを求められるので、ここではログインパスワードを入力してください
※linuxのターミナルではパスワード入力時に画面へ何も表示されません　ご入力に注意
※入力が上手くいかないときはNumlk(NamLock)キーを押してください

root@foo:~#と表示されますので今度は下記のコマンドを実行します
（fooとはプログラム業界でなんちゃらと言う名称が決まってないときに使う文字列。日本ではhogehogeと表記されることが多い
今回の場合、fooにはユーザーネームが表示される　例：ユーザーネームtarouの場合はroot@tarou:~#）

passwd

ここで入力するのはrootパスワードに設定したい文字列です
再確認の為にもう一度入力します

18 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 18:54:30.94 ID:FAaZGNGEo

最後に下記のコマンドを実行してください

exit

root状態からログオフしてhogehoge@foo:~$と表示されます

rootパスワードを設定したら、いよいよセキュリティソフトをインストールします

ターミナルエミュレータを起動して下記のコマンドを実行します

sudo apt-get install clamtk

sudoとは管理者権限でsudo以降のコマンドを実行すると言う意味です
管理者権限とはrootの事です
似たようなコマンドにsuと言うコマンドがありますが、suは管理者としてログインすると言うコマンドです
sudoの場合、コマンド実行が終了したら管理者から自動ログオフしますが、suはexitを実行しない限り管理者としてログオフされません
管理者としてログインした状態で席を離れたり、su状態でウィルスに晒されると大変危険なので可能な限りsudoを使いましょう

apt-getとはソフトウェアのインストールやアンインストール、アップデート等を行うコマンドです

installはapt-getのオプションコマンドで、install以降のパッケージをインストールするコマンドです

つまり管理者として以降のコマンドを実行（sudo） ソフトウェアを（apt-get） インストールする（install） ClamTKを（clamtk） と言う意味になります

アプリケーションメニューからアクセサリ→ウィルススキャナ（これがClamTKです）を選択します
ClamTKを起動できたら上部の拡張メニュー→スケジュールと進み選択します
ここでは自動スキャンの実行と、シグネクチャ（ウィルスパターンファイル）の自動更新を設定できます
シグネクチャ更新は自動スキャンの少し前に設定しておくと良いでしょう

19 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 19:02:03.93 ID:FAaZGNGEo

Linuxの凄いところはターミナルエミュレータでソフトウェアをインストールすると必要なものを全て自動でダウンロードしてくれるところです
実はClamTKはそもそもターミナルエミュレータだけで操作するCUIソフトウェアです
それを「ClamAV」と言います

今回指定したClamTKはClamAVをGUI操作（マウスとかで操作）出来る様にするフロントエンドなんです
LinuxはClamTKと言うフロントエンドの大本となるClamAVが必要と自動判断してダウンロードしインストールしてくれました
この辺りはWindowsよりも便利ですね

20 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 20:30:48.08 ID:FAaZGNGEo

この辺りで実際のおいらの作業と追いつきました

Xubuntuの日本語入力は「ibus-Anthy」です
ibusがインプットメソッド、Anthyが変換エンジンですが、このAnthyが結構アホです

なのでLinux版Google日本語入力である「Mozc（もずく）」をインストールします

sudo add-apt-repository ppa:ikoinoba/ppa && sudo apt-get update && sudo apt-get install -y mozc-server+dict ibus-mozc

新しいコマンドが出てきました

add-apt-repositoryとは、リポジトリという試用版ソフトウェアを利用するのに必要なデータを受信するコマンドです

&&とは続けてコマンドを入力する為のコマンドです

updateはapt-getのオプションコマンドでソフトウェアをアップデートするためのコマンドです
実はLinuxはアップデートのコマンドを実行することでインストールされているソフトウェア全てを自動的にアップデート出来ます
これもWindowsよりも優れた面の一つです
OSがソフトウェアのアップデートまで管理してくれます

もしmozc-dictが見つからないと言われた場合はsudo apt-get install ibus-mazcとコマンドを実行してください

21 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 20:43:24.88 ID:FAaZGNGEo

そして右上にある[ｉ]というアイコンを左クリックします

その中の設定を選択します
インプットメソッドタブを選択し、インプットメソッドタブのすぐ下にあるインプットメソッドの選択を左クリックします
その中から日本語にカーソルを合わせ、Mozcを選択したら、追加をします
変換エンジンの一覧のAnthyの下にMozcが追加されたなら、Mozcへカーソルを合わせ、↑ボタンを押しAnthyより上にします

Mozcが表示されない場合は[i]アイコンを左クリックし再起動して、いてください

Mozcを一番上にしたならばアプリケーションメニューからログアウトを選択しXubuntuを再起動して下さい

再起動したならばアプリケーションメニュー→アクセサリ→Leafpadを起動します（Leafpadはメモ帳みたいなものです）
Leafpadでバージョンと入力し、変換候補に「Mozc+dict〜」と表示されれば成功です

22 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 20:52:26.25 ID:FAaZGNGEo

続いて今回の開発言語はJavascriptなのでブラウザをダウンロードしてみます
デフォルトでFirefoxが入ってますが、もうひとつの人気ブラウザであるChromeをインストールしてみましょう

Linux版のChromeは「Chromium」です
いつものようにターミナルエミュレータからコマンドを入力してみましょう

sudo apt-get install chromium-browser

これで勝手にインストールされます

23 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 21:05:27.24 ID:FAaZGNGEo

開発言語はJavascriptなので特に何かしらインストールするコンパイラとかはありませんが、テキストエディタくらいは良いものを入れたいです
自分もWindowsで入れてましたが今回は「gvim」を入れてみます

sudo apt-get install vim-gnome

gvimはかなり操作方法を覚えるのが面倒なテキストエディタです
ただ使いこなせば手放せなくなります

24 ：VIPにかわりましてGEPPERがお送りします [sage]：2012/02/26(日) 21:25:36.32 ID:wn0crQC+o

enchant.jsでマルチプラットフォームなゲームを作るスレかと思ったらubuntu入門講座スレだったでござる
勉強になった
>>1がんがれ

25 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 21:31:22.85 ID:FAaZGNGEo

何故、今回Xubuntuを選んだかといえばWindows7より軽いからだね
元になったUbuntuの方が情報は多く扱いやすけどWindows7とそこまで変わらない重さだからさ
どうせ別のOS入れるなら軽いのを入れてみようと思った

さてゲーム作るのに活用したいソフトウェアはまだまだある
その一つがアウトラインプロセッサだ
ツリー形式で段落を入れ替えたりできる便利なやつ

今回はターミナルを使わずにアプリケーションメニュー→Ubuntuソフトウェアセンターと選択する
Ubuntuソフトウェアセンターが起動したら検索欄へ「アウトラインプロセッサ」と入力する
すると「gjots2 jotter」がヒットするのでインストールをクリック
パスワードを入力してインストールします

Ubuntu系にはソフトウェアセンターが整備されていてターミナルを使わなくても実はソフトウェアのインストールが出来たりする

これで粗方のOS関係の整備は終了です

26 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 21:33:50.28 ID:FAaZGNGEo

>>24
ごめんなさいｗｗｗｗｗｗｗｗｗｗ

いや１からおいらの進行を全部書こうと思ってさ
enchant.jsは参考書籍がまだ手元にない状態でどうしようもないのが実情

今週の週刊アスキーに講座が載ってたからそれで一先ず勉強しようと思います

27 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 22:07:38.62 ID:FAaZGNGEo

取り敢えず週アス3/6号を確認
104頁の講座をやってみる

ttp://jsdo.it/

このサイトでJavascriptを公開できたりするらしい
ここでゲームを公開しようかね

28 ：VIPにかわりましてGEPPERがお送りします ：2012/02/26(日) 23:03:45.12 ID:FAaZGNGEo

今日は週アスで勉強してそのまま落ちます
明日からはまた仕事だ・・・orz

29 ：VIPにかわりましてGEPPERがお送りします [sage]：2012/02/26(日) 23:58:49.41 ID:wn0crQC+o

あー、オレも週アス見て「ゼロから始める(ry」買ったクチだはw

30 ：VIPにかわりましてGEPPERがお送りします ：2012/02/27(月) 01:00:23.15 ID:sKxvbngno

>>29
実は起きてたりwww

先週から調べ始めたら今週の週アスが非常にタイムリーでした
当初、あらゆる環境にランタイムを提供しているJAVAか、互換エンジンの多いNScripterで開発しようかと考えましたが、
調べている内にenchant.jsを知りJavascriptにしようと決めました

ゼロから始めるenchant.jsもポチりましたが、iOSなどの挙動も知りたかったのでiOSに関するHTML5の参考書籍を既に購入済みです
AndroidのHTML5に関する書籍も購入済みです

HTMLやCSSは学生時代に多少遊んでたのでズブの素人って訳ではありません
マークアップ言語の経験は多少あるが、プログラミング言語の経験はゼロってのがおいらです

プログラムを学ぶならCやJAVAから始めるのが筋でしょうが、まぁ所詮暇つぶしの遊びなのでwww

31 ：VIPにかわりましてGEPPERがお送りします ：2012/02/27(月) 10:45:03.04 ID:OAl0DcSso

enchant.jsの挙動を手持ちのAndroidで複数ブラウザを使い試してみました
テストに使ったゲームはライブラリ付属の横スクロール熊のサンプルです

最も処理が軽快なのが標準ブラウザ
十字パットの反応が一番良かった

次いでFirefox
唯一サウンド（WAVEファイル）を鳴らすことが出来た

そして一番処理重なのが意外にもOpera
独自エンジンの為なのか十字パットの反応も悪い

標準ブラウザはWebKitベースなのでエンジェルブラウザやiOSブラウザでも同様の挙動なんじゃないかと推測しています

32 ：VIPにかわりましてGEPPERがお送りします ：2012/02/27(月) 19:15:32.14 ID:EVdIIQUJo

HTML5,CSS3の対応状況はAndroidだとどうやらFirefoxが最も積極的のようだ

今日は夜勤当直です
深夜にまた来ます

33 ：VIPにかわりましてGEPPERがお送りします ：2012/02/28(火) 01:01:21.89 ID:q+rtChvfo

今晩は

AndroidのOperaがアップデートしまして、横スクロール熊でテストしてみました
処理重なのは相変わらず、むしろ心なしか更に重くなった気がしますが、
サウンド（WAVE）に対応しました

WebGLによる3Dオブジェクト描画をサポートさせるgl.enchant.jsプラグインの
テストをAndroidの各ブラウザでテストしました
テストに利用したサンプルは以下です
ttp://tmlife-storage.googlecode.com/svn/trunk/gl-enchant-js/tips/guide/step04.html


標準ブラウザ（WebKit）では動作しませんでした
Firefoxでは処理重ですが何とか動作するようです
そして何故か意外にもOperaが最も軽快に動くと言う結果になりました

2Dでは苦戦しているOperaが3Dでは高スコアを出すと言うイミフな動作
もしかしたらコーディングによってスコアが全く変わってしまうのかも知れません
もう少し詳しく調べてみます

34 ：VIPにかわりましてGEPPERがお送りします [sage]：2012/02/28(火) 01:30:41.38 ID:OOyqobhUo

iPofTouchのSafariでアクセスしたらWebGL初期化出来ねーよって怒られて動作しなかった報告

35 ：VIPにかわりましてGEPPERがお送りします ：2012/02/28(火) 01:51:25.91 ID:6yr83+ruo

>>34
あざーすっ
やはりWebKitはWebGL未対応みたいですね

Operaの動作を別コーディングでテストしてみます
今回はCOLLADA形式をy読み込むコーディングです
ttp://tsuyobi.heteml.jp/html/javascript/enchantjs/webgl/hatyune/

WebKitである標準ブラウザはやっぱり動きません
Firefoxは処理重ながら動作可能
そして何故かOperaはサクサクですｗｗ

じゃあ今度は各ブラウザのJavascriptベンチを取ってみます
利用したサンプルは以下です
http://www.4gamer.net/specials/enchant/bench/
※３Dっぽいけど２Dみたいです

結果は２Dだったので標準ブラウザが最も高いスコアをはじき出すという結果でした
時点でFirefox、そしてOperaの順でスコアが高いです
２Dゲームを作るのならばWebKitに最適化するのが良いかもしれませんね

36 ：VIPにかわりましてGEPPERがお送りします ：2012/02/28(火) 01:59:48.69 ID:6yr83+ruo

ベンチマークしまくったらAndroidが熱で落ちましたｗｗｗｗｗｗ
この辺りも考えなきゃいけないですね
避けゲーの様な多数のオブジェクトを表示するゲームを作ってる製作者さんは熱との戦いでもあるわけですね

37 ：VIPにかわりましてGEPPERがお送りします ：2012/02/28(火) 02:12:56.77 ID:6yr83+ruo

幸いなことにiOSにもOperaがありますから、２DはWebKit、３DはOperaとユーザーさんに選択して貰う必要がありそうです

まぁこの辺りはまだ自分みたいな低レベルなゲーム製作者が考えても仕方ない範疇ですが
そこまでスペック要求するゲームは作らない（作れない）ですしね

38 ：VIPにかわりましてGEPPERがお送りします ：2012/02/28(火) 02:20:52.31 ID:6yr83+ruo

取り敢えず何から始めようか？と考えました

んで今週の週刊アスキーに掲載されてる熊サンプルを改造していくことから始めようかな？なんて考えてます
最終的な目標はVOCALOIDを題材にした何らかのゲームが出来たら良いななんて思ってます
MMDモデルも多彩なのでWebGLとか使えるようになったらカッコイイだろうなぁ何て妄想も・・・ｗｗ

39 ：VIPにかわりましてGEPPERがお送りします ：2012/02/28(火) 02:45:05.72 ID:6yr83+ruo

しかし手元に参考書籍が無いとアレですね、何も出来ないｗｗ
プログラムのプの字も分からない自分ですから、頭の中にあるゲームの想定する挙動を考え調べていますが、
専門用語が分からないですorz

今ぶつかってる難題が、ゲームサイズが大きくなると初期のロードに時間がかかってしまいますが、
enchant.jsの初期状態だとゲーム全体を読み込んでしまいロードに時間がかかる
そこでデータを小分けし、要所要所で必要なデータを読み込むにはどうしたら良いのだろう？と言うものです

そして可能ならばゲームプレイ中にバックグラウンドで小分けデータを読み込ませ、ユーザーにストレスを与えない
そんな方法はないものかと考え調べています

画像のプレロードまでは行き着きましたが、小分けして読み込ませたいのは画像だけでは無いので云々悩んでます

そしてどうやらJavascriptのマルチスレッドは試用段階であり、環境により対応もまちまちみたいだとも調べて知りました
つまりこれはバックグラウンドでの読み込みは事実上現状では困難だとオイラは勝手に判断した次第です