進捗どうですか?
Unityで2D格闘ゲームを作っています。
2018-04-25T01:00:10+09:00
yrkhnshk
Hatena::Blog
hatenablog://blog/12921228815725468825
2D格ゲーの1キャラ当たり必要なモーションと今作っているキャラの進捗状況
hatenablog://entry/17391345971637717025
2018-04-25T01:00:10+09:00
2018-04-25T01:00:10+09:00 格ゲー(2D、3Dに限らず)は、キャラごとにモーションがたくさん必要なゲームの一つだと思います。 そこで、作成中の2D格ゲーの1キャラ当たり必要なモーションを一覧にし、 今作っているキャラの進捗状況が分かるようにしました。
<p>格ゲー(2D、3Dに限らず)は、キャラごとにモーションがたくさん必要なゲームの一つだと思います。<br />
そこで、作成中の2D格ゲーの1キャラ当たり必要なモーションを一覧にし、<br />
今作っているキャラの進捗状況が分かるようにしました。</p><p>表が埋まれば、ようやく1キャラのモーションが完成します。<br />
継続して表を更新していければいいなと思います。</p>
<table>
<tr>
<th>モーション名</th>
<th>アニメーション</th>
</tr>
<tr>
<td>立</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425002701.gif" alt="f:id:yrkhnshk:20180425002701g:plain" title="f:id:yrkhnshk:20180425002701g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>屈</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425002819.gif" alt="f:id:yrkhnshk:20180425002819g:plain" title="f:id:yrkhnshk:20180425002819g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>立→屈</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425002847.gif" alt="f:id:yrkhnshk:20180425002847g:plain" title="f:id:yrkhnshk:20180425002847g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>屈→立</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425002938.gif" alt="f:id:yrkhnshk:20180425002938g:plain" title="f:id:yrkhnshk:20180425002938g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>立振り向き</td>
<td>NA</td>
</tr>
<tr>
<td>屈振り向き</td>
<td>NA</td>
</tr>
<tr>
<td>立→歩き(前方)</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003020.gif" alt="f:id:yrkhnshk:20180425003020g:plain" title="f:id:yrkhnshk:20180425003020g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>歩き(前方)</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003043.gif" alt="f:id:yrkhnshk:20180425003043g:plain" title="f:id:yrkhnshk:20180425003043g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>歩き(前方)→立</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003128.gif" alt="f:id:yrkhnshk:20180425003128g:plain" title="f:id:yrkhnshk:20180425003128g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>立→歩き(後方)</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003154.gif" alt="f:id:yrkhnshk:20180425003154g:plain" title="f:id:yrkhnshk:20180425003154g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>歩き(後方)</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003224.gif" alt="f:id:yrkhnshk:20180425003224g:plain" title="f:id:yrkhnshk:20180425003224g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>歩き(後方)→立</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003239.gif" alt="f:id:yrkhnshk:20180425003239g:plain" title="f:id:yrkhnshk:20180425003239g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>立→<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%C0%A5%C3%A5%B7%A5%E5">ダッシュ</a>(前方)</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003257.gif" alt="f:id:yrkhnshk:20180425003257g:plain" title="f:id:yrkhnshk:20180425003257g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td><a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%C0%A5%C3%A5%B7%A5%E5">ダッシュ</a>(前方)</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003313.gif" alt="f:id:yrkhnshk:20180425003313g:plain" title="f:id:yrkhnshk:20180425003313g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td><a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%C0%A5%C3%A5%B7%A5%E5">ダッシュ</a>(前方)→立</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003324.gif" alt="f:id:yrkhnshk:20180425003324g:plain" title="f:id:yrkhnshk:20180425003324g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>立→<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%C0%A5%C3%A5%B7%A5%E5">ダッシュ</a>(後方)</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003341.gif" alt="f:id:yrkhnshk:20180425003341g:plain" title="f:id:yrkhnshk:20180425003341g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td><a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%C0%A5%C3%A5%B7%A5%E5">ダッシュ</a>(後方)</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003354.gif" alt="f:id:yrkhnshk:20180425003354g:plain" title="f:id:yrkhnshk:20180425003354g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td><a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%C0%A5%C3%A5%B7%A5%E5">ダッシュ</a>(後方)→立</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003404.gif" alt="f:id:yrkhnshk:20180425003404g:plain" title="f:id:yrkhnshk:20180425003404g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>ジャンプ</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003416.gif" alt="f:id:yrkhnshk:20180425003416g:plain" title="f:id:yrkhnshk:20180425003416g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>空中<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%C0%A5%C3%A5%B7%A5%E5">ダッシュ</a>(前方)</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003434.gif" alt="f:id:yrkhnshk:20180425003434g:plain" title="f:id:yrkhnshk:20180425003434g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>空中<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%C0%A5%C3%A5%B7%A5%E5">ダッシュ</a>(後方)</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003447.gif" alt="f:id:yrkhnshk:20180425003447g:plain" title="f:id:yrkhnshk:20180425003447g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>立ガード</td>
<td>NA</td>
</tr>
<tr>
<td>屈ガード</td>
<td>NA</td>
</tr>
<tr>
<td>空中ガード</td>
<td>NA</td>
</tr>
<tr>
<td>立ダメージ(上)</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003502.gif" alt="f:id:yrkhnshk:20180425003502g:plain" title="f:id:yrkhnshk:20180425003502g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>立ダメージ(下)</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003514.gif" alt="f:id:yrkhnshk:20180425003514g:plain" title="f:id:yrkhnshk:20180425003514g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>屈ダメージ</td>
<td>NA</td>
</tr>
<tr>
<td>吹き飛び(上方)</td>
<td>NA</td>
</tr>
<tr>
<td>吹き飛び(斜方)</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003529.gif" alt="f:id:yrkhnshk:20180425003529g:plain" title="f:id:yrkhnshk:20180425003529g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>吹き飛び(後方)</td>
<td>NA</td>
</tr>
<tr>
<td>前のめりダウン</td>
<td>NA</td>
</tr>
<tr>
<td>きりもみ</td>
<td>NA</td>
</tr>
<tr>
<td>崩れダウン</td>
<td>NA</td>
</tr>
<tr>
<td>吹き飛び→うつ伏せ</td>
<td>NA</td>
</tr>
<tr>
<td>吹き飛び→仰向け</td>
<td>NA</td>
</tr>
<tr>
<td>うつ伏せ→立</td>
<td>NA</td>
</tr>
<tr>
<td>仰向け→立</td>
<td>NA</td>
</tr>
<tr>
<td>地上受身</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003550.gif" alt="f:id:yrkhnshk:20180425003550g:plain" title="f:id:yrkhnshk:20180425003550g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>空中受身</td>
<td>NA</td>
</tr>
<tr>
<td>5A</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003617.gif" alt="f:id:yrkhnshk:20180425003617g:plain" title="f:id:yrkhnshk:20180425003617g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>5B</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003630.gif" alt="f:id:yrkhnshk:20180425003630g:plain" title="f:id:yrkhnshk:20180425003630g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>5C</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003640.gif" alt="f:id:yrkhnshk:20180425003640g:plain" title="f:id:yrkhnshk:20180425003640g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>6A</td>
<td>NA</td>
</tr>
<tr>
<td>6B</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003650.gif" alt="f:id:yrkhnshk:20180425003650g:plain" title="f:id:yrkhnshk:20180425003650g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>6C</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003701.gif" alt="f:id:yrkhnshk:20180425003701g:plain" title="f:id:yrkhnshk:20180425003701g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>2A</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003714.gif" alt="f:id:yrkhnshk:20180425003714g:plain" title="f:id:yrkhnshk:20180425003714g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>2B</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003724.gif" alt="f:id:yrkhnshk:20180425003724g:plain" title="f:id:yrkhnshk:20180425003724g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>2C</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003733.gif" alt="f:id:yrkhnshk:20180425003733g:plain" title="f:id:yrkhnshk:20180425003733g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>JA</td>
<td><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20180425/20180425003744.gif" alt="f:id:yrkhnshk:20180425003744g:plain" title="f:id:yrkhnshk:20180425003744g:plain" class="hatena-fotolife" itemprop="image"></span></td>
</tr>
<tr>
<td>JB</td>
<td>NA</td>
</tr>
<tr>
<td>JC</td>
<td>NA</td>
</tr>
<tr>
<td>地上投</td>
<td>NA</td>
</tr>
<tr>
<td>空中投</td>
<td>NA</td>
</tr>
<tr>
<td>必殺技1</td>
<td>NA</td>
</tr>
<tr>
<td>必殺技2</td>
<td>NA</td>
</tr>
<tr>
<td>必殺技3</td>
<td>NA</td>
</tr>
<tr>
<td>必殺技4</td>
<td>NA</td>
</tr>
<tr>
<td>超必殺技1</td>
<td>NA</td>
</tr>
<tr>
<td>超必殺技2</td>
<td>NA</td>
</tr>
<tr>
<td>開幕</td>
<td>NA</td>
</tr>
<tr>
<td>勝利</td>
<td>NA</td>
</tr>
<tr>
<td>敗北</td>
<td>NA</td>
</tr>
</table><p>済:32<br />
未:30</p>
yrkhnshk
タイタンフォール2(Titanfall 2)というFPS
hatenablog://entry/8599973812291400305
2017-08-24T01:12:02+09:00
2017-08-24T01:12:02+09:00 発売から大分たち、大型アップデートも一通り終わり、評判も安定してきたころだと思います。 ここで、このゲームに対する思いを少し語っておきます。
<p>発売から大分たち、大型アップデートも一通り終わり、評判も安定してきたころだと思います。<br />
ここで、このゲームに対する思いを少し語っておきます。</p><p><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20170820/20170820231036.jpg" alt="f:id:yrkhnshk:20170820231036j:plain" title="f:id:yrkhnshk:20170820231036j:plain" class="hatena-fotolife" itemprop="image"></span><br />
とりあえず現時点で500時間近くプレイしました。<br />
そのくらいは続けられるゲームではあると思います。</p><p>評判は、掲示板を見たり<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%C4%A5%A4%A5%C3%A5%BF%A1%BC">ツイッター</a>とかで検索するとわかると思います。<br />
発売から随分たっていますが、書き込みの量もまだまだありますし、<br />
画像や動画の投稿も頻繁に行われているようです。<br />
少なくとも、日本での<a class="keyword" href="http://d.hatena.ne.jp/keyword/%C3%CE%CC%BE%C5%D9">知名度</a>は大分向上したのではないでしょうか。</p><br />
<p><iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.gamespark.jp%2Farticle%2F2017%2F08%2F05%2F75028.html" title="「『Titanfall』の世界には大きな投資をしている」―Respawn Entertainment CEOが語る | Game*Spark - 国内・海外ゲーム情報サイト" class="embed-card embed-webcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;"></iframe><cite class="hatena-citation"><a href="https://www.gamespark.jp/article/2017/08/05/75028.html">www.gamespark.jp</a></cite><br />
続編の開発も、(直接的には言われていませんが)決まったようです。<br />
EAが打ち出した900~1000万本の販売本数に届かなかったのは残念ですが、<br />
やはり、数千万本クラスの2本の超大作<a class="keyword" href="http://d.hatena.ne.jp/keyword/FPS">FPS</a>に挟まれていたのが原因としか考えられません。<br />
ほかには、独占からマルチになったことも多少は影響していそうですが、<br />
わたしはゲームハード論争とか好きじゃないのでこれ以上は言いません(PCでプレイしてるし)。<br />
制作費は回収したようですが、それだけではダメなのが海外のAAAゲームなのでしょう。</p><p>次こそはうまくいって欲しいところです。<br />
(日本では現状おま国ですが)<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%B9%A5%DE%A5%DB">スマホ</a>版のスピンオフも公開されて、益々の発展が期待されますね。<br />
<a class="keyword" href="http://d.hatena.ne.jp/keyword/CoD">CoD</a>も次から未来戦じゃなくなるみたいなので、壁走り<a class="keyword" href="http://d.hatena.ne.jp/keyword/FPS">FPS</a>としては独壇場になりました。<br />
出るとしたら今から2年後くらいですが、そのころは早くも<a class="keyword" href="http://d.hatena.ne.jp/keyword/%BC%A1%C0%A4%C2%E5%A5%B2%A1%BC%A5%E0%B5%A1">次世代ゲーム機</a>が登場しそうな雰囲気です。<br />
上手い具合に発売できればいいなと思っています。</p><p><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20170820/20170820234129.jpg" alt="f:id:yrkhnshk:20170820234129j:plain" title="f:id:yrkhnshk:20170820234129j:plain" class="hatena-fotolife" itemprop="image"></span><br />
実績もコンプしましたが、このゲームはコンプはやりやすいと思います。<br />
実績(トロフィー)収集好きにもオススメです(逃すと取れなくなるものもありませんし)。</p>
yrkhnshk
Unity格ゲー製作状況等
hatenablog://entry/8599973812290524702
2017-08-21T00:23:01+09:00
2017-08-24T01:10:42+09:00 いつもどおり投稿間隔が長いですが作っています。 作るのをやめたと言わなければやめたことにはならないんです。 一人製作はそのへんが気楽でいいですね。
<p>いつもどおり投稿間隔が長いですが作っています。<br />
作るのをやめたと言わなければやめたことにはならないんです。<br />
一人製作はそのへんが気楽でいいですね。</p><p>今年の盆休みは少し作業に集中できたので色々作ることができました。</p><p><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20170821/20170821000254.jpg" alt="f:id:yrkhnshk:20170821000254j:plain" title="f:id:yrkhnshk:20170821000254j:plain" class="hatena-fotolife" itemprop="image"></span><br />
ようやく当たり判定を実装し、格ゲーらしくなってきたと思います。<br />
当たり判定は多くの2D格ゲー同様、矩形の組み合わせで行っています。<br />
こういったものはUnityにはないので自前です。<br />
(後述しますが別スレッドで当たり判定を行うので、Unityの機能が使えないというのもあります)</p><p><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20170820/20170820232337.jpg" alt="f:id:yrkhnshk:20170820232337j:plain" title="f:id:yrkhnshk:20170820232337j:plain" class="hatena-fotolife" itemprop="image"></span><br />
他には、<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%AE%A5%EB%A5%C6%A5%A3%A5%AE%A5%A2Xrd">ギルティギアXrd</a>風の顔面の陰影調整の試作とかもやってました。<br />
顔面の陰影の出方は、セルルック採用の中でも<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%AE%A5%EB%A5%C6%A5%A3%A5%AE%A5%A2Xrd">ギルティギアXrd</a>は独特です。<br />
わたしの知識不足か、普通に調整しただけではこういう陰影の出方にはならなかったので、<br />
キャラクターの3Dモデルにも色々手を加えたりしました。</p><p>144Hzのディスプレイも購入したので、大分前に144fpsの対応を行ったりもしてました。<br />
格ゲーで144fps(というか可変<a class="keyword" href="http://d.hatena.ne.jp/keyword/fps">fps</a>)というものはあまり聞いたことがないのですが、<br />
元々のゲーム性が固定<a class="keyword" href="http://d.hatena.ne.jp/keyword/fps">fps</a>でデザインされてるからかと感じます。<br />
格ゲーだとフレーム単位での操作や読み合いがあったりするので、<br />
可変<a class="keyword" href="http://d.hatena.ne.jp/keyword/fps">fps</a>だとそこが上手くいかなくなるのでしょう。<br />
(あと可変<a class="keyword" href="http://d.hatena.ne.jp/keyword/fps">fps</a>だとリプレイ再生が上手くいかなそう)</p><p>そこで、自作ゲームではキャラクターの操作や動きの処理、<br />
当たり判定等の処理を固定60fpsで動作する別スレッドで行い、<br />
画面表示を144fps(可変<a class="keyword" href="http://d.hatena.ne.jp/keyword/fps">fps</a>)で行うようにしました。<br />
画面に表示するにあたってキャラクターの位置を144fps(可変<a class="keyword" href="http://d.hatena.ne.jp/keyword/fps">fps</a>)に合わせて補間するため、<br />
動作がヌルヌルになりました(キャラクターのアニメーション自体はコマアニメですが)。<br />
どのくらいヌルヌルなのかをお見せできないのが残念ですが、<br />
完成したときは144Hzのディスプレイで遊んでもらえるとうれしいです!<br />
(なお、UnityにはFixedUpdateという常に一定フレームで呼ばれる関数がありますが、<br />
色々な理由から別スレッドによる実装を行っています)</p>
yrkhnshk
Unity格ゲー製作状況
hatenablog://entry/10328749687186263723
2016-09-25T23:06:42+09:00
2018-04-30T11:05:42+09:00 前回の投稿からだいぶん間が空いてしまいましたが、近況を報告します。
<p>前回の投稿からだいぶん間が空いてしまいましたが、近況を報告します。<br />
1年半近くこのブログも放置してゲーム製作も飽きちゃったんじゃないかって思われていそうですが、<br />
ちょくちょく時間を作って作っています。<br />
<a class="keyword" href="http://d.hatena.ne.jp/keyword/Twitter">Twitter</a>の方には定期的に投稿しているのですが。<br />
やっぱり<a class="keyword" href="http://d.hatena.ne.jp/keyword/Twitter">Twitter</a>の方が楽だしブログいらなくないって感じです。<br />
でも、作業状況をまとめるにはブログが一番適していますね。<br />
個人制作ゆえに無責任ではありますが、これからも定期的に書いていければいいなと思っています。</p><p>さて、現在はこのような感じでございます。<br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20160925/20160925222526.jpg" alt="f:id:yrkhnshk:20160925222526j:plain" title="f:id:yrkhnshk:20160925222526j:plain" class="hatena-fotolife" itemprop="image"></span><br />
絵面だけ見てみると、以前にやっていたことの組み合わせでしかなく、<br />
あまり進捗していないのではないかと思われるのではないかと思います。<br />
やっぱりサボってたか・・・。<br />
そんなことはございません!</p><p>こちらを御覧ください。<br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20160925/20160925225633.gif" alt="f:id:yrkhnshk:20160925225633g:plain" title="f:id:yrkhnshk:20160925225633g:plain" class="hatena-fotolife" itemprop="image"></span><br />
キャラクターのモーションは随分進歩いたしました。<br />
上記のキャラは主人公の大仙ケイ君です。<br />
<a class="keyword" href="http://d.hatena.ne.jp/keyword/%C0%E7%C2%E6%BB%D4">仙台市</a>の某県立<a class="keyword" href="http://d.hatena.ne.jp/keyword/%BF%CA%B3%D8%B9%BB">進学校</a>に通う高校生でありながら一流の<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%E2%A5%F3%A5%B9%A5%BF%A1%BC%A5%CF%A5%F3%A5%BF%A1%BC">モンスターハンター</a>であり、<br />
文武両道を達成している優等生です。<br />
はい、そんなことはどうでもいいですね。</p><p>そういえば最近144Hzのディスプレイを購入しました。<div class="hatena-asin-detail"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B00J2GJB8U/hatena-blog-22/"><img src="https://images-fe.ssl-images-amazon.com/images/I/51VmhYu234L._SL160_.jpg" class="hatena-asin-detail-image" alt="BenQ 24インチワイド Gamingモニター (Full HD/TNパネル/144Hz/Black eQulizer機能) XL2411Z" title="BenQ 24インチワイド Gamingモニター (Full HD/TNパネル/144Hz/Black eQulizer機能) XL2411Z"></a><div class="hatena-asin-detail-info"><p class="hatena-asin-detail-title"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B00J2GJB8U/hatena-blog-22/">BenQ 24インチワイド Gamingモニター (Full HD/TNパネル/144Hz/Black eQulizer機能) XL2411Z</a></p><ul><li><span class="hatena-asin-detail-label">出版社/メーカー:</span> ベンキュージャパン</li><li><span class="hatena-asin-detail-label">発売日:</span> 2014/03/25</li><li><span class="hatena-asin-detail-label">メディア:</span> Personal Computers</li><li><a href="http://d.hatena.ne.jp/asin/B00J2GJB8U/hatena-blog-22" target="_blank">この商品を含むブログを見る</a></li></ul></div><div class="hatena-asin-detail-foot"></div></div>自作ゲームも144Hz動作に対応させるべく開発中でございます。<br />
ほんとヌルヌルでいいですね~。<br />
これで<a class="keyword" href="http://d.hatena.ne.jp/keyword/FPS">FPS</a>とかをやると気持ちいいです。</p><p>ところで来月<a class="keyword" href="http://d.hatena.ne.jp/keyword/FPS">FPS</a>が沢山発売されますが、基本的にPCでやるつもりです。<br />
<a class="keyword" href="http://d.hatena.ne.jp/keyword/Twitter">Twitter</a>でいつもつぶやいているタイタンフォールというゲームが好きです。<div class="hatena-asin-detail"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B01IB5OKBA/hatena-blog-22/"><img src="https://images-fe.ssl-images-amazon.com/images/I/51ecXGDQVXL._SL160_.jpg" class="hatena-asin-detail-image" alt="Titanfall 2 - Vanguard Collector's Edition - PlayStation 4 タイタンフォール 2 1/1ヘルメット付きの豪華限定版 並行輸入品 [並行輸入品]" title="Titanfall 2 - Vanguard Collector's Edition - PlayStation 4 タイタンフォール 2 1/1ヘルメット付きの豪華限定版 並行輸入品 [並行輸入品]"></a><div class="hatena-asin-detail-info"><p class="hatena-asin-detail-title"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B01IB5OKBA/hatena-blog-22/">Titanfall 2 - Vanguard Collector's Edition - PlayStation 4 タイタンフォール 2 1/1ヘルメット付きの豪華限定版 並行輸入品 [並行輸入品]</a></p><ul><li><span class="hatena-asin-detail-label">出版社/メーカー:</span> <a class="keyword" href="http://d.hatena.ne.jp/keyword/Electronic%20Arts">Electronic Arts</a></li><li><span class="hatena-asin-detail-label">メディア:</span> おもちゃ&ホビー</li><li><a href="http://d.hatena.ne.jp/asin/B01IB5OKBA/hatena-blog-22" target="_blank">この商品を含むブログを見る</a></li></ul></div><div class="hatena-asin-detail-foot"></div></div><div class="hatena-asin-detail"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/1785653695/hatena-blog-22/"><img src="https://images-fe.ssl-images-amazon.com/images/I/516jKpNGxjL._SL160_.jpg" class="hatena-asin-detail-image" alt="The Art of Titanfall 2" title="The Art of Titanfall 2"></a><div class="hatena-asin-detail-info"><p class="hatena-asin-detail-title"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/1785653695/hatena-blog-22/">The Art of Titanfall 2</a></p><ul><li><span class="hatena-asin-detail-label">作者:</span> Andy McVittie</li><li><span class="hatena-asin-detail-label">出版社/メーカー:</span> Titan Books</li><li><span class="hatena-asin-detail-label">発売日:</span> 2016/11/01</li><li><span class="hatena-asin-detail-label">メディア:</span> ハードカバー</li><li><a href="http://d.hatena.ne.jp/asin/1785653695/hatena-blog-22" target="_blank">この商品を含むブログを見る</a></li></ul></div><div class="hatena-asin-detail-foot"></div></div>プレイヤーは2段ジャンプや壁走りをすることができ機動力が高い内容で、<br />
類似する他ゲーと異なりスピード感あふれるゲームでした。<br />
そのゲームの続編が来月発売されるので凄く待ち遠しいです。<br />
プレイしましたらその感想もこのブログに載せていけたらと思っています。<br />
OriginのIDもyrkhnshkです。<br />
もし見かけましたら、お手柔らかによろしくお願いいたします。</p>
yrkhnshk
Unity格ゲー製作状況その4
hatenablog://entry/8454420450093611762
2015-05-05T23:52:14+09:00
2015-05-06T00:08:05+09:00 動くようになってくるとようやくゲーム作ってるなって感じになってきます。
<p>動くようになってくるとようやくゲーム作ってるなって感じになってきます。<br />
いつまでも検証してるわけにも行きませんしやりたいことは大体確認できたのでようやく実装開始。<br />
ここからはひたすら地道な作業なので地味で面倒なんですよね。<br />
大体がここであまりの作業量の多さに躓いてエターナってしまうんだと思います。<br />
私もそうならないように適当にやっていきたいと思います。</p><p>そういえば本当いまさらですけどUnity 5が出ましたね。<br />
4までのPro機能のほとんどが無料で使えちまうんだということです。<br />
今まで無料版で無理やりブルームをやろうとしていたことがあっさり出来てしまって拍子抜けです。</p><p>新しいものが出た直後はバグが大量にあるのが常なので、あまり使いたくはないというのが心情ですが、<br />
どうせゲームが完成するころには安定していると思うので、ここは5に乗り換えていく次第です。</p><p>そういえば格ゲーを作っているとは言っていましたけど、どういう格ゲーなのかはあまり言っていなかった気がします。<br />
一言で言ってしまうと<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%AE%A5%EB%A5%C6%A5%A3%A5%AE%A5%A2">ギルティギア</a>みたいな格ゲー作ってます。<br />
見た目もそんな感じがしますしいまさら言うまでもないですけど。<br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150505/20150505233330.jpg" alt="f:id:yrkhnshk:20150505233330j:plain" title="f:id:yrkhnshk:20150505233330j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150505/20150505232946.gif" alt="f:id:yrkhnshk:20150505232946g:plain" title="f:id:yrkhnshk:20150505232946g:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150505/20150505234620.jpg" alt="f:id:yrkhnshk:20150505234620j:plain" title="f:id:yrkhnshk:20150505234620j:plain" class="hatena-fotolife" itemprop="image"></span><br />
画面端という概念が存在しないのも面白そうですね。</p><p>あと、キャラの色は自由に変更可能なように作っているので今の色は暫定です。<br />
Flame Dragonとかなってるのに色が白いのもただのカラーエディットの一環です。<br />
こういうことも出来るんだということで。</p>
yrkhnshk
【ICPM】ポーズ集【Xrd】
hatenablog://entry/8454420450091411929
2015-04-14T01:24:56+09:00
2015-04-14T04:14:54+09:00 とりあえずスレイヤーのみです。 表現の模索に。
<p>とりあえずスレイヤーのみです。<br />
表現の模索に。<br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414010628.jpg" alt="f:id:yrkhnshk:20150414010628j:plain" title="f:id:yrkhnshk:20150414010628j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414002219.jpg" alt="f:id:yrkhnshk:20150414002219j:plain" title="f:id:yrkhnshk:20150414002219j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414025112.jpg" alt="f:id:yrkhnshk:20150414025112j:plain" title="f:id:yrkhnshk:20150414025112j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414010806.jpg" alt="f:id:yrkhnshk:20150414010806j:plain" title="f:id:yrkhnshk:20150414010806j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414010821.jpg" alt="f:id:yrkhnshk:20150414010821j:plain" title="f:id:yrkhnshk:20150414010821j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414010847.jpg" alt="f:id:yrkhnshk:20150414010847j:plain" title="f:id:yrkhnshk:20150414010847j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414010908.jpg" alt="f:id:yrkhnshk:20150414010908j:plain" title="f:id:yrkhnshk:20150414010908j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414011001.jpg" alt="f:id:yrkhnshk:20150414011001j:plain" title="f:id:yrkhnshk:20150414011001j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414010937.jpg" alt="f:id:yrkhnshk:20150414010937j:plain" title="f:id:yrkhnshk:20150414010937j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414025542.jpg" alt="f:id:yrkhnshk:20150414025542j:plain" title="f:id:yrkhnshk:20150414025542j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414011015.jpg" alt="f:id:yrkhnshk:20150414011015j:plain" title="f:id:yrkhnshk:20150414011015j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414011033.jpg" alt="f:id:yrkhnshk:20150414011033j:plain" title="f:id:yrkhnshk:20150414011033j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414011233.jpg" alt="f:id:yrkhnshk:20150414011233j:plain" title="f:id:yrkhnshk:20150414011233j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414014805.jpg" alt="f:id:yrkhnshk:20150414014805j:plain" title="f:id:yrkhnshk:20150414014805j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414014835.jpg" alt="f:id:yrkhnshk:20150414014835j:plain" title="f:id:yrkhnshk:20150414014835j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414014848.jpg" alt="f:id:yrkhnshk:20150414014848j:plain" title="f:id:yrkhnshk:20150414014848j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414014910.jpg" alt="f:id:yrkhnshk:20150414014910j:plain" title="f:id:yrkhnshk:20150414014910j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414014926.jpg" alt="f:id:yrkhnshk:20150414014926j:plain" title="f:id:yrkhnshk:20150414014926j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414025258.jpg" alt="f:id:yrkhnshk:20150414025258j:plain" title="f:id:yrkhnshk:20150414025258j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414014937.jpg" alt="f:id:yrkhnshk:20150414014937j:plain" title="f:id:yrkhnshk:20150414014937j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414014950.jpg" alt="f:id:yrkhnshk:20150414014950j:plain" title="f:id:yrkhnshk:20150414014950j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414015008.jpg" alt="f:id:yrkhnshk:20150414015008j:plain" title="f:id:yrkhnshk:20150414015008j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414015019.jpg" alt="f:id:yrkhnshk:20150414015019j:plain" title="f:id:yrkhnshk:20150414015019j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414015032.jpg" alt="f:id:yrkhnshk:20150414015032j:plain" title="f:id:yrkhnshk:20150414015032j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414015046.jpg" alt="f:id:yrkhnshk:20150414015046j:plain" title="f:id:yrkhnshk:20150414015046j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414015057.jpg" alt="f:id:yrkhnshk:20150414015057j:plain" title="f:id:yrkhnshk:20150414015057j:plain" class="hatena-fotolife" itemprop="image"></span><br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150414/20150414015104.jpg" alt="f:id:yrkhnshk:20150414015104j:plain" title="f:id:yrkhnshk:20150414015104j:plain" class="hatena-fotolife" itemprop="image"></span><br />
通常時は小さく横からしか表示されないのに、<br />
拡大して回転させても全く破綻しないXrdのセルルックはまさに神。<br />
神なんて安っぽい言葉使いたくない私も認める最高神。<br />
セルルック語りにおいてXrdの名が出てこない者はモグリです。</p><p>アップ時と通常時で顔が違うのは周知のとおりですが、<br />
ICPMだとアップしても通常時の顔になりますね。<br />
こんなゲームがいつか作ってみたいものです・・・。</p>
yrkhnshk
キャラの設定とか
hatenablog://entry/8454420450091239503
2015-04-12T21:17:13+09:00
2015-04-12T21:18:15+09:00 キャラの設定とか。こんな感じのものを予定。
<p>キャラの設定とか。こんな感じのものを予定。<br />
<span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150412/20150412211359.png" alt="f:id:yrkhnshk:20150412211359p:plain" title="f:id:yrkhnshk:20150412211359p:plain" class="hatena-fotolife" itemprop="image"></span><br />
名前:大仙系<br />
綴り:Kei DAISEN<br />
種族:人間・男<br />
職業:高校生・ハンター<br />
年齢:17歳<br />
出身:日本国<a class="keyword" href="http://d.hatena.ne.jp/keyword/%B5%DC%BE%EB%B8%A9">宮城県</a><a class="keyword" href="http://d.hatena.ne.jp/keyword/%C0%E7%C2%E6%BB%D4">仙台市</a><br />
身長:185cm<br />
体重:81kg<br />
武器:高周波ブレード<br />
能力:時間操作</p><p><a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%C9%A5%E9%A5%B4%A5%F3%A5%B9%A5%EC%A5%A4%A5%E4%A1%BC">ドラゴンスレイヤー</a>である勇者の末裔の高校生。<br />
モンスターハントのアルバイトをして稼いでおり、<br />
既に自立している。<br />
様々な修羅場を経験しており、何事にも動じない。<br />
重度のことなかれ主義者。</p>
yrkhnshk
Unity格ゲー製作状況その3
hatenablog://entry/8454420450080060276
2015-01-13T23:50:02+09:00
2015-01-15T03:13:16+09:00 前回の投稿から大分開いていますけどぼちぼち作業しています。
<p>前回の投稿から大分開いていますけどぼちぼち作業しています。</p>
<p>前回の投稿<a href="http://yrkhnshk.hatenablog.com/entry/2014/10/23/010256">Unity格ゲー製作状況その2 - 進捗どうですか?</a>を行ってから、キャラクターごとにカメラを別にしてレイヤーを重ねる手法だと、</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20150112225218j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150112/20150112225218.jpg" alt="f:id:yrkhnshk:20150112225218j:plain" width="369" /></p>
<p><a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%AE%A5%EB%A5%C6%A5%A3%A5%AE%A5%A2Xrd">ギルティギアXrd</a>で行っているこのような表現ができないことに気づきました。</p>
<p>この空中ダッシュの衝撃波のエフェクトは奥のポチョムキンの後側にも回っています。キャラクターとエフェクトのレイヤーが分断されていれば(別カメラであれば)、通常このような表現はできません。</p>
<p><a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%AE%A5%EB%A5%C6%A5%A3%A5%AE%A5%A2Xrd">ギルティギアXrd</a>ではレイヤーを分けるのではなく、攻撃側のキャラクターを描画するとき<span style="color: #000000; font-family: 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; font-size: 16.5165157318115px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 36.0360374450684px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: #ffffff;">、</span>深度(=Z)値だけを3D空間上で視点側に約1メートルほどオフセットさせることで<span style="color: #000000; font-family: 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; font-size: 16.5165157318115px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 36.0360374450684px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: #ffffff;">、</span>同一レイヤー&同一軸上でもキャラクターが融合してしまうよ<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A4%A6%A4%CA%BD%C5">うな重</a>なりが発生しないようにしたとのことでした。</p>
<p>(<a href="http://www.4gamer.net/games/216/G021678/20140714079/">西川善司の「試験に出るゲームグラフィックス」(2)「GUILTY GEAR Xrd -SIGN-」で実現された「アニメにしか見えないリアルタイム3Dグラフィックス」の秘密,後編 - 4Gamer.net</a>参照)</p>
<p> </p>
<p>この「深度をオフセットさせて融合しないようにする」表現をUnityで行う場合は、頂点/フラグメントシェーダ(Vertex/Fragment Shaders)でポリゴンの頂点を直接操作することで実現することができます。</p>
<p>実装するにあたり<a href="http://qiita.com/edo_m18/items/ee4b9018e860c11199b0">CG - [Unity] Vertex/Fragment shaderで通常のライティングとシャドウを適用するサンプル - Qiita</a>を参考にしました。</p>
<p>ここであげられているシェーダの以下の部分を改造します(関係ある部分のみ記述)。</p>
<p>// Vertex shader function.<br /> v2f vert(appdata_tan v) {<br /> v2f o;</p>
<p> o.pos = mul(UNITY_MATRIX_MVP, v.vertex);<br /> <span style="color: #ff0000;">o.pos.z += _ZOffset;//追加</span><br /> return o;<br />}</p>
<p>シェーダのプロパティに_ZOffsetを追加します。</p>
<p>これにより以下のようにすることが可能になりました。</p>
<p>・双方<span style="color: #000000; font-family: 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; font-size: 16.5165157318115px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 36.0360374450684px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: #ffffff;">_ZOffset=0の場合</span></p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20150112233911j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150112/20150112233911.jpg" alt="f:id:yrkhnshk:20150112233911j:plain" width="409" /></p>
<p>・片方のみ<span style="color: #000000; font-family: 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; font-size: 16.5165157318115px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 36.0360374450684px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: #ffffff;">_ZOffsetを変化させた場合</span></p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20150112233922j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150112/20150112233922.jpg" alt="f:id:yrkhnshk:20150112233922j:plain" width="407" /></p>
<p> </p>
<p>これを自作のトゥーンシェーダに実装して以下のように表現可能になりました。</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20150113004657j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150113/20150113004657.jpg" alt="f:id:yrkhnshk:20150113004657j:plain" width="477" /></p>
<p>エフェクトが奥の青いキャラの後ろ側にも回っていることがわかります。</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20150115031100g:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20150115/20150115031100.gif" alt="f:id:yrkhnshk:20150115031100g:plain" /></p>
<p>深度をリアルタイムで変化させた<a class="keyword" href="http://d.hatena.ne.jp/keyword/GIF">GIF</a>アニメ</p>
<p> </p>
<p>他にもスト4やXrdで実装しているハイブリッド投影(水平と垂直で投影方法が異なるというもの)を実装したり、キャラクターの奥側のパーツに陰が付きやすくなるようにしてみたり・・・。</p>
<p><a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%AE%A5%EB%A5%C6%A5%A3%A5%AE%A5%A2Xrd">ギルティギアXrd</a>で行っていることはUnity上でも大まかにはやれたのではないかと思います。あとはハイライトの表示でしょうか。<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%AE%A5%EB%A5%C6%A5%A3%A5%AE%A5%A2Xrd">ギルティギアXrd</a>はポストエフェクト処理も行っていますが、私が使用しているのは無料版のUnityなので無理です・・・。</p>
<p>自作シェーダも大分出来上がってきましたが、もう少しクオリティをあげられればいいなと思っています。</p>
yrkhnshk
Unity格ゲー製作状況その2
hatenablog://entry/8454420450069817057
2014-10-23T01:02:56+09:00
2014-10-23T01:10:51+09:00 最近はあまり作業できていないので進捗は少ないです。
<p>最近はあまり作業できていないので進捗は少ないです。</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20141023001633p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20141023/20141023001633.png" alt="f:id:yrkhnshk:20141023001633p:plain" /></p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20141023001828p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20141023/20141023001828.png" alt="f:id:yrkhnshk:20141023001828p:plain" /></p>
<p>普通3Dだとこんなことになってしまうゲームが大半だと思います。</p>
<p>キャラが小さく表示されていればあまり気にはならないのですが、</p>
<p>格ゲーのようにキャラが大きく表示されるゲームでは具合が悪いです。</p>
<p>(これはこれで面白いですが)</p>
<p> </p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20141023002633p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20141023/20141023002633.png" alt="f:id:yrkhnshk:20141023002633p:plain" /></p>
<p>そこで、2Dゲームのようにレイヤーを分けてしまうことで融合合体を回避します。</p>
<p> </p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20141023003933p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20141023/20141023003933.png" alt="f:id:yrkhnshk:20141023003933p:plain" /></p>
<p>カメラを回転してみると、奥の白いモデルの方が手前に表示されていることがわかります。</p>
<p>背景、赤い<span style="line-height: 24px;">モデル</span>、白い<span style="line-height: 24px;">モデル</span>だけを映すカメラをそれぞれ用意し、</p>
<p>カメラのDepthを変更して重ね合わせることでこのような表現が可能になります。</p>
<p>横からの表示がメインで、画面が頻繁に回転したりしないゲームでなければ逆に不自然ですね。</p>
<p>(そういうゲームの場合は、カメラが回転するときに通常の表示(1つのカメラで全て映す)に切り替えることになると思います)</p>
<p> </p>
<p>余談ですが、キャラの色は色ごとに動的に変更可能なように作成しています。</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20141023010038p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20141023/20141023010038.png" alt="f:id:yrkhnshk:20141023010038p:plain" /></p>
<p>そのため、ゲーム中にこのようなむちゃくちゃなカラーにすることが可能です。</p>
<p>格ゲーでたまにあるカラーエディタは実装したいですね。</p>
yrkhnshk
Unity格ゲー製作状況
hatenablog://entry/12921228815733493432
2014-09-24T01:03:20+09:00
2015-07-31T00:40:05+09:00 ブログが放置気味だったので格ゲーの進捗状況でも軽くまとめていこうかと。
<p>ブログが放置気味だったので格ゲーの進捗状況でも軽くまとめていこうかと。</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140925054854j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140925/20140925054854.jpg" alt="f:id:yrkhnshk:20140925054854j:plain" /></p>
<p><a class="keyword" href="http://d.hatena.ne.jp/keyword/%B3%CA%C6%AE%A5%B2%A1%BC%A5%E0">格闘ゲーム</a>本体の製作そっちのけでキャラ作成。</p>
<p>白衣で長身で眼鏡な姉キャラ。科学者。S気が強い。<a class="keyword" href="http://d.hatena.ne.jp/keyword/%B4%B0%E0%FA%C4%B6%BF%CD">完璧超人</a>。</p>
<p>正直、需要があるのかわからんけど俺にとってあればいい!</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140925055120j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140925/20140925055120.jpg" alt="f:id:yrkhnshk:20140925055120j:plain" /></p>
<p>バトルスタイルはフリーダムで何でもありな感じ。</p>
<p>天才なのであらゆる武道に精通していて色んな構えを取ったりとか。</p>
<p>かと思いきや自作の兵器を召喚したりとか。</p>
<p>そういうふざけた人。</p>
yrkhnshk
Unityゲーム製作の近況
hatenablog://entry/12921228815731721419
2014-08-31T23:02:52+09:00
2014-09-01T19:24:12+09:00 生きてますよ。ダラダラ開発してます。
<p>生きてますよ。ダラダラ開発してます。</p>
<p>・頂点カラーで陰影補正</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140831223836j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140831/20140831223836.jpg" alt="f:id:yrkhnshk:20140831223836j:plain" /></p>
<p>Xrdネタ。頂点カラーで陰になりやすさを制御(上のは線の太さの制御も同時にやってます)。</p>
<p>ポリゴン数が少ないのかいまいちなのでこの辺は要改善。</p>
<p> </p>
<p>・いろいろシェーダを弄ったもの</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140831224225j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140831/20140831224225.jpg" alt="f:id:yrkhnshk:20140831224225j:plain" /></p>
<p>シェーダのパラメータとして<a class="keyword" href="http://d.hatena.ne.jp/keyword/Vector">Vector</a>を追加して光源の向きを変化させたりしたもの。</p>
<p>回転させても見栄えが安定するように要改善。</p>
<p> </p>
<p>・uGUIを触ってみたり</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140831224455j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140831/20140831224455.jpg" alt="f:id:yrkhnshk:20140831224455j:plain" /></p>
<p>ついにリリースされたuGUI。uGUIを用いれば立体的なUIも可能です。</p>
<p><a class="keyword" href="http://d.hatena.ne.jp/keyword/FPS">FPS</a>のUIみたいに画面の動きに合わせて動き回るのがやりたいですねー。</p>
<p>キャラの名前は暫定です(笑)</p>
<p>パラメータも暫定です(笑)</p>
<p> </p>
<p>・嘘パース</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140831224809j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140831/20140831224809.jpg" alt="f:id:yrkhnshk:20140831224809j:plain" /></p>
<p>例によってXrdネタ。キャラクターの部分と背景とでパースを変化させたもの。</p>
<p>位置によってキャラクターの大きさを同じにするために必要になってきます。</p>
<p>あくまで2D<a class="keyword" href="http://d.hatena.ne.jp/keyword/%B3%CA%C6%AE%A5%B2%A1%BC%A5%E0">格闘ゲーム</a>を目指してますので。</p>
<p> </p>
<p>・ゼンリンの<a class="keyword" href="http://d.hatena.ne.jp/keyword/%BD%A9%CD%D5%B8%B6">秋葉原</a>マップ</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140831225425j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140831/20140831225425.jpg" alt="f:id:yrkhnshk:20140831225425j:plain" /></p>
<p>ゼンリンが公開した<a class="keyword" href="http://d.hatena.ne.jp/keyword/%BD%A9%CD%D5%B8%B6">秋葉原</a>マップ「<a href="https://www.assetstore.unity3d.com/jp/#!/content/20359">Japanese Otaku City</a>」を早速使ってみました。</p>
<p>データ量が多くてモバイルとかじゃ無理じゃね?と思いつつも、</p>
<p>光源処理とかいろいろやればそこそこ見栄えもよくなるのではって感触です。</p>
<p>上の画像のシチュエーションは適当です。特に意味はありません(笑)</p>
<p> </p>
<p>いろいろやってる割には大して進捗していないのは気のせいですかね(寄り道しすぎ)</p>
yrkhnshk
【Unity】頂点カラーで輪郭線の太さを制御する
hatenablog://entry/12921228815729708440
2014-08-07T00:06:30+09:00
2014-08-07T02:55:51+09:00 最近、3Dでアニメ的な表現をするのが流行っているような気がしてなりません。 3Dでアニメ的な表現というと、どうしても3D臭さというか違和感がつきものだと思います。 しかし、ハードや技術の進歩に伴い、徐々にアニメらしく見せることができるものができてきていると感じています。
<p>最近、3Dでアニメ的な表現をするのが流行っているような気がしてなりません。</p>
<p>3Dでアニメ的な表現というと、どうしても3D臭さというか違和感がつきものだと思います。</p>
<p>しかし、ハードや技術の進歩に伴い、徐々にアニメらしく見せることができるものができてきていると感じています。</p>
<p> </p>
<p>ここで、最近よく名前が挙がるタイトルが<a href="http://ggxrd.com/">GUILTY GEAR Xrd</a>というゲームです。</p>
<p>1年ほど前初めて公開された動画は、なかなか<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%A4%A5%F3%A5%D1%A5%AF">インパク</a>トのあるものだったと思います。</p>
<p>(3DCGに触れたことのある人なら尚更だと思います)</p>
<p><iframe src="//www.youtube.com/embed/NKGPhKu3jNg?rel=0" width="560" height="315" frameborder="0" allowfullscreen=""></iframe></p>
<p>CGWORLDや、<a class="keyword" href="http://d.hatena.ne.jp/keyword/4Gamer">4Gamer</a>のサイトでグラフィックスの特集が組まれたりもしました。</p>
<p><a href="http://www.4gamer.net/games/216/G021678/20140703095/">西川善司の「試験に出るゲームグラフィックス」(1)「GUILTY GEAR Xrd -SIGN-」で実現された「アニメにしか見えないリアルタイム3Dグラフィックス」の秘密,前編 - 4Gamer.net</a></p>
<p><a href="http://www.4gamer.net/games/216/G021678/20140714079/">西川善司の「試験に出るゲームグラフィックス」(2)「GUILTY GEAR Xrd -SIGN-」で実現された「アニメにしか見えないリアルタイム3Dグラフィックス」の秘密,後編 - 4Gamer.net</a></p>
<p>予想はしていましたが、あまりの力の入りように戦慄したものです(笑)。</p>
<p> </p>
<p>前置きが長くなりましたが、このゲームで導入されている<a class="keyword" href="http://d.hatena.ne.jp/keyword/%B5%BB%CB%A1">技法</a>のひとつに、</p>
<p><strong>キャラクターの輪郭線の太さを変化させる表現</strong>があります。</p>
<p>輪郭線を同じ太さではなく、ペンを走らせたように太さに強弱をつけることで、</p>
<p>より手描きらしく表現するというものです。</p>
<p><a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%AE%A5%EB%A5%C6%A5%A3%A5%AE%A5%A2Xrd">ギルティギアXrd</a>は<a class="keyword" href="http://d.hatena.ne.jp/keyword/Unreal%20Engine">Unreal Engine</a> 3で開発されていますが、</p>
<p>この表現をUnityで実現できないか、実験してみることにしました。</p>
<p> </p>
<p><a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%AE%A5%EB%A5%C6%A5%A3%A5%AE%A5%A2Xrd">ギルティギアXrd</a>では、頂点カラーを用いてさまざまな制御を行っています。</p>
<p><span style="line-height: 24px;"><a class="keyword" href="http://d.hatena.ne.jp/keyword/4Gamer">4Gamer</a>の</span>記事にも載せられていますが、頂点カラーのアルファ値を輪郭線の太さの係数としています。</p>
<p>そこで、UnityのToony-BasicOutline.shaderをもとに、同様の処理を実装しました。</p>
<p> </p>
<p>まず、頂点カラーの設定されたモデルを作成し、Unityにインポートします。</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140806235515j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140806/20140806235515.jpg" alt="f:id:yrkhnshk:20140806235515j:plain" /></p>
<p><a class="keyword" href="http://d.hatena.ne.jp/keyword/Blender">Blender</a>で、テクスチャを頂点カラーとして焼き込むのが手っ取り早いです。</p>
<p>次に、<span style="line-height: 24px;">Toony-BasicOutline.shaderを改造します。</span></p>
<p>以下は一部を抜き出したもので、赤文字の部分が追加、変更箇所です。</p>
<p> struct appdata {<br /> float4 vertex : POSITION;<br /> float3 normal : NORMAL;</p>
<p> <span style="color: #ff0000;">float4 color : COLOR;//頂点カラーを扱えるようにするため追加。</span><br /> };</p>
<p> </p>
<p> v2f vert(appdata v) {<br /> v2f o;<br /> o.pos = mul(UNITY_MATRIX_MVP, v.vertex);</p>
<p> float3 norm = mul ((float3x3)UNITY_MATRIX_IT_MV, v.normal);<br /> float2 offset = TransformViewToProjection(norm.xy);</p>
<p> </p>
<p> <span style="color: #ff0000;">//輪郭線の太さを設定している箇所。ここで頂点カラーのR値で太さを制御する。</span></p>
<p><span style="color: #ff0000;"> //<span style="line-height: 24px;">v.color.rが頂点カラーのR値。</span></span></p>
<p><span style="color: #ff0000;"><span style="line-height: 24px;"> //このままこれを掛けた場合、R値が0の際に輪郭線がなくなるため、</span></span></p>
<p><span style="color: #ff0000;"> //ここでは補正として0.5をプラスしている。</span></p>
<p><span style="color: #ff0000;"> o.pos.xy += offset * (v.color.r + 0.5) * _Outline;</span></p>
<p> </p>
<p> o.color = _OutlineColor;</p>
<p> return o;<br /> }</p>
<p>これにより、以下のような表現ができました。</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140806235537j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140806/20140806235537.jpg" alt="f:id:yrkhnshk:20140806235537j:plain" /></p>
<p>頂点カラーを可視化したものは、以下のようになります。</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140806235614j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140806/20140806235614.jpg" alt="f:id:yrkhnshk:20140806235614j:plain" /></p>
<p>赤い部分ほど太く、黒い部分ほど細くなっていることがわかります。</p>
<p> </p>
<p>頂点カラーの活用により、表現の幅が広がったのではないかと考えています。</p>
<p> </p>
<p>・参考文献</p>
<p><a href="http://enginetrouble.blog136.fc2.com/blog-entry-361.html">中の虫などいない Unityシェーダ講座⑥(輪郭線の話)</a></p>
<p><a href="http://kagring.blog.fc2.com/blog-entry-9.html">デフォルトアウトラインの太さ 凛(kagring)のUnity(とQt)勉強中ブログ</a></p>
<p><a href="http://tips.hecomi.com/entry/2014/03/16/233943">Unity のシェーダの基礎を勉強してみたのでやる気出してまとめてみた - 凹みTips</a></p>
<p><a href="http://wiki.unity3d.com/index.php?title=Shader_Code">Shader Code - Unify Community Wiki</a></p>
yrkhnshk
Unityのデフォルトのトゥーンシェーダにノーマルマップを実装する
hatenablog://entry/12921228815729309074
2014-07-31T23:28:28+09:00
2014-08-03T17:27:46+09:00 Unityにデフォルトでついているトゥーンシェーダには、 ノーマルマップを設定するパラメータがなかったので、 Toony-Lighted.shaderに追加してみました。
<p>Unityにデフォルトでついているトゥーンシェーダには、</p>
<p>ノーマルマップを設定するパラメータがなかったので、</p>
<p>Toony-Lighted.shaderに追加してみました。</p>
<p> </p>
<p>赤文字が追加部分です。</p>
<p>Shader "Toon/Lighted <span style="color: #ff0000;">Bump</span>" {<br /> Properties {<br /> _Color ("Main Color", Color) = (0.5,0.5,0.5,1)<br /> _MainTex ("Base (<a class="keyword" href="http://d.hatena.ne.jp/keyword/RGB">RGB</a>)", 2D) = "white" {}<br /> _Ramp ("Toon Ramp (<a class="keyword" href="http://d.hatena.ne.jp/keyword/RGB">RGB</a>)", 2D) = "gray" {} <br /> <span style="color: #ff0000;"> _BumpMap ("Normalmap", 2D) = "bump" {}</span><br /> }</p>
<p> SubShader {<br /> Tags { "RenderType"="Opaque" }<br /> LOD 200<br /> <br />CGPROGRAM<br />#pragma <a class="keyword" href="http://d.hatena.ne.jp/keyword/surface">surface</a> surf ToonRamp</p>
<p>sampler2D _Ramp;</p>
<p>// custom lighting function that uses a texture ramp based<br />// on angle between light direction and normal<br />#pragma lighting ToonRamp exclude_path:prepass<br />inline half4 LightingToonRamp (SurfaceOutput s, half3 lightDir, half atten)<br />{<br /> #ifndef USING_DIRECTIONAL_LIGHT<br /> lightDir = normalize(lightDir);<br /> #endif<br /> <br /> half d = dot (s.Normal, lightDir)*0.5 + 0.5;<br /> half3 ramp = tex2D (_Ramp, float2(d,d)).<a class="keyword" href="http://d.hatena.ne.jp/keyword/rgb">rgb</a>;<br /> <br /> half4 c;<br /> c.<a class="keyword" href="http://d.hatena.ne.jp/keyword/rgb">rgb</a> = s.Albedo * _LightColor0.<a class="keyword" href="http://d.hatena.ne.jp/keyword/rgb">rgb</a> * ramp * (atten * 2);<br /> c.a = 0;<br /> return c;<br />}</p>
<p><br />sampler2D _MainTex;<br /><span style="color: #ff0000;">sampler2D _BumpMap;</span><br />float4 _Color;</p>
<p>struct Input {<br /> float2 uv_MainTex : TEXCOORD0;<br /> <span style="color: #ff0000;"> float2 uv_BumpMap;</span><br />};</p>
<p>void surf (Input IN, inout SurfaceOutput o) {<br /> half4 c = tex2D(_MainTex, IN.uv_MainTex) * _Color;<br /> o.Albedo = c.<a class="keyword" href="http://d.hatena.ne.jp/keyword/rgb">rgb</a>;<br /> o.Alpha = c.a;<br /> <span style="color: #808000;"> <span style="color: #ff0000;">o.Normal = UnpackNormal(tex2D(_BumpMap, IN.uv_BumpMap));</span></span><br />}<br />ENDCG</p>
<p> }</p>
<p> Fallback "Diffuse"<br />}</p>
<p> </p>
<p>これだけです。簡単ですね。</p>
<p><a href="http://www32.atwiki.jp/nakamura001/pages/178.html">nakamura001 @ ウィキ - トップページ/Unity(Unity3D)/内蔵シェーダのソースコード</a>を参照しました。</p>
<p> </p>
<p>このシェーダを使うとこんな感じになります。面白い表現ができそうですね。</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140731232724j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140731/20140731232724.jpg" alt="f:id:yrkhnshk:20140731232724j:plain" /></p>
<p>追記:</p>
<p>上の画像は、輪郭線を表示するためToony-LightedOutline.shaderに今回のシェーダを組み込むことで実現しました。</p>
<p> </p>
<p>以下の<span style="line-height: 24px;">赤文字が<span style="line-height: 24px;">Toony-LightedOutline.shaderの追加・変更</span>部分です。</span></p>
<p>Shader "Toon/Lighted<span style="color: #ff0000;"> Bump </span>Outline" {<br /> Properties {<br /> _Color ("Main Color", Color) = (0.5,0.5,0.5,1)<br /> _OutlineColor ("Outline Color", Color) = (0,0,0,1)<br /> _Outline ("Outline width", Range (.002, 0.03)) = .005<br /> _MainTex ("Base (<a class="keyword" href="http://d.hatena.ne.jp/keyword/RGB">RGB</a>)", 2D) = "white" {}<br /> _Ramp ("Toon Ramp (<a class="keyword" href="http://d.hatena.ne.jp/keyword/RGB">RGB</a>)", 2D) = "gray" {} <br /> <span style="line-height: 24px;"> </span><span style="color: #ff0000;">_BumpMap ("Normalmap", 2D) = "bump" {}</span><br /> }</p>
<p> SubShader {<br /> <span style="line-height: 24px;"> </span>Tags { "RenderType"="Opaque" }<br /> <span style="line-height: 24px;"> </span>UsePass "Toon/Lighted<span style="color: #ff0000;"> Bump</span>/FORWARD"<br /> <span style="line-height: 24px;"> </span>UsePass "Toon/<a class="keyword" href="http://d.hatena.ne.jp/keyword/Basic">Basic</a> Outline/OUTLINE"<br /> } <br /> <br /> Fallback "Toon/Lighted <span style="color: #ff0000;">Bump</span>"<br />}</p>
yrkhnshk
DropboxにアップロードしたUnityゲームをはてなブログに埋め込む
hatenablog://entry/12921228815728684574
2014-07-23T00:11:21+09:00
2014-08-03T17:04:53+09:00 ゲームじゃないですけど(ゲームもやり方は一緒です)。
<p>ゲームじゃないですけど(ゲームもやり方は一緒です)。</p>
<p><iframe style="border: none; margin: 0; padding: 0; overflow: hidden;" src="https://dl.dropboxusercontent.com/s/07wuaaycrudv3t6/wp_blog.html" width="800" height="400" scrolling="no" seamless=""></iframe></p>
<p>やり方としては、</p>
<p><a href="http://unityroom.com/app/webroot/blog/post-6/">【使い方】うに部屋に投稿したゲームをブログに埋め込む方法</a>を参考にしました。</p>
<p>iframeタグを使う方法ですね。</p>
<p><a class="keyword" href="http://d.hatena.ne.jp/keyword/Dropbox">Dropbox</a>上にUnityゲームをアップロードするのは、</p>
<p><a href="http://terasur.blog.fc2.com/blog-entry-143.html">テラシュールウェア [Unity3D]Web Playerで作ったゲームをWebで公開</a>を参考にしました。</p>
<p>・・・最近アカウントを作ったのでPublicフォルダがないですか?</p>
<p>それは自分で考えてください。</p>
<p>(私の作ったページのソースを見ればわかると思いますが。。。)</p>
<p> </p>
<p>進捗状況の公開もかねてモーションビューアを作成しました。</p>
<p>特殊な作りなので見た目以上に手間がかかっています。</p>
<p>Unityの機能をあまり使っていないような・・・。</p>
<p>とりあえず土台はできたので、後はこの調子でモーションをガーっと作っていくことになるかと。</p>
<p>ポリゴンモデルの改善?それは完成してから考えます。</p>
yrkhnshk
【Unity】3Dによるアニメ表現の模索その2
hatenablog://entry/12921228815727814397
2014-07-10T01:03:08+09:00
2014-08-03T17:05:44+09:00 アニメーション以外にも輪郭線とか陰とか表情とかも上手く表現できればと。 現状はこのような感じです。
<p>アニメーション以外にも輪郭線とか陰とか表情とかも上手く表現できればと。</p>
<p>現状はこのような感じです。</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140710004351p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140710/20140710004351.png" alt="f:id:yrkhnshk:20140710004351p:plain" /></p>
<p>テクスチャは未使用(目の部分もポリゴンのみで表現)。</p>
<p>細かくマテリアルを分けて輪郭線の色や深度を調整。</p>
<p>深度を変えることで、髪の毛の余計な輪郭を消したり、眉毛を髪の毛の手前に持ってきたりしています。</p>
<p>深度の変更については<a href="http://enginetrouble.blog136.fc2.com/blog-entry-361.html">中の虫などいない Unityシェーダ講座⑥(輪郭線の話)</a>を参照しました。</p>
<p>必ず陰影を落したい部分(額とか)は、セルシェーディングの陰の部分と同じ色のマテリアルを塗ることで作成。</p>
<p>アウトラインで出せない常に表示される輪郭線はポリゴンの板で表現。</p>
<p>口の部分についてはポリゴンを変形した頭部に差し替えることで表現。</p>
<p> </p>
<p>あとは法線転写でセルシェーディングの陰の出かたを調整したりするあたりだろうか。</p>
<p>まだまだ模索は続きます。</p>
yrkhnshk
【Unity】3Dによるアニメ表現の模索
hatenablog://entry/12921228815727679802
2014-07-08T00:56:05+09:00
2014-08-03T17:06:06+09:00 最近は格ゲー作ったりJumping Unity!改修したり。 格ゲーのほうはアニメーション表現を模索中。
<p>最近は格ゲー作ったり<a href="http://unityroom.com/game/000047">Jumping Unity!</a>改修したり。</p>
<p>格ゲーのほうはアニメーション表現を模索中。</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140708004422p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140708/20140708004422.png" alt="f:id:yrkhnshk:20140708004422p:plain" /></p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140708004443p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140708/20140708004443.png" alt="f:id:yrkhnshk:20140708004443p:plain" /></p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140708004458p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140708/20140708004458.png" alt="f:id:yrkhnshk:20140708004458p:plain" /></p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140708004505p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140708/20140708004505.png" alt="f:id:yrkhnshk:20140708004505p:plain" /></p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140708004514p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140708/20140708004514.png" alt="f:id:yrkhnshk:20140708004514p:plain" /></p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140708004522p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140708/20140708004522.png" alt="f:id:yrkhnshk:20140708004522p:plain" /></p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140708004534p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140708/20140708004534.png" alt="f:id:yrkhnshk:20140708004534p:plain" /></p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140708004543p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140708/20140708004543.png" alt="f:id:yrkhnshk:20140708004543p:plain" /></p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140708004550p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140708/20140708004550.png" alt="f:id:yrkhnshk:20140708004550p:plain" /></p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140708004558p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140708/20140708004558.png" alt="f:id:yrkhnshk:20140708004558p:plain" /></p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140708004422p:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140708/20140708004422.png" alt="f:id:yrkhnshk:20140708004422p:plain" /></p>
<p>キャラは3Dで作成。</p>
<p>こんな感じで適当にポーズを調整していって適度にウェイトをかけつつコマ送りで再生してます。</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140708004711g:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140708/20140708004711.gif" alt="f:id:yrkhnshk:20140708004711g:plain" /></p>
<p>現在はコマごとにエフェクトをつけたり部位のサイズを弄ったりできるように機能を作成中です。</p>
yrkhnshk
Jumping Unity!修正状況
hatenablog://entry/12921228815726649526
2014-06-22T22:08:57+09:00
2014-08-03T17:06:28+09:00 優先度高のやつは大体完了。
<p>優先度高のやつは大体完了。</p>
<p>星の位置が透けて見えるようにした。</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140622220643j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140622/20140622220643.jpg" alt="f:id:yrkhnshk:20140622220643j:plain" /></p>
<p>背景の陰影の焼きこみをやっていなかったのでやっておいた。</p>
<p>あとはジャンプの挙動も直さないと。</p>
<p>(空中での軌道変更絡み)</p>
<p>とりあえずある程度修正したら公開して格ゲー製作に戻りたい!Photon Cloud弄りたい!</p>
yrkhnshk
Jumping Unity!修正予定
hatenablog://entry/12921228815726321835
2014-06-17T21:45:23+09:00
2014-08-03T17:07:50+09:00 Jumping Unity!はJumping Flash!という、20年近く前にSCEがPS1で発売したゲームが元ネタ(のつもり)。 ブラウザプラグインであるFlashとUnityをかけたつもり。
<p>Jumping Unity!はJumping <a class="keyword" href="http://d.hatena.ne.jp/keyword/Flash">Flash</a>!という、20年近く前に<a class="keyword" href="http://d.hatena.ne.jp/keyword/SCE">SCE</a>がPS1で発売したゲームが元ネタ(のつもり)。</p>
<p>ブラウザ<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%D7%A5%E9%A5%B0%A5%A4%A5%F3">プラグイン</a>である<a class="keyword" href="http://d.hatena.ne.jp/keyword/Flash">Flash</a>とUnityをかけたつもり。</p>
<p> 作業予定の備忘録。</p>
<p> </p>
<p>優先度:高</p>
<p>・背景のポリゴン、テクスチャを修正する</p>
<p>・行ける範囲をわかるようにする</p>
<p>・カメラが壁にめり込んだときにキャラが見えなくなる箇所があるのを修正する</p>
<p>・カメラの追尾性を調整する</p>
<p>・星の位置がわかるようにする(位置は変更しない予定)</p>
<p> </p>
<p>優先度:中</p>
<p>・いきなりスタートするのでスタート時にカウントダウンを入れる</p>
<p>・効果音を追加する</p>
<p>・キャラのモーションの追加、修正する(特にスカート)</p>
<p>・段差の引っ掛かりを軽減する</p>
<p>・クリアしたあとのキャラの挙動を直す</p>
<p>・カメラの追尾性、キャラからの距離、マウス感度の調整オプションを入れる</p>
<p>・<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%EA%A5%D5%A5%A1%A5%AF%A5%BF%A5%EA%A5%F3%A5%B0">リファクタリング</a>をする</p>
<p> </p>
<p>優先度:低</p>
<p>・キャラをもっと可愛くする</p>
<p>・キャラに声を入れる</p>
<p>・タイトル画面をちゃんと作る</p>
<p>・UIをちゃんと作る</p>
yrkhnshk
【Unity】1週間げーむじゃむの感想等
hatenablog://entry/12921228815725809316
2014-06-09T23:13:01+09:00
2014-08-03T17:08:14+09:00 ゆにひろば • トピック - 2014/06/02~2014/06/08 お題『ジャンプ』にて、 Jumping Unity!を製作しました。 以下感想等
<p><a href="http://www54.atpages.jp/~unitylib/forum/viewtopic.php?f=35&t=30">ゆにひろば • トピック - 2014/06/02~2014/06/08 お題『ジャンプ』</a>にて、</p>
<p><a href="http://unityroom.com/game/000047">Jumping Unity!</a>を製作しました。</p>
<p> </p>
<p>以下感想等</p>
<p>・怠け癖なので9割土日で作った</p>
<p>・ゲームとして形にするのが大変だった</p>
<p>・コードがかなり汚くなったので直したい気分</p>
<p>・というかゲームバランスとか操作性とか色々直したい</p>
<p>・音量が小さい気がする。喧しいよりはマシか</p>
<p>・地味に<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%B2%A1%BC%A5%E0%A5%B3%A5%F3%A5%C8%A5%ED%A1%BC%A5%E9">ゲームコントローラ</a>ーに対応した</p>
<p>・しかしどうボタン設定してもマウスのほうがやりやすい</p>
<p>・3D酔いされた方がいらっしゃった。カメラの追尾性が低いのも原因のひとつか</p>
<p>・TPSは酔いにくいと言われるが自キャラが動き回って視線が定まらないのがまずいか</p>
<p>・星の場所がわかりにくいという意見も多かった</p>
<p>・フィールドが広い割りに星は比較的狭い範囲にあるのでわかりにくいのかもしれない</p>
<p>・まだ完成していないときに「<a href="http://unityroom.com/game/000039">カレーコロッケおいしいよね</a>」が投稿されて焦った</p>
<p>・あまり他の方のゲームが遊べなかったのでこれから遊びたい</p>
<p> </p>
<p>・いろいろな方の感想がもらえて嬉しいです</p>
<p>・言われてわかったことも多かったです。一人で作っていてはわからないですね</p>
<p>・これからも何か作りたいです</p>
yrkhnshk
1週間Unity進捗状況
hatenablog://entry/12921228815725595938
2014-06-05T23:46:30+09:00
2014-08-03T17:10:26+09:00 走って飛び回ってアイテムを回収するだけという、 シンプルな内容になる予定。
<p>走って飛び回ってアイテムを回収するだけという、</p>
<p>シンプルな内容になる予定。</p>
<p> </p>
<p>・プレイヤーの女の子</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140605234242j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140605/20140605234242.jpg" alt="f:id:yrkhnshk:20140605234242j:plain" /></p>
<p>製作中の<a class="keyword" href="http://d.hatena.ne.jp/keyword/%B3%CA%C6%AE%A5%B2%A1%BC%A5%E0">格闘ゲーム</a>のキャラクターでもあります。 </p>
<p> </p>
<p>・移動速度は速め</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140605234424j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140605/20140605234424.jpg" alt="f:id:yrkhnshk:20140605234424j:plain" /></p>
<p>格ゲーでもスピードキャラにする予定です(紙装甲)。 </p>
<p> </p>
<p>・ハイジャンプ等が可能</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140605234456j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140605/20140605234456.jpg" alt="f:id:yrkhnshk:20140605234456j:plain" /></p>
<p>格ゲーではこんなに飛ばさないです。</p>
yrkhnshk
ブログ始めました!
hatenablog://entry/12921228815725472441
2014-06-03T22:50:07+09:00
2014-08-03T17:10:56+09:00 Unityの情報や、製作中の2D格闘ゲームの進捗状況を公開していきます。 こんなゲームを作っています。
<p>Unityの情報や、製作中の2D<a class="keyword" href="http://d.hatena.ne.jp/keyword/%B3%CA%C6%AE%A5%B2%A1%BC%A5%E0">格闘ゲーム</a>の進捗状況を公開していきます。</p>
<p>こんなゲームを作っています。</p>
<p><img class="hatena-fotolife" title="f:id:yrkhnshk:20140603224808j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/y/yrkhnshk/20140603/20140603224808.jpg" alt="f:id:yrkhnshk:20140603224808j:plain" /></p>
<p><a href="http://ggxrd.com/">ギルティギアXrd</a>を目標に頑張っていきます!!</p>
yrkhnshk