海外サイト Medium で公開された The ultimate guide to proper use of animation in UX by Taras Skytskyi より許可をもらい、翻訳転載しています。 最近では、UIデザインのアニメーションで感動させたり、驚くせることは難しくなってきています。画面上でのやり取りを示したり、アプリケーションの使い方を説明したり、ユーザーの注意を向けるなど、実装テクニックはさまざまです。 この記事では、UXデザインにおけるアニメーションの基本原則とルールをまとめてご紹介します。これからインターフェースデザインのアニメーションを作成したいというひとが、追加情報を探す必要がないよう、アニメーションのすべてをまとめた完全ガイドです。 アニメーションの持続時間とスピード 要素の状態や位置が変更されると、アニメーションの長さは、ユーザーに変更を通知し、

例えばゲームのアイテムメニューにある薬草を捨ててゲームに戻るまでの挙動を考えてみます： 1.  ゲーム画面からアイテムメニューを開く 2. アイテム項目「武器、道具、魔法」から「道具」を選択 3. 道具一覧から薬草を選択 4.「使う、渡す、捨てる」から「捨てる」を選択 5. 「捨てても大丈夫？」という警告ダイアログが出るので「はい」を選択 6. 道具一覧に戻る 7. アイテム項目へ戻る 8. ゲーム画面に戻る こういう「どんどん先へ進んで末端まで行ったら戻る戻る戻る…」という状態遷移を実現するのがスタックベース状態遷移です。 各状態は「終わったよ～」を告げる スタックというのは配列やリストのようなコンテナの一つです。追加した最新の物だけに注目するのが特徴で、アクセスも最新の物しか出来ません。そして、今注目している物がいらなくなったらpop（取り出し）すると、その前に追加した物が有効になりま

1. はじめに 2. 合成モード実装実験 2.1 下準備 2.2 「減算」族 〜 重ねると暗くなる 2.2.1 比較(暗) Darken 2.2.2 乗算 Multiply 2.2.3 焼き込みカラー Color Burn 2.2.4 焼き込みリニア Linear Burn 2.2.5 カラー比較(暗) Darker Color 2.3.「加算」族 〜 重ねると明るくなる 2.3.1 比較(明) Lighten 2.3.2 スクリーン Screen 2.3.3 覆い焼きカラー Color Dodge 2.3.4 覆い焼きリニアLinear Dodge 2.3.5 カラー比較(明) Lighter Color 2.4「複雑」族 〜 50%グレーを境に、暗部は暗く・明部は明るく 2.4.1 オーバーレイ Overlay 2.4.2 ソフトライト Soft Light 2.4.3 ハードライト

はじめに この記事はCompetitive Programming Advent Calendar12月10日分の記事です。 誤差が原因でWAになる問題が嫌いな人は決して少なくないと思います。「こんなのは本質的なことではない」という人もいるでしょう。誤差を回避することが本質となるような問題がコンテストに出てもきっと人気は出ないでしょう。自分も以前は誤差死の起きうる問題は嫌いでしたが、最近はそれを回避するのも面白さだと感じるになってきました。 しかし面白いとかつまらないとか好きとか嫌いとか以前に非ACは悔しいものです。なので今回は、誤差死などを回避するために地味なネタである浮動小数点数について書こうと思います。 A+B problem とりあえず、いろんなオンラインジャッジで最初の1問目として見ることの多いA+B problemを解いてみましょう。よくあるのは整数の和を出力させる問題ですが、

LWRPとShaderGraphを実際にゲーム開発に活用してみた事例を紹介します。 Unite Tokyo 2019 Eve2 LT Fes...

わりとデスクトップなどではNVIDIA GPUよく使ってるのですが、GPD WIN Max 2（2022版）とROG AllyとRyzen 6800UやRyzen Z1なSoCのモバイルゲーミングPCがあるのでそろぞれのGPUの世代の違いをちょっと色々調べてみようかと思っています。 Ryzen 6800U...RDNA2 Ryzen Z1...RDNA3 って感じで、世代の違いははっきりしてるんですが、DirectX Caps Viewerなどでちょっとサポート機能を見てみたりとかしてみようと思います。 一応、すぐわかったこととして、Ryzen 6800UはDXR 1.1だけどMesh Shaderはサポートしない。Ryzen Z1はMesh Shaderはサポートする、みたいな感じですね。ほかの部分もちょっと比較してみたいと思っています。

環境 Unity 2019.1.5f1 TextMeshPro 2.0.1 やりたかったこと TextMeshProを使っていて、アウトラインを太くしたら見切れてしまった。 これを綺麗に表示したいと思います。 TextMeshProでアウトラインをつける方法自体は説明を省きますが、こちらの記事が分かりやすいです。 【Unity】TextMeshProのアウトラインは、uGUIのと比べてとても良い - テラシュールブログ 結論 先に結論を書いておくと、FontAssetCreatorでアセットを作る際に、Padding の値を大きくしておくと綺麗にアウトラインが描けます。 例えば、Sampling Point Size = 64 、 Padding = 16 だと下の図のようになります。 Sampling Point Size = 64(黄緑) に対して、Padding = 16(赤) がつ

