くだらないことに本気！

稼げない個人ゲーム開発者の適当ブログ。開発日記と雑記。

トップ > ゲーム制作

最近は頑張ってゲーム開発してますよ

ゲーム制作

ここ最近は毎日寝起きと寝る前に英語の本読んで、ゲーム開発して、バイト行ってって日々を過ごしております。

 

ライツアウトのサンプル作りました

ゲーム開発の方はちょっと前にライツアウトのサンプル作りました。

See the Pen ライツアウトのゲーム by inwan (@inwan78) on CodePen.

技術ブログの方で説明記事も出してます。

 

JavaScriptのゲームのサンプルを技術ブログでいっぱい出してますがGoogle先生はプログラミングスクールのゴミみたいな記事ばかり上位に出すので悲しいです。

酷い記事ではプログラミングを学ぶにはまず英語から学びましょう！みたいな心底「はぁ？」ってなるような記事までありますからね。そんなプログラミングスクールは今すぐ爆発して消えてほしいですね。

 

まぁそれは置いといて、簡単なゲームのサンプルだと作るのも簡単だし、サンプルなので作品としての完成度が必要ないので短時間で作れて楽しいです。

ちょっとやる気が戻ってきました。

 

新しいのを開発してます

で、ですね、今は新しいやつを開発しています。

今回はゲームというよりは「仕組み」みたいなやつです。

 

前からやりたかったことなんですが、自分にはその知識が無いから無理だと思い込んでたんですが、ちょっと調べてみたら

「あれ？これって俺の今の知識だけでも作れる？」

って気づいたので試行錯誤しながら作ってます。

 

残念ながら検索したりアマゾンで本探したりしても参考になる物が見つからなくてすべて自分で考えて作ってる状況で、しかも思ったより面倒臭くて、しかも普段使ってないプログラミング言語なのでなんかもう頭痛いです。

 

でもたぶん作れると思うので頑張っております( ｀ー´)ノ

 

これができれば作れるゲームの幅が広がってアクセス数もアップでお金がっぽがっぽで大金持ちに一歩近づくはず。

 

 

と、まぁ最近はそんな感じです('ω')ノ

JavaScriptフルスクラッチの超簡易ゲームエンジン作りました

ゲーム制作

どうにもゲーム開発の、特にプログラミングのやる気が全然出てこないので、小さいものを作ろうってことになりました。

 

そうなった理由としては、ゲーム開発を始めたころに読んだ入門書を何となく見直そうと思ってサンプルゲームを出版社のサイトからダウンロードして遊んでみたんですが、そのクオリティが当然初心者向けなわけです。それを見て「ああ、あの頃はこのくらいのものでも出来たら嬉しかったなぁ」と思い出して。

 

最近は作るときに見た目のこととか全体的な出来具合のこととか作る前から必要以上に考えすぎててしんどくなってたと思います。

 

なので、見た目とか全く無視の超シンプルなプログラムからもう一度楽しむつもりでやっていって気持ちを温めなおしていくことに決めました。

 

それでね、まぁならPixiJSとかフレームワークも無しで、素のJavaScriptだけで作ればいいんじゃないかと。

それならついでに技術ブログネタにもなるんじゃないかと。

 

まぁそんな感じになったわけです。

 

てことでJavaScriptフルスクラッチで超シンプルな簡易ゲームエンジンを作りました。

See the Pen JavaScriptで超簡易ゲームエンジン作ったよ by いんわん (@inwan78) on CodePen.

更新処理するくらいのものですがシンプルなゲームならこれで十分でしょ。

というわけで、しばらく超シンプルなゲームを作っていくと思います('ω')ノ

ゲームのアイデアを練り練りしてます

ゲーム制作

またしばらくゲーム開発日記を書いていなかったんですが、ここ最近はちょっとゲームの内容について色々考えています。

 

なんでそうなったかと言うとですね、かつてバンバンゲームを作ってた頃の自分は勢いで作ってたわけです。

 

「アイデアがひらめいた！」→熱いうちにすぐ作る！！

 

っていう、ただただ勢いだったわけですよ。

 

でも、あれこれ作って技術も上がって作れるもののクオリティが上がってきたことで勢いで作れるレベルではなくなってきた、もしくはもうすでに作ったことのあるゲームと近い内容だと興味が湧かずやる気が出なくなってる、というのもあるんじゃないかと思ったんです。

 

