ゲーム作るさ-GameMaker

PC復活！

どーも！つっきーです。

実は１２月後半くらいでPCがノックアウトしまして・・・。
やっと近頃復帰できたというわけですはい。

３ヶ月で感覚やらなにやら忘れてしまって大変です...。
こうなったらまた０からスタートするつもりでがんばっていきたいと思います！

まずはGMSの復習からですね！

以上つっきーでした！

近頃の話

どうもつっきーです。

前回更新してからすでに半年以上(震))
こりゃぁイカンと思い書いてる次第です。

あれからの進歩と言えばドット絵も技術も少しながら上がってきたと思います。
しかしゲームを完成させていない…。
いろいろ試したり作ってみてはいるのですがモチベの関係もあって完成までいたらずじまい。
そろそろ技術もついてきたし１つくらいゲームを作り始めようかなと。
私は結構くだらないゲームも好きなのでそういったのも量産していきたいと思います。

まずはこの記事を始めにモチベのアップから！

うおお頑張るぞー( ´ ▽ ` )

GameMaker Studio　HTML5買ったよ！

ども、つっきーです！

タイトル通りHTML5向けにエクスポートできる機能を買いました！
さぁHTML5が何ができる？それはブラウザ上でゲームが遊べるようになる！

つまりいちいちDLしなくてもいいためかなり気楽に遊べられるようになりますね（。´Θ｀。）

実はブログ記事を書く結構前に買ってしばらくわちゃわちゃといじっていたわけですが…。

やっぱり言語が違うためwindows7用のとかとはやはり違うところがありますね…。
それとHTML5はまだ最近で出回り始めた言語なのでブラウザ自体が完全に対応していないものが多いみたいです。
その中でもかなり対応しているのがグーグルクロームらしいです。（音声など）
といっても他のブラウザでも最低限は対応しているみたいです。

保存データについて

僕がはじめに気になったのは値の保存。
HTML5ではどのように値が保存されるのか？っていうこと。

どうやらHTML5では新しく追加されたWeb Storageという機能を使用して保存しているとか。

web Storageはcookie（クッキー）とは違って保存できる容量が増えたみたいです。
cookie（クッキー）が約4kバイトに対して、
Web StorageのlocalStorageというところにはドメインごとに約5Mバイト保存できるらしいです。

それとcookie（クッキー）は履歴の削除で一緒に消えてしまう可能性があるのに対して、
Web StorageのlocalStorageはそういう心配はあまりないみたいです。
しかし、やはりブラウザの違いで差はあるみたいです。

firefoxやIEなどはクッキーと同じ感じになっているらしくクッキーを消したらそのデータも消えてしまう？らしいです（確かそうだった希ガス）

しかしグーグルクロームはしっかりと分かれています。
ブラウザ上ではなくPCの指定ファイルの中にまとまっているみたいです。

まとめるとHTML5はグーグルクロームが一番対応してますね。
しかし、そうは言ってもちょっと気を付ければ他のブラウザでも普通に遊べます。

もしクロームじゃなきゃダメな場合は　※　ブラウザはグーグルクローム推奨です。
とか書いておくといいかもです。

と大切なことが分かったので、ちらほらHTML5で何か作って見ようかなぁ。

以上、つっきーでした（。´Θ｀。）

ゲーム作成日記　とりさんのゲーム　その０

ども。つっきーです（。´Θ｀。）

オリジナルゲームを作ろうとわちゃわちゃし始めて早２週間目でございます。
といいましても中身やら何やら全然思い浮かばない私でございます。

そんな中気分転換にドット絵でも書こうかな～って思ってたらこんなんが書けた。

なんだコイツ。
なんか鳥っぽい人間？？

しかしわたくし、この子何気気に入ってしまいました。
僕の月筒木っていう名前もきつつきから来てるので、鳥仲間？としてはぜひこの子を生かしたい。
なんて思い立って適当に作ってたら何気にこんなんができた。

銃をぺんぺん撃つことができます。
AWSD操作でスペースジャンプ。武器の操作がマウスってな感じですかね。

作ってたら何気気に入ったのでこれをベースに何か作って行こうかと思います！

といっても中身はなんも考えておらず…。見た目的に鳥のギャング的な？ｗ

と、いうことでやっとオリジナルゲーム作成日記が書けた…。
さて、どうなるやら…ｗ

以上、つっきーでした～（。´Θ｀。）

公式メモ　弧の長さ

毎度つっきーです。

最近嫌いな数学もゲーム作りのためにお勉強してたらなんだか楽しくなってきました（。´Θ｀。）

そして最近数学の本やらネットで検索やらでいろいろ調べていたらこんな公式を見つけたのでメモっときます。

弧の長さ（弧度法）

弧の長さ

rθ

r = 半径
θ = 中心角(ラジアン)

らしいです。
なんでこのようになるかというのは僕にはよう分からんとです。
（本見ただけ）
知りたい人はネットで調べるなりするといいかもです（なげやり

詳しくは分からないけど要点だけ押さえとけば使えるのでありがたく使っちゃいましょう！

じゃぁこれをＧＭのコードに直すとどうなるのか、
こうなります

l = degtorad( d ) * r

r = 半径
d = 角度
l = 弧の長さ

degtoradは度をラジアン値に変えるやつです。

これを使えば例えば0°から270°までの弧の長さ知りたいなーとか言うときに使えます。
2πrだと1周の長さです。
しかしこちらの方だと指定の中心角での弧の長さが分かるので使い勝手よさそう。

できることが増えそう！（ﾆﾔﾘ

以上、つっきーでした～

製作メモ　円運動

どもも。つっきーです。
今回は円運動についてです。

円運動と言えば三角関数ですが僕は三角関数とかそれ以前に数学が苦手です。
しかし、ＧＭはそんな人でもある程度簡単に製作できるようになってます。

じゃぁ三角関数使わないでどうやって円運動させるのか。

んで今回役に立つのがこれ。

lengthdir_x(len,dir)
lengthdir_y(len,dir)

使い方は　製作メモ　座標と角度と距離にて解説してます。

なんとこんな便利なものがあるとは…（最近知った）

んでこれの角度の部分を増やしていくコードを書けば完成です。

公式の解説

公式に直すとこうなります。

x = ox + lengthdir_x( len,dir )
y = oy + lengthdir_y( len,dir )

dirが角度lenが半径(ox,oy)が中心点になります。

解説

lengthdir_x( len,dir )
lengthdir_y( len,dir )
lenが距離、dirが角度
これでx軸とy軸がどこになるのかを調べます。

↓

それで回したい場所の中心座標(ox,oy)にそれぞれ足します。
ox + lengthdir_x( len,dir )
oy + lengthdir_y( len,dir )

それをx,yに入れてるだけですね。

x = ox + lengthdir_x( len,dir )
y = oy + lengthdir_y( len,dir )

しかしこれだけだと、lenとdirに値を入れても回ってはくれません。

回す場合はdirに好きな値を足していけばいいわけです。

例　ステップイベントにいれます。
x = ox + lengthdir_x( len,dir )
y = oy + lengthdir_y( len,dir )

dir += spd

spdは周る速度

dir +=　周る速度
で角度を加算していけば周ります。
lenを加算していくと半径が増えます。

dirだけ加算すると周っていって
lenだけ加算すると指定した角度に進んで行きます
両方加算していくとだんだん広がっていく円ができますね。

ということは円運動意外にも使い道はたくさんあるということが分かります。

使い方

Createイベントに

ox = 中心点のX座標
oy = 中心点のY座標
dir = 初期角度
len = 半径
spd = 回る速度

Stepイベントに

x = ox + lengthdir_x( len,dir )
y = oy + lengthdir_y( len,dir )
dir += spd

と記述すれば円運動させることができます。

補足。

周る速度について
例えば半径の違う円がそれぞれあったとして1周の速度を同じにしたい場合。

これはこの間書いた記事のこれを使えばできます。
※　詳細　公式メモ　時間・距離・速度

s = r/ t
s = 速度
r = 距離
t = 時間

そしてrの部分に円周（距離）を入れてあげます。

円周を求める公式は
円周　=　2　×　π　×　半径

なのでこうなります
c = 2 * pi * r

※　pi　というのはＧＭの定数です。（ 3.1415...）

それを円運動させるときの初期値と合体させてあげればできます。

ox = 中心点のX座標
oy = 中心点のY座標
dir = 初期角度
len = 半径
t = 一周にかかる時間

//　円周
c = 2 * pi * len

//　速度
spd = c / t

と、こんな感じになります。
そんでもって後はstepイベントに円運動の公式を入れてあげれば完成です。

これを使えばマリオの回るファイヤーバーとか作れそうですねｗ

と、以上円運動の解説でした。

製作メモ　座標と角度と距離

今回は座標と角度と距離についてのメモですはい。

GameMakerにはこんな便利な変数や関数ががあるんじゃよというメモ。

座標系

当たり前なことやちょい便利なものまで...

x
x座標
y
y座標
※　原点はroomの左上　＆　ＧＭの仕様でｙ座標の向きが逆（上のほうが値が小さい）

xstart
インスタンス生成時のx座標
ystart
インスタンス生成時のy座標

xprevious
1step前のx座標
yprevious
1step前のy座標

lengthdir_x(len,dir)
lenに距離、dirに角度を指定したときのx軸距離
lengthdir_y(len,dir)
lenに距離、dirに角度を指定したときのy軸距離

図に表すとこんな感じ（わかりにくくてさーせん）

ちなみにこいつを公式に直してみるとこうなる
wx = x + cos(degtorad(dir))*len
wy = y - sin(degtorad(dir))*len

(wx,wy)に知りたいx,y座標が代入されます
dirが角度でlenが距離
yはなんで引いてるかと聞かれればGMの仕様上y軸の向きが逆だからです。

距離系

wx = x - x2
wy = y - y2
(x,y)から(x2,y2)までの距離を返す
これはxとyをわけて測っているので分けて使いたい時などによく使う
ちなみにこれは向きが分かる、wx値がプラスだと右方向に-だと左方向に進んでいることが分かる
yもおんなじ感じ

point_distance(x1,y1,x2,y2)
座標(x1,y1)から(x2,y2)までの距離を返す

これは単純に距離を測りたい時に使う。
これだと向きは分からないです。マイナスの値にはならないです。

角度系

direction
インスタンスが進んでる方向を示します。(0から360)

角度を指定するだけでなく進んでる方向調べたい時も便利です。
dir = direction
image_angle = dir

例えばこんな時とか
ちなみに座標を動かしてる場合でもちゃんとdrectionを調べてくれてるみたいです。

point_direction(x1,y1,x2,y2)
座標(x1,y1)から座標(x2,y2)までの角度を度で返してくれます。

これもよく使います。例えば時期狙いの弾を撃ちたい時などによく使いますね。

degtorad(x)
度をラジアン値で返してくれます

radtodeg(x)
ラジアン値を度で返してくれます。

とまぁ、僕が知ってる感じのやつはこれくらいでしょうか。
忘れないようにメモとして書き殴っておきました。

公式メモ　時間・距離・速度

ども、つっきーです。

今回はもはや算数や数学の苦手な私のメモです。
どうも私は数学やらの覚えが悪いのでついでにここにのっけといて確認できるように書いておこう的なノリです。はい。

時間を求めるときの公式
t = r / s
時間＝距離 ÷ 速度

距離を求めるときの公式
r = s * t
距離＝速度 × 時間

s = r / t
速度＝距離 ÷ 時間

みんなもご存じ小学校にならったこれです。
これ意外と便利です。特に僕は指定の位置に指定の時間で止めたいときとかによく使います。

例えばこれ

room_speedが50だとします。（50stepで1秒）

Createイベント
///　初期値
t = (時間)
rx = (指定X座標) - xstart
ry = (指定Y座標) - ystart
c = 0

///　速度計算
sx = rx / t
sy = ry / t

Stepイベント

/// 移動処理
if(t != c)
{
c += 1
x += sx
y += sy
}

こんな感じに入れてみます。
こうすると指定時間後に指定(X,Y)座標まで移動させることができます。

地味によく使います。
その他にも円運動させるときに半径が違う円で1周する速度を同じにさせたい時などにもこの公式使ったりします。

と言う感じのメモでした。

ゲーム作成ツールの紹介

どうもつっきーです。

今回はゲーム作成ツールの紹介をします。
実際ゲーム作るのってどうすりゃいいの？
って人への紹介です。

僕が愛用しているのはこちら。

GameMaker

GameMaker Studio

この２つ。
どちらもYoYoGamesが出しているツールですね。
この２つ。何が違うの？

GameMaker
基本英語
日本語で解説しているサイトが豊富
ゲーム内で日本語が使えない（ゲーム作成時のコメントなどには日本語が使える※最新版）
無料版でも充分にゲーム作成が可能（ほとんどの機能が使える）
無料版だと広告が邪魔（結構邪魔）
将来性が薄い（YoYogamesが新しくStudioを出したため。しかし愛用している人は数多いです）
3Dゲームも作れるが作り辛い

GameMaker Studio
基本英語
日本語で解説しているサイトが少ない
ゲーム内で日本語が使える（ゲーム作成時も）
無料版だと制限が厳しい（ほとんどの機能が使える）
将来性がある（YoYogamesが新しくこちらを押しているみたい）
3Dゲームも作れる、GameMakerよりは作りやすくなったみたい

プログラム言語
プログラム言語は独自の言語を使っているようです。
ＧＭＬといいます。（GameMakerLanguageの略）

しかし、Ｃ言語に似ているため、Ｃ言語をやっている人などはさらに入りやすいと思います。

どちらを使うかは基本使い方次第とどんなものを作りたいかによると思います。
どちらが優れているかと聞かれればGameMakerStudioの方が段違いで使いやすいし機能も多いです。

どっち使えばいいの？
全然ゲーム製作をしたことがないし英語もまるで分らん、無料でゲーム作りたいって人は
GameMakerを押します。

GameMakerを使ったことがあるって人。プログラム系を触ったことがある。英語できるぜって人は断然GameMaker Studioを押します。

ますは無料版を触ってみるのがいいかもです。
僕の場合はまずGameMakerの方で基本やら何やらを学んでからGameMaker Studioにうつった感じです。

GameMakerを使うならこちら
http://www.yoyogames.com/legacy

GameMaker Studioを使うならこちら

YoYoGames公式サイトから買う場合
http://www.yoyogames.com/studio

Steamから買う場合
http://store.steampowered.com/app/214850/

Gamemaker StudioはSteamの方からでも買えます。
セールもちょくちょくやっているのでタイミングを見てSteamから買うのがオススメです。

GameMaker Studioのほうには

無料版
スタンダード版
プロフェッショナル版
マスター版

が存在します。違いと言えばどのOS向けに作るか、それと機能などの違いです。
マスター版はすべての機能が付いていますが高いです。（$799.99）
IOS向けやHTML5などへエクスポートできます。

しかし、スタンダード版やプロフェッショナル版だけ買っておいてほしい機能だけ追加でバラで買うこともできます。ただ一気に買った方が断然安いです。

僕自身はプロフェッショナル版を買いましたが、慣れてきたらIOSやHTML5向けを買って
ブラウザ上で遊べるゲームやスマホ向けゲームを作れたらなーなんて考えてます。

と、いうことでツールの紹介でした。
ちなみにこのブログではこの２つのツールを使ってゲーム作りと解説の記事を書いて行きたいと思います。

以上、つっきーでした。

ゲーム作ったよ　第１弾

どーもつっきーです。

今回はオリジナルゲームの紹介をしたいと思います。
タイトルは　Looming Force
内容：シューティングゲーム

と、紹介といってもこのゲームはエイプリルフール用に作ったクソゲーですｗ

制作時間は３時間。
GameMakerの仕様でゲーム開始時音量がMaxなんで注意してください。

URL
https://www.dropbox.com/s/f5yspnucdjxfkw9/Looming%20Force.zip

GameMakerを使えばちょっとしたゲームならこんなんでも３時間で作れるようになれます。
ゲーム作りの経験がないときは、え？こんなんに３時間もかかるの？と思っていました。

しかし、実際ゲーム作りを始めてみると難しいのなんの。しかもプログラムの知識もなんもありはしません。

最近やっとこれくらいなら３時間で作れるようになったから楽しいです（。´Θ｀。）

ゲーム作るさ-GameMaker

PC復活！

近頃の話

GameMaker Studio HTML5買ったよ！

ゲーム作成日記 とりさんのゲーム その０

公式メモ 弧の長さ

製作メモ 円運動

製作メモ 座標と角度と距離

公式メモ 時間・距離・速度