はてなブックマーク

先月、聖剣伝説3 TRIALS of MANA のスマホ版がリリースされました。 スーファミ版リアルタイム世代なのもあって楽しく遊んでます！ フレームレートの安定ためにコンシューマ版に比べて一部ポストエフェクトを切っていたり色域が違うように見えたりと、細かに調整されていて、スマホでもスムーズに遊べていて感動です・・・。（コンシューマ版開発時点でスマホ対応も構想に入っていたらしい） 聖剣３TOMを遊んでいて印象的だったのが、光沢を感じるような独特の陰影の付け方でした。 「何かグラフィックに関するインタビューとかないかなぁ」と探したところ、　UNREAL FEST EXTREME 2020 WINTER でドンピシャな講演をされていたようで、そのアーカイブが見つかりました！（36:07〜） ありがたや…。 講演の中でシェーダーに関する細かいお話があって良い足がかりになったので、聖剣３TOMのキ

画面の見栄えを良くするテクニックはいろいろありますが、パッと見の印象が大きく変えたい！となったらやっぱり**Bloom**が一番効果が高いイメージがあります。 ↑なんかすごい（小並感） ただ、**「UIを光らせたい」**となったときにCanvasにBloomを反映させるのはけっこう乱暴だと思ってて、現実的じゃないという認識です。 ビジュアルの調整が難しいということもあるんですが、そもそも3Dモデルを映すカメラにはBloom以外にブラーなどのポストエフェクトをかけることもあるだろうから、それを配慮すると 3DカメラとUIカメラのそれぞれでBloomをかけないといけない ということになってしまい、負荷的に超キツい。 ということで、 ポストエフェクト無しでBloomみたいな効果 を出せるか挑戦してみました。 ■おまけ [Unity]uGUIをBloomを使って光らせ、EmissionColorも

＼シュッ／ 2Dアニメーションでよくあるこういう引き延ばしたような残像を3Dでもやりたいです。 一般的に3Dにおける残像といったら、ポストエフェクトのモーションブラーですが・・・ これは結構現実世界の残像に近い印象で、ちょっとイメージしてるのと違うのです。 もっとこう・・・ビヨーンとしたほうがアニメ的というか、面白みがあるというか・・・ やってみた これがやりたかった。 GitHubにプロジェクト公開しました。Sphereがクリックした位置に残像を残しながら移動します。 【GitHub】VertexBlur https://github.com/fluncle/VertexBlur なにこれ？ モデルの頂点を移動方向の後ろに伸ばして、少し遅れてついてくるような動きを作りました。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 2Dゲームのリッチなビジュアル ずいぶん前になりますが、オクトパストラベラーが発売されたとき、「3Dは技術的な手段でビジュアルをリッチに見せる方法がたくさんあるけど、2Dゲームのビジュアルを技術でリッチにしてるのってあんまり無いのでは・・・？ 」と、技術需要が発生しそうな匂いを感じたので研究しはじめました。 調べたらすでに結構そういうゲームはあって無知を知る結果にはなりましたが、じゃあ「その実現方法わかる？」といわれると微妙なところだったので、研究を継続することに。 まずは 市場の絵が綺麗なゲームがなぜ綺麗に見えるのか？ を言語化して、

グレンジ Advent Calendar 2017 9日目担当の、flankids と申します。 グレンジでUnityによる新規ゲームアプリ開発のクライアントエンジニアをしております。 今回は、Unityでスマートフォン向けアプリを開発する上での負荷削減についてのお話です。よろしくお願い致します！ はじめに スマートフォンのスペックは年々高くなっていますが、それに合わせてゲームアプリのクオリティも高いものがどんどんリリースされており、 ビジュアルはもちろん、FPSを担保して操作感も快適なものにすることが要求されています。 （重くてカクカクなゲームはやりたくないし、かといって見た目がしょぼい3Dモデルやエフェクトのものもちょっと・・・） 高いクオリティのクリエイティブを使って、贅沢な画面表現を使いつつ、動作は軽くしたい！ そこで、 負荷削減にあたって、どこから決めればいいのか？ 測定はどうや

スマホゲーのカメラの不満 ちょっと前までは、パズル＆RPG的なゲームばっかりだと思ってたら、いつの間にかガンガン動くアクションゲームがドンドン出ています。 けど、エフェクトとかカメラ効果はキレイだったりするけど、いざプレイするとカメラが固定角度だったり、引き気味での表示だったり、視界変更は移動とは別操作だったりと、どれもスマホならではアクションゲームのカメラ挙動の確立に苦戦してたり、割り切ってしまってたりするように思います。（インストールしてみてガッカリ…という経験ある人も多いのでは） 処理負荷やリソース量を抑えるために背景を特定の角度からしか映せない！という事情もあるかもですが、やっぱりスマホでもいろんな視点からモノが見えるビューを実現したい！ ということで、 スマホでも無理なくできる操作量で 観たい場所に無理なくカメラが動き 自由度の権化であるゼルダっぽい移動とカメラ が実現できるかを

やりたいこと ゲームで3D空間上に表示するUIで、下記条件を満たすUIを作りたかったので、試行錯誤しました。 仕様 特定の3Dオブジェクトに関するUIを、そのオブジェクトより必ず前面に表示されるようにしたい カメラとの距離・角度に関係なく常に同じサイズ・角度でUIを表示したい つまりどういうことかというと、 こんな感じの、特定の3Dオブジェクトに追従するUIに使うのに必要でした。 問題点 仕様2を満たすだけなら、Camera.WorldToScreenPointを使えばすぐですが・・・ 当然ですがCanvasに普通にUIを配置すると、こんな感じに表示類が必ず前面に出てしまうため、カメラワークやオブジェクトの配置によっては、 ▼敵への照準なのにプレイヤーより前に出てしまう ▼壁の向こうにいる敵が事前に分かってしまう というような問題が出てしまいます。 ※逆にこういうのが問題にならないゲームな

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近行った負荷対策と、それぞれの効果について簡単にまとめました。 ※効果については、基本的にプロジェクトによりけり。自身のケースではどのくらいだったかを基準にしてます GetComponentの呼び出しを抑える（効果：大） 取得したインスタンスを変数にキャッシュして、呼び出しを最低限に抑えること。 特に、Update内やfor文内で呼ばれるとかなりな処理時間に。メソッド内で使う場合、気付き辛いので注意。 Distanceやmagnitudeなど、距離やベクトルの長さの計算改善（効果：大） 必然性が無ければ、極力使わないほうがよい。 例え

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? GPU負荷の原因はいろんな要素が原因に考えられます。 一般的にドローコールやモデルのポリゴン数を減らすことで負荷を下げていきますが、 先にそもそもの設定を見直すことを推奨 します。 設定の難易度と効果を加味して、おすすめの対処順に紹介していきます。 1. 解像度を下げる 2. ライトを減らすorなくす 3. 半透明のモデルを減らすorなくす 4. ドローコール（SetPassCall）を減らす 5. ポリゴン数を減らす 6. その他 解像度を下げる Android端末は、iOSに比べて GPUが弱めの割に、解像度はやたら高い ものが多い