【Unity】Model-View-(Reactive)Presenterパターンとは何なのか - Qiita
はじめに 今回はUnityにおける「Model-View-(Reactive)Presenterパターン」とは何なのかについて解説します。 対象読者 Unity開発者 UniRxを使うことができる UnityにおけるGUI周りの実装に困っている GUI周りの設計パターン Model-View-(Reactive)Presenterパターン（略してMV(R)Pパターン）とは、UnityにおけるGUI周りの設計パターンの一種です。 「GUI」とはいわゆる「ユーザインターフェース」のことで、ゲーム中における「画面上に表示される情報」や「メニュー」や「ボタン」といったものを指します。 （ざっくりいえば、uGUIのことだと思って下さい） GUI周りの実装手法というものはUnityに限らず、複雑になりがちな難しい部分です。 そのためいろいろな設計パターンが考案されてきました。 代表的なもので言えばMV
やめてほしいUIアニメーション
最近はクオリティの高いアプリも増え、UIの見せ方も工夫されて昔より質の高いアプリが増えましたが、低コストで開発していくとUIアニメーションは後回しにされがちですよね。 開発時間や人員の問題、UIアニメーションをやる人がいないから自分がやった人など、UIアニメーションの優先順位が低いため、手探りでやっている方も多いと思います。 今回の記事では今出ているアプリに対してあれはダメだ！と言いたいわけではなく、リリースされているアプリを触って、自分が作るときはここは気をつけようと思ったり、これはアニメーションいいなとか、実際体感して勉強していけるため、その経験が業界全体を徐々にクオリティアップしていくため、結果は惜しいアニメーションだとしても挑戦した結果でもあると思うため大事なことだと思っています。 前置きはここまでにして、今回はアニメーションの中で、あれ？と思ってしまう、そんな「これはやめてほしい
気持ちの良いスクロールとちょっと変わったスクロール
スクロールは当たり前のように気持ちの良い動きがゲームでは表現されていますが、それはちゃんと調整された物で、もし調整がない場合は上の画像のように重くて硬く、気持ちよい感じは皆無になってしまいます。 指を離した後にピタッと止まるのは現実ではありえない動作で、不自然な動きを見せられているため、見ていて気持ち良い動きにはならず、認識とのギャップでストレスが強くかかります。 調整を入れてみたもの 慣性の法則を入れることで自分の指で自然に操作している感じを入れました。 さらにオーバーシュートを追加することで柔らかさを表現し、より自然に見えるようにしています。 指にしっかり追従し、離したあとも思ったように動く動作を入れることで気持ちよさを表現しています。 あとは調整して触って調整して触っての繰り返しになるかと思います。 その他の印象付ける動き スクロールは調整さえ済めば他の要望はないですが、ちょっと見せ
UIの細かい動きについて
イージングなしとあり 画像ではイージングがわかりやすいようにグラフを入れてあります。 横が時間、縦がスケール、点がキーが打たれていることを表しています。 UIごとのイージング UI素材ごとにどのような緩急の付け方が良いのか迷うかと思います。 ダイアログアニメーション以外に、画面遷移時のUIの動きやクエスト開始演出など様々なアニメーションを入れるたびにどのイージングが正解なのか、それについては正解はありません。 ゲームの色味やデザイン、世界観を知らずにアニメーションは付けられません。 また、UIがどこまで世界観を踏襲するのかで、システムのような動きにするのか、世界観に合わせた動きにするのかも変わってきます。 こういった部分は関係部署にコミュニケーションをとってどんなゲームを作りたいのかを把握し、イージングはどうするのかを考えていきます。 そして、予備動作やオーバーシュートが必要なのか不要なの
【Unity】【uGUI】RectTransformUtilityでスクリーン座標をUIのローカル座標やワールド座標に変換する - LIGHT11
RectTransformUtilityを使ってスクリーン座標をRectTransform上ののローカル座標やワールド座標に変換する方法です。 スクリーン座標をRectTransform上のUIのローカル座標に変換する スクリーン座標をRectTransform平面上のワールド座標に変換する ワールド座標をスクリーン座標に変換 参考 Unity2018.3.1 スクリーン座標をRectTransform上のUIのローカル座標に変換する スクリーン座標をUIのローカル座標に変換するにはRectTransformUtility.ScreenPointToLocalPointInRectangleを使います。 これは、スクリーン座標を引数に与えたRectTransform平面上の点に変換します。 using UnityEngine; using UnityEngine.UI; [RequireC
Androidアーキテクチャことはじめ ― 選定する意味と、MVP、Clean Architecture、MVVM、Fluxの特徴を理解する｜ハイクラス転職・求人情報サイト AMBI（アンビ）
Androidアーキテクチャことはじめ ― 選定する意味と、MVP、Clean Architecture、MVVM、Fluxの特徴を理解する Androidアプリの開発において悩ましいアーキテクチャの選定。本記事では選定する意味を改めて整理し、 MVP・Clean Architecture・MVVM・Fluxといった最新の実例を紹介します。 はじめまして。Androidエンジニアの藤原聖（ふじわら・さとる／@satorufujiwara）です。 現在は株式会社サイバーエージェントで、エンジニアリングマネージャーを兼任しています。2017年で35歳になり、定年を迎えました（プログラマの定年については「体型を支える技術」などを参照）。 Androidアプリ開発には2010年から携わっていますが、今現在の関心事は何といっても公式開発言語に採用されたKotlin。そしてもう一つが、Androidの
これだけ守れば見やすくなるデザインの基礎
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co
【Unity】画面外のターゲットを追跡するカーソル - テラシュールブログ
今回は画面外に移動したプレイヤーを追跡するカーソルを作ってみます。 画面外と画面内の判定 アイコンにキャラクターを追跡させる 追跡するアイコンにターゲットを映す 関連 画面外と画面内の判定 まず、キャラクターが画面外に移動した際の判定を行います。 やり方は色々とありますが、面倒くさいのでプレイヤーのViewPortがRect(0, 0, 1, 1)内に居るかどうかで判断してみます。 Viewport座標はスクリーン座標を0~1で正規化するので、とりあえず0以下・1以上の場合は画面外と判断出来ます。 gist.github.com アイコンにキャラクターを追跡させる 次にアイコンにキャラクターを追跡させます。 配置すべきUIの位置はRect.NormalizedToPointで画面のサイズを取得して割り出します。その際、画面外に移動したViewport座標は、Clampで0－1の範囲に抑えま
Unity 特有のパフォーマンス劣化の落とし穴 2018歳末ふりかえり - part 1 - @hadashiA
今年、Unty製プロジェクトのパフォーマンス改善をやる機会があったんですが、世の中のかっこいい事例に出てくるような、ハードウェアやVM/コンパイラの気持ちになったミクロなチューニング、フレームワークの制限を回避するための大胆な再実装…… そういうかっこいい作業、には思ったよりならず、なによりもまず先に、Unityを使っているが故の落とし穴から這い出る一本道の作業が多めになってしまった。 それというのも、Unityは非常に、そこそこのものを最小手順で 確認/動作できる、誰でもかんたんにモノをつくれる、という部分を大事にしているから、「パフォーマンスを考えると普通はこうなっていてほしいよね」といった部分が犠牲になっている、あるいは手が回っていない、という部分が実際まだまだあるように思えた。 simple よりも easy を取っているというやつだろうか。 仕事でやっていたプロジェクトは、まずコ
気持ちの良いARのUXとは？ | スマホARのUXを格段に向上させるための4つのTips｜小林佑樹 / MESON CEO
先日、GoogleがスマホARを開発する上で留意すべきポイントを実際にARで体験できるアプリ「ARCore Elements」をリリースしました。 このアプリはARCoreでの開発を想定したものではありますが、実際にプレイしてみるとARCoreでのアプリに限らず、スマホAR全般で役に立つTipsを得ることができました。 今回はそんなARCore Elementsを実際に触ってみて、これからスマホARを開発する人が特に意識すべきだと感じたUI・インタラクションのポイントをまとめました。 1: ARオブジェクトの操作に納得感を与える操作表現ARアプリではユーザーがオブジェクトを三次元的に操作することがほとんどです。 しかしスマホARの場合、基本的にはユーザーがAR空間と接せられるのはスマホの画面、すなわち平面上となります。 スクリーン越しでの３次元的なオブジェクトの操作方法についてARCore
Nintendo SwitchのUIはなぜ使い勝手がいいのか!? 全員で体験し、“あたりまえ”を磨く任天堂のもの作り【CEDEC 2018】 - ファミ通.com
前述したように、本体機能とはゲーム機本体に最初から内蔵されているソフトウェアのこと。任天堂の家庭用ゲーム機で初めて実装されたのは、2001年に発売された ニンテンドー ゲームキューブで、当時はセーブデータ管理などだった。以降、ニンテンドーDS、Wii、ニンテンドー3DS、WII Uとハードが進化するにつれ、さまざまなシステムやサービスが追加されていった。こうした多機能化に加え、任天堂のゲーム機以外でも多機能でゲームを遊べるデバイスがつぎつぎに出現。そうした状況の中、ニンテンドースイッチも同じ多機能化を目指すことの是非から考え直したそうだ。その結果、たどり着いた答えが“ゲーム機なので、ゲームで遊ぶに特化しよう”と、原点回帰したじつにシンプルなもの。「これがニンテンドースイッチに込められた思いです」と小野氏。つくるものを厳選し魅力を凝縮するとともに、ストレスを感じさせないことを目指した。その実
娯楽を超えたデザイン （UI Crunch #13 娯楽のUI イベントレポート）｜のっち Ryosuke Inoue
「UI Crunch #13 娯楽のUI - by Nintendo -」に参加しました。世界的にも注目される企業かつあまり表に出てこないデザイントークが聞けると言うことで、倍率も相当なものとなっておりました。この企画は構想から2年くらいかかったそうで、とても濃いお話を聞くことができました。めちゃ感動しました。今回は、そちらのイベントレポートです。最初の方あまり写真を撮らなかったので、後半の写真が多めになります。 1人目は、UI/UX デザイン チーフの正木さん。「娯楽UIの思考の原点」についてお話いただきました。 Nintendo流の「伝え方」Nintendoが人に何かを「伝える」時にこだわっていること。それは、以下の3つです。 ・「教える」ことよりも「体験する」ことで、より早く、的確に伝えることができる。 ・初めての体験は一度きり。新鮮な印象を大切にする。 ・体験はやっぱり面白くしよう
LINE 桜川さんの話す「もっと読んでもらうための工夫」が実用的すぎてめちゃいい #AWAsia #LINE_AWA - @d_tettu blog
2018年5月14日〜16日に、東京ミッドタウンで開催されているAd Week Asia。会社の偉い人から関係者向けのチケットをもらったので行ってきました。 何を聞こうかな〜とパンフレットに目を通していたら「スマホ時代のコンテンツデザイン」なる講演を発見。LINE・桜川さんのお話がめちゃ良かったのでメモを残しておきます。 こんな風に「より届けるべき人に届ける、よく読んでもらうために何をするべきか？」を考え続けてるのいいな〜。みんな読んでね。 ちなみにほか記事は以下 Googleは、機械学習でどうマーケティングを変えようとしているのか #AWAsia - @d_tettu blog 6秒でメッセージを届ける方法とはーーYouTube動画広告の効果的な作り方 #AWAsia - @d_tettu blog 「伝える」は奥が深い。メディア編集者3人が語る”これからのストーリーテリング” #AWA
Microsoft Researchら、VRにおける仮想物体の触覚を再現する人差し指ベースのVRハプティックコントローラ「CLAW」発表
Microsoft Researchら、VRにおける仮想物体の触覚を再現する人差し指ベースのVRハプティックコントローラ「CLAW」発表 2018-03-09 Microsoft Researchとスタンフォード大学の研究者らは、人差し指に動作を加えてVR内の触覚を再現するハンドヘルドVRハプティックコントローラ「CLAW」を発表しました。 論文：CLAW: A Multifunctional Handheld Haptic Controller for Grasping, Touching, and Triggering in Virtual Reality 著者：Inrak Choi1,2, Eyal Ofek, Hrvoje Benko, Mike Sinclair, Christian Holz 本デバイスは、3つの異なる触覚（仮想物体の把持、仮想表面の接触、拳銃などのトリガ）を再
プレイヤーのゲーム体験は、知らないうちに高められていた？ゲーム開発者らがこっそり加えた「工夫」を語り合う - AUTOMATON
ホーム 全記事 ニュース プレイヤーのゲーム体験は、知らないうちに高められていた？ゲーム開発者らがこっそり加えた「工夫」を語り合う ゲーム開発においては、プレイヤーのゲーム体験に作用するさまざまなテクニックが取り入れられているが、プレイしていてそれに気付くことはあまりないだろう。むしろプレイヤーに気付かせないようにしているものだが、実際のところ開発者は、どういったテクニックを駆使しているのだろうか。宇宙飛行士シミュレーター『Earthlight』などを手がけるOpaque SpaceのゲームデザイナーJennifer Scheurle氏が、プレイヤーからは見えない部分に取り入れている手法・技術を共有しようとTwitter上でゲーム開発者らに呼びかけており、多くのコメントが寄せられているのでいくつかピックアップしてみよう。 Hey #gamedev, tell me about some b
アップルが360億円で買収した「PrimeSense」の凄さが分る動画
アップルが、3Dセンサーを開発するPrimeSense社の買収を完了したと報じられています。 イスラエルに本社を置くPrimeSense社は、3D空間の物体を認識するセンサーやチップ・ソフトウェアを開発。その技術をマイクロソフトにライセンス提供し、Kinectに採用されたことなどで知られています。 アップルによる今回の買収額は360万ドル(約360億円)にものぼるとされていますが、むしろそれが安い買い物ではないかと思わせる動画が公開されていました。 下の動画は、テクノロジー系ブロガーのRobert Scoble氏のCES2013で取材の模様。 デモに使われているセンサー(頭上に設置)は、 近赤外線を照射して空間の物体を認識し、プロジェクターでテーブル上に映像を映し出すというものです。 下はバーチャル・キーボードのデモ。奥行きを認識するため、浮かせた指とキーを押した指の識別ができるとのこと。
コントローラー不要のLeap Motion、VR開発用ツール正式公開
コントローラー不要のLeap Motion、VR開発用ツール正式公開 VRコンテンツでハンドトラッキングデバイスLeap Motionを扱うためのUnity向け補助ツール「Interaction Engine」の正式版がリリースされ、物理インタラクションの改善、VR向けUIの拡張、Oculus RiftやHTC Viveのコントローラーサポートなどが追加されました。 ウェアラブルUIやコントローラーとの併用などが追加 Leap Motionではセンサー型のコントロールデバイスです。手のひらや五本の指など、人の手の形を細かく読み取ることができますが、それだけではバーチャル空間上での物理的な干渉までを再現することはできません。「Interaction Engine」を用いることで、開発者はUnityでLeap Motionを扱う際の基本的な物理法則やUIを実装することができます。 同エンジンは
【Unity】uGUIの自動レイアウトが分かりにくいと評判なので解説してみる - テラシュールブログ
uGUIには自動レイアウトなシステムが積まれています。ただ、このシステム便利ではあるんですが色々と複雑なので、少し補足です。 UIの大きさを動的にフィットさせる、オートレイアウト UIの大きさはLayoutElementで決まる Minは最低限サイズ、Preferredは変化するサイズ、Flexibleは余りを割合で レイアウトプロパティの確認はInspectorビューで UIを並べるだけでなくサイズも変更するLayoutGroup LayoutGroupは子のLayoutを親に伝える Control Child Sizeは子のLayoutを元に子のRectTransformを変更する Control Child SizeがFalseの場合、RectTransformのサイズをLayoutに使う Control Child Sizeによるリサイズは親より大きくならない Child Forc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TikTokやSnapchatが覆す、アプリデザインの「常識」
Mixed reality is the UI of the future