【Unity】MirrativのギフトとUnityを活用したリッチな演出の紹介 - Mirrativ Tech Blog
こんにちは、Unityエンジニアの菅谷です。 今回はMirrativのギフト機能について紹介します。特にMirrativ内のアバター（エモモ）を利用したMirrativ特有のギフトについて解説します。 Mirrativのギフト ギフトは配信を盛り上げるための機能の一つで、視聴者がギフトを贈ることで配信者の画面に演出が表示されます。 代表的なギフト演出を仕組みごとに紹介します。 スタンプギフトやシンプルなアニメーションギフトでは、Lottieライブラリ（iOS/Android）を利用してギフトの画像をアニメーションさせています。 LottieはAfter Effectsから出力したJsonファイルをそのまま利用することができます。 スタンプギフトは画面上にアイコンやアニメーションを表示します。 ギフトは30種類以上あり、様々なシチュエーションに合わせて贈られています。 また、エモモと連動した
VueとCSSとTypeScriptでシューティングゲーム「ネコメザシアタック2020」を作ったのでソースと解説 - Qiita
こんにちは 今日は2/22の猫の日に合わせて個人開発したゲーム「ネコメザシアタック」の技術的なポイントを解説する記事です。去年のバージョンはこちら 作ったもの ソース： https://github.com/yuneco/mezashi2 アプリ： https://nekomzs2.web.app/ （PCでも遊べるけどスマホ推薦です） 使っている技術 そろそろリリース見込みのVue3を先取りした構成です Vue(Vue2 + CompositionAPI) TypeScript CSS Transition（ほとんどのアニメーション） SVG（画像 + 一部のアニメーション） Firebase (Hosting + FireStoreでランキング) おしながき（この記事の内容） 作ったもの全部を解説していくとキリがないので、主に去年からの差分を中心に面白いポイントだけ説明していきます。
「ベヨネッタ2」を事例に語るプラチナ流アニメーション制作
8月30日、パシフィコ横浜で開催されたCEDEC 2017ではプラチナゲームズの山口孝明氏による「アクションゲーム・アニメーションの極意！ －制作環境とこだわりについて－」と題された講演が行われた。本セッションではプラチナゲームズが得意とするアクションゲームで個々の戦闘アニメーションがいかに制作されているかの概要が説明された。アニメーターやプログラマーという職種が実際にはゲームデザインに深くコミットしている点が非常に興味深い内容となっている。 登壇者の山口孝明氏はプラチナゲームズのリードアーティスト。これまで「デビルメイクライ」、「大神」といったカプコン作品に加えて、「ベヨネッタ」、「VANQUISH」といったプラチナゲームズの代表作の多くに関わってきた。実際の業務では単なるアーティストに留まらず、キャラクター制作はもちろん、制作環境の構築、マネジメントやアウトソーシングの管理なども行って
ユーザ体験を維持した遷移アニメーションの実装 | CyberAgent Developers Blog
はじめに みなさん、初めまして。 株式会社AbemaTVでAndroidエンジニアをやっている竹田（@satsukies)です。 17新卒として6月に配属されて、最初に取り組んだタスクが画面遷移のアニメーションの改善検証でした。 AbemaTVでは、画面上に表示される番組コンテンツやビデオコンテンツのサムネイル画像などを、デバイスに最適な形で取得する仕組みを導入しています。 単にネットワークでやりとりするデータ量を削減するだけでなく、画面表示までの待ち時間を短くしてユーザ体験を良くする狙いもあります。 今回、アニメーションの改善検証を通して得た知識を基に、ユーザ体験を維持しながら遷移アニメーションを実装する方法についてお話ししたいと思います。 目次 遷移アニメーションとは 基本的な実装 非同期通信に合わせたチューニング まとめ 遷移アニメーションとは Google Developersのア
普段何気なく見ているiOSアニメーションからアプリのUXを考えてみよう！ | Adobe Blog
ユーザーが迷うこと無く自然に操作できるようにユーザーインターフェース（UI）をデザインすることは、簡単なように見えてとても難しいことです。この連載では、まず普段使い慣れたiPhoneの基本的なUIアニメーションや画面遷移を見ていきます。何気ないアニメーションに隠れた意味や効果を知ることは、これから作るアプリのUX（ユーザー体験）のヒントになるはずです。今回は、iOS標準アプリに使われているアニメーションを紹介します。 アプリ内アニメーションの重要性とは 近年、モバイルアプリやWebサイトのUIデザインは平面的な表現が特徴のフラットデザインが主流となって、静的なデザインだけでは直感的に使いやすいUIを作ることが難しくなってきています。使いやすく楽しいアプリケーションを作るためには、トランジションやアニメーションを効果的に取り入れることが重要です。 また、フラットな
Showcasing UI Interaction Design with Animated GIFs
The humble animated GIF has become a popular tool for designers to share their UI designs. How a web or app interface works is just as important as how it looks, and the animated GIF—while it lacks refinement and quality—is the most accessible file format that can be easily viewed directly in the browser, making it perfect for sharing on social sites such as Dribbble. In today’s post, we showcase
UXArchive - Made by Waldo
Introducing Sessions: the latest product from Waldo!
Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita
スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生！ 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 1. スライドのアニメーションがとても滑らか・ちらつかない 2. ボタンの反応にストレスを感
スマフォアプリの操作が気持ちいいエフェクトがたくさん！タップ操作時のエフェクトのまとめ -Tapotype
Tapotype 掲載されている各エフェクトはタップやクリック操作で、実際にアニメーションで動作します。 サイト閲覧には、Safariをオススメします。 各エフェクトはカテゴリ別にまとめられており、それぞれ詳細ページも用意されています。
msto.jp - it転職 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
『アメーバピグのアクションができるまで』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさま、初めまして。 アメーバ事業本部ピグディビジョン所属、Flashディベロッパーの矢澤(@Akichi )です。 （もちろんコードを書くこともあります！） 今回は、ピグのアクションがどのようにできているのかを、 少しでもお伝えできればと思います。 ピグのアクションってどんなの？ ピグのアクションは大きく2つに分けられます。 ・通常アクション 使用回数の制限がなく、使ってもなくならないアクション （基本的にピグの動きだけで表現できるもの） ・消費アクション ポケットウィンドウから利用でき、使用回数の制限があるアクション （広告商品アイテムなどに使
『PiggをiPhoneアプリで動かすまで』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 皆様お初です。 私はAmeba事業本部 Smart Phone Division所属 interaction designerの @sagarakun (30歳独身貴族)です。 つりポン！ by アメーバピグ について書きます。 こんな感じのiPhoneアプリです。 弊社にはジギョつくという社内イベントがありまして、 そちらに「PiggでiPhoneのゲームやりたいんですけど！！」 という案を出したら、通りましてやらせてもらうことになりました。 とはいえ、AmebaPiggはFlashで作られているサービスなので、 iPhone用に最適化するためにい
wonderfl build flash online
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CEDEC2016] エフェクト/UIモーションの役割〜背後にある意図とその実現![[CEDEC2016] エフェクト/UIモーションの役割〜背後にある意図とその実現](https://cdn-ak-scissors.b.st-hatena.com/image/square/8b19301d0b0ef36f1a7a3e38a21849445a61d8ae/height=288;version=1;width=512/https%3A%2F%2Fi.ytimg.com%2Fvi%2FI7rXCMnVINE%2Fhqdefault.jpg)
新着記事
Material Design Animation Code
GitHub - LeaVerou/animatable: One property, two values, endless possiblities