追記 2020/03/20 記事が長く画像が多いためページの表示が正常に行われていませんでした。 そのため記事を分割し再投稿しました。 以下のリンク先にこの記事の内容は移してあります。 Houdiniで橋のモデリングを行いUnityのHDRPでセットアップして表示してみる（目次）

Contact the domain owner here gmork.in 2023 著作権. 不許複製 プライバシーポリシー

AMeeTは、一般財団法人NISSHA財団が運営しています。 © 2009 Nissha Foundation. All Rights Reserved.

はじめに 現代では多くの人々がスマートフォンやタブレットを所持し、ゲームを楽しんでいることと思います。 モバイル向けのゲーム市場は大きく、世界では今も多くの開発者たちが iOS / Android 向けの商用ゲームを作っています。 さて、モバイルゲームの開発には、多くの開発者を悩ませるちょっと困った事情があります。 それは ディスプレイが非常に多くの多様性を持っている ことです。 正方形に近い形のタブレットもあれば細長い端末もあり、カメラがディスプレイの中に割り込んでいたり、 OS が専有する領域があったりと様々です。物理的な大きさもバラバラですね。 そのくせモバイル端末はタッチパネルで、ディスプレイに触れる UI になっているのです。 ゲーム開発を生業とする多くのエンジニア / アーティスト / ゲームデザイナーは、 これまでに何度も頭を抱えてきたことでしょう。 本稿では、2019 年現

※最終更新日　2022.01.16規約内容は予告なく変更する場合があります。ご理解いただける方のみご利用ください。また、素材に同梱している規約は内容が古くなっている場合があります。規約に該当する素材「当サイトにて配布しているフリー素材すべて」に利用規約が適用されます。（※素材によっては例外もございますので、ご利用前に必ずご確認ください）なお、BOOTHで販売している有料素材につきましては、有料素材用の利用規約を設...

こんにちは。バーチャルキャストクライアント開発のnotargs(のたぐす)です。今回は技術ブログシリーズの第2回を担当させていただくことになりました。 さて、Unity2019.1からしれっと追加されていたマイナーなAPI、BatchRendererGroupをご存知でしょうか。 このAPIはDOTS/SRP向けに最適化されたメッシュを描画するためのAPIで、Graphics.DrawMeshなどを置き換えるものとして設計されています。 ECS向けの描画APIであるHybrid Renderer V2の基盤としても使われているため、より深く知りたい人はそちらのコードを追ってみてください。 この記事では、BatchRendererGroupの使い方について紹介していきます。 Graphics.DrawMesh系との主な違い DOTSベースでJob/NativeArrayに対応しているため、マ

今回は、カスタムノードにカスタムパラメータを追加してみます VerbとProtoヘッダファイル 最近のHDKでは、SOPノード作成にVerbという仕組みを使うことが多いようです。 Verbというのは、かなりざっくりいうと、SOPの振る舞いを定義する際、ジオメトリへの処理と、それ以外のパラメータ操作などの処理を分離する仕組みです。 [参考]プログラム的にVerb(動詞)を使ったジオメトリ Verbを利用してSOPを作成する際、これまで何度か言及していた、「Protoヘッダファイル」をビルド手順の中で生成し利用することになります。 Protoヘッダファイルの主な役割 Protoヘッダファイルには、ジオメトリ処理以外の実装が自動的に記述されます。 ※これは現時点での理解なので間違っているかもしれませんが、この仕組みにより、開発者は面倒なパラメータとジオメトリ処理をつなぐ実装を省略し、主にジオメト

こんにちは。技術部平山です。 今日は実行時に音にフィルタをかけることで、 元々のデータをゲームの状況に合わせて変化させる方法について書きます。 私も実際の製品でフィルタを活用して作り込んだ経験まではないので、 初歩的なことしか書けませんが、 皆…

この記事では、上記動画のように、3D世界にいるキャラクターと、画面の上端と下端に貼りつけてある2Dの UIの間でエフェクトの行き来をする方法について、技術部平山が書いてみます。 実行可能なサンプルをwebに置いてありますので、 実行して動かしてみると良いかと思います。 ドラッグするとカメラが動き、タップしたりキーを叩いたりするとエフェクトが出ます。 エフェクトが出てからカメラを動かしても正しい位置に飛んでいくことをご確認ください。 コードも同様にgithubに置いてあります。 さて、描画を3Dで行うゲームであっても、表示する情報類は2Dのレイヤーを重ねて表示する、 というスタイルは良く見られます。 例えば弊社東京プリズンはそのスタイルです。 こういうゲームでは、たまに3Dと2Dを行き来するような表現が欲しくなることがあります。 例えば、キャラクターが何かの技を発生させて、その結果、 2Dで