なのでね、じっくり、きっちり内容を練り上げて自分の作りたいという気持ちに火をつける、もしくは案をここまで練ったんだからやらないわけにはいかない、というところまで持っていこうと思って今シコシコやってます。

 

今は敵の設定やらザコキャラとかを考えています。


上の画像ではザコキャラがみんなにこちゃんマークみたいな同じ顔してますが、これは敵組織が作った万能AIで、ロボットに搭載するだけで自動で動いてくれる優れものという設定にしてます。

かわいいキャラにしたいっていうのとキャラに何かしらの統一感を持たせたかったのでこんな感じにしてみました。

 

まだザコだけですが、戦車や電車、巨大ロボなんかもこの万能AIをくっつけてデカいボディにこの顔が付いてるといいなぁ、なんて妄想しております。

 

そんな感じで今のところはゲームの案をあれこれ妄想したり絵を描いたりしてる毎日です。

レトロ感を出すための努力

ゲーム制作

ようやくゲームを作り始めたので開発日記を書くよ！！

 

今日はレトロ感を出すためにまったく誰も気づかないであろう涙ぐましい努力をちょっと紹介したいと思います。

 

えとですね、元旦にアップしたこちらの動画をご覧ください。

今作ってるこのゲームがですね、192×192ドットの解像度なんですよ。

 

でね、この画面にちょうどいいサイズの文字を表示しようとするとこうなるんですよ。

左上にある「あいうえお」が表示されてるけど、けっこうボケてますよね？

解像度低い状態で文字を表示しようとするとけっこうボケるのがブラウザゲームでけっこう問題なところでして。

上の画像じゃそこまで気にならないかもしれないけど、実際に見るとぼやけまくってなんか薄くなってるんですよ。

 

で、こいつを解消するためにまぁちょろちょろ工作するわけですよ。

それをさっきやったわけです。

 

するとこうなるわけです。

どうですか奥さん！見てください！こんなにくっきり！！

 

不思議でしょ？ゲーム画面は変わらんのに。

 

まぁ技術的にはすごくシンプルで解像度を倍にしたら文字はきれいに映るんですよ。

だけど解像度が倍だからゲームはちっちゃくなっちゃう。

 

だからゲーム画面を2倍に拡大します。

 

だがしかし！！！！

 

ここに実は穴があってただ拡大するとちょっと問題があるんですよね。。

 

まぁそれをちょっと面倒臭いことしてごにょごにょするとうまく表示されるようになります。

 

で、ついでに走査線も加えてレトロ感をアップさせました。

 

上の画像では走査線のちらつきが遅いですが実際はもっと速くちらちらします。

 

プレイする人間にはまったくどうでもいい機能のように思われるかもしれませんが、低解像度で程よくボケたドット絵がこの走査線で良い感じになるんですよ。

 

 

と、まぁこんな誰も気づいてくれないようなことも実はやってるんですよっていうのをちょっとアピッときたかったって話です'`,､('∀`) '`,､

今年はゲーム開発日記も頑張るよ！

ゲーム制作

さっき、久しぶりにツイッターに投稿してふと思ったんですよ。

 

そういや前から「開発日記ちゃんとやろう」って思いながらやってなかったんですよね（；^ω^）

 

やっぱ開発してるとことか見せて新しいファンを獲得していかないと！！

 

ってことで今年は開発日記も頑張ろうと思います。

 

アクションゲーム作ってます

で、現在は上のツイートにもあるようにアクションゲーム作ってます。

開発はJavaScript(PixiJS)でやってます。ゲームエンジンも自作です。

あ、CodePenにいろいろ公開しているので興味ある方はどうぞ(下はスプライトのアニメーションのサンプルです)。

See the Pen キャラクターアニメーション by いんわん (@inwan78) on CodePen.

 

ドット絵はGimpというフリーソフトで描いてます。

一応Asepriteというドット絵専用ツールも購入してるんですがずっとGimpを使ってたので慣れてる方を使ってしまう。。(-_-;)

 

タイルマップはTiledMapEditorというマップエディターを使っています。

 

んで、今は過去の作ったプログラムを修正しながら新しくアクションゲームの仕組みを作り直してて、ようやく基本部分が大体できた感じです(ツイートの動画ね)。

 

これからゲームとしてどんなのを作るか考えるところです。

とりあえず単純に横に進んでゴールするだけとかシンプルなやつでも作ろうかと思ってます。

 

今年はこのプログラムをベースにアクションゲーム中心に作っていこうと思ってます。

 

 

てことでこんな感じで開発日記もやってくんでよろしく( ｀ー´)ノ

あほげーに参加したりなんだかんだ

ゲーム制作

昨日だったっけ？

あほげーありましたね。

 

私もアホになり切れてない中途半端なゲームを作ってしれっと参加しました。

See the Pen ○○しげお by いんわん (@inwan78) on CodePen.

(↑画面クリックごEnterで始まります。WASDで操作。N、Mキーで弾発射)

 

いや、ちょっと言い訳させて！！

 

本当はもうちょっと作りこむつもりだったのよ！！

 

でもね、モチベがね。。

 

なんかイマイチノッてこないし、眠たくなってくるし。。

 

せめて「めいたんてい」とかいくつかのワードがちゃんとそろったときには何かアクションつけたかったんだけど。。

 

心がもたんかった。。

 

なんでCodePenで参加したのか？

今回のあほげーには自分のサイトではなくCodePenで公開したのには理由があるんですよ。

 

まぁ理由は単純で、

 

CodePenで公開してるプログラムを見てくれ！！

 

ってことなんですよ。

 

CodePenでJavaScriptのゲームが簡単に作れるプログラムを公開したのに誰も見てくれない。

 

 

もちろんね、今どきはみんなUnityでゲーム作ってて、JavaScriptでゲーム作るなんて

「馬鹿なの？死ぬの？」

って感じだとは思うよ。

 

でもね、逆にJavaScriptでゲーム作ってる側からするとね、

 

「その程度のゲームでUnity使うの？バカなの？死ぬの？」

 

ってゲーム多すぎなのよ。

 

Unityで作ったゲームをUniyroomなんかで公開してるのをたまに遊んだりするけど、3Dならともかく2Dの簡単なゲームなんてUnity使う意味ある？

しかもロードめちゃくちゃ長い！！

スマホで遊べないのも多い！！

 

俺のサイトのゲーム遊んでみろよ！！って言いたくなる。

 

 

そんなわけでね、JavaScriptでゲーム作る方法を公開してるわけなんだけど誰も見てくれないっていうのがね。。

 

まぁそれでCodePenであほげーに参加してみたけど全然プレーされてないね'`,､('∀`) '`,､

 

記事書いたよ

ということでブログにCodePenを使ったゲームの作り方の記事を書いておきました。

inwans.com

特になんにも準備しなくてもゲーム作れるんで興味ある人はぜひ一度覗いてみてください。

 

本気で取り組めばすごいゲームも作れるのでぜひぜひ！！

CodePenにゲームの作り方投稿したよ

ゲーム制作

CodePenって知ってる？

 

なんかね、web上でHTMLとかcssとかJavaScriptとかを書いて実行できるエディタがあるんですよ。

qiita.com

 

そのCodePenにゲームの作り方、というかサンプルプログラムを投稿しました。

See the Pen pixi.jsで作った糸通し風ゲーム by いんわん (@inwan78) on CodePen.

こんな感じで糸通し風なゲームとか簡単に作れます(画面タッチしてみて)。

 

 

See the Pen JavaScriptの操作入力のサンプル by いんわん (@inwan78) on CodePen.

キーボードやゲームパッドに対応したゲームも作れます(画面クリック後にWASDキー押してみて)。

 

 

これらはPixiJSていうJavaScriptのフレームワークを使って作ってます。

ゲームエンジン的な部分は別の投稿になってるので気になる方は私のCodePenのアカウントを見てください。

 

 

 

でね、今日「あほげー」っていう24時間でアホなゲームを作るっていうイベントがあります。

21時にお題が発表されます。

 

興味ある方やお暇な方は挑戦してみると面白いかも？？

 

私もアホなアイデアが浮かんだら参加する予定です(でもバイトあるからなぁ。。)

洋ゲーっぽい雰囲気の落ちものパズル

ゲーム制作

ちょっと洋ゲーっぽい雰囲気の落ちものパズル作りました。

ブロックが下から出てくるようにして、スマホでも本格的に遊べる落ちものパズルになっています。

続きを読む