はてなブックマーク

今回はBootstrapを使ってRailsアプリにぺージ内タブを実装します。 Rails内でBootstrapを使うにはtwitter-bootstrap-rails gemを導入しておく必要がありますので、あらかじめこのあたりのぺージを参考に 導入しておいてください。 seyhunak/twitter-bootstrap-rails · GitHub RailsにTwitter Bootstrapの導入と簡易な使い方 - Rails Webook htmlを作成 導入できたらhtmlを作成します(別途 application.htmlはある前提です) "nav nav-tabs"クラス配下がタブリストになっていて、"tab-content"クラス配下が各タブの内容になっています。 "active" クラスが現在選択されているタブです。 tab_sample.html <div> <ul

UnityでそのGameObjectで再生させたいアニメーションが1種類だけ(例えばUIを点滅させるや爆発のアニメーションを起こすなど)のときにいちいちAnimatorをつけているとAnimatorのUpdateで処理が重くなってしまいます。かといってAnimation単体をつけただけではなぜか再生されない。今回はその悩みを解決するAnimation単体でAnimationを再生させる方法をご紹介したいと思います。 今回作るのはこちらです。 youtu.be Animationのコンポーネントだけでアニメーションが再生出来ているのが分かる化と思います。 アニメーションを作成 まずは適当なアニメーションを作成します。(アニメーションの作成方法について本題とはそれるので割愛します) 今回は"AnimationComponentSingleAnim"という名前で上の動画のようなアニメーションを作

UnityのAnimationを触っているとAnimationが終わったときに何かしたいみたいなことがよくあると思います。今回はAnimationEventを用いて、Animationの終わりを取得する方法をご紹介します。 完成形 今回サンプルとして作成したのはこちらです。 youtu.be 球体が道の上を走るアニメーションが動いており、アニメーションが終了した瞬間に右にあるテキストがAnimationからEndに変わるといったシンプルなサンプルです。 １.プロジェクトを作成 まずはプロジェクトを作成してCanvas配下にText(Textコンポーネント)、Road(Imageコンポーネント)、Circle(Imageコンポーネント)を配置してこんな感じにしてください。 2.アニメーションを作成 続いてAnimationを作成してください。Canvasを選択状態でWindow→Animat