しゅみぷろスマートフォン用の表示で見るしゅみぷろプログラミングとかこの広告は、90日以上更新していないブログに表示しています。MBLはじめに今回はリングセレクトシステム(と呼んでいきます。正式名称とかあるのかは知らないです。)とモーフィングについて書いてみます。Unityで実装しています。リングセレクトシステムはアイコンがくるくる回って、その中の1つを選択するみたいなアレです。モーフィングは、上記のgif中央の風船アイコンに注目してもらえればわかると思います。この2つ、見た感じすごくイイんですが、実装はめちゃくちゃ簡単です。リングシステム極座標で座標計算すればいいだけです。あとはUIなど凝りつつアニメーションつけたり好きなようにごにょごにょしていきます。極座標による座標計算はこんな感じ。y);}回転の処理はコルーチン使ってこんな感じ。false;}$360/アイテム数=progressAngle$で、回転速度をrotateSpeedとしています。Repositionメソッドは先程の極座標から位置を計算するメソッドでそれぞれのアイテムの位置を変更します。基本的にはこれだけです。ものの5分で出来るお手軽さですが、ユーザー視点だと結構凝ったシステムに見えるかも?モーフィングリングシステムはuGUIで作っています。このモーフィングの実装はuGUIの機能を継承し、なるべく簡単に実装しました。モーフィングを実現するためのImageMorphing.csです。}}Spriteだと勝手が悪いのでRawImageを継承して実装しています。RawImageにモーフィング用のメソッドを追加しただけですが、モーフィングを実現するために専用にシェーダーを書いています。このシェーダーに必要なパラメーターを揃えて渡すのがImageMorphingクラスの役割です。モーフィング用のシェーダーですが、これも超絶簡単です。}}重要なのはフラグメントシェーダーですが、特に目新しい物はないかと思います。適当にそれっぽくなりそうな計算させてるだけです。このモーフィング処理をリングセレクトシステムの回転時に呼び出してやることで次第にイメージが変化していきます。UnityでMatcapシェーダー書いたのでメモ。)はてなブログをはじめよう!es_programさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。