2019好きなゲームUI/UXまとめ｜尾形
↓本記事はアドベントカレンダー「Game Graphic Design Advent Calendar 2019」用に書きました。 ----------------------------------------------- 記事内容の削除についてのお詫びにつきまして 本記事は、ゲームタイトルの作例をもとに自分の目線で文章を書いておりました。 しかし、「ゲームUI演出ブログ」での記事削除などの事例もあり、 法的な部分での判断により記事を削除いたしました。 本記事にコメントを寄せていただいた方、みていただいた方々、そしてご紹介したゲームタイトルに関わっていた制作者の皆様方、本当に申し訳ございませんでした。 中には記事になったものに対して不快に思われた方もいるかもしれません。 制作者の皆様に強く敬意を表すとともに、以後改めて著作物であることを強く意識していこうと思います。
CADisplayLinkというの知らなかったのでメモ - ushisantoasobu's blog
今度転職するのに備えて現在iOSリハビリ中です 汗。 少し前にリリースしたiOSアプリに簡単なgifアニメーションを再生しようと思ってライブラリ探していてとりあえずFlipboardのFLAnimatedImageというのに辿り着いた。 Flipboard/FLAnimatedImage · GitHub でソースみてたのですが、CADisplayLinkというのが今まで見たことなかったものがあったので少し調べてみたのでそのメモ。 CADisplayLinkとは CADisplayLinkクラスのAppleのリファレンスを日本語に訳してくれてるサイトが以下。 CADisplayLinkクラス | Second Flush まあこれ見ればもう使い方とかは十分なんですがねw 簡単にいえば、画面が更新されたる度に処理をしたいときに使うもの、って認識でいいと思う。 NSTimerでええんでないの？
Core Imageを用いたリッチな画面遷移アニメーション #cm_ios9 - Over&Out その後
昨日、クラスメソッドさん主催の勉強会『iOS 9 週連続 Bootcamp！2週目』にて登壇させていただきました。 Core Image Tips & Tricks in iOS 9 from Shuichi Tsutsumi タイトルにある "Tips&Tricks" はWWDCのセッション名でもたびたび使われている用語で、Tricksというのは「コツ」とか「うまいやり方」みたいな意味らしいです。 こういうタイトルにしたのは、（資料冒頭にもある通り、）新しく追加されたフィルタを紹介したところで *1、カメラアプリとかつくってる人でもないとあまり使う機会がないわけで、定員150名という大きい勉強会で話す内容じゃないよなぁ。。と悩み、なるべく多くのアプリ開発において普遍的に役立つような内容を、とアレコレ考えた結果、次のような切り口で話すことにした次第です。 Apple も UI で多用する「
目の錯覚でダウンロードの待ち時間が短く...なった気がする（動画）
人間の目なんて脳なんていい加減だからこそ楽しいです。 ファイルダウンロード、より速くより快適にと技術は日々進歩に向って頑張ってます。一方でそんな技術の裏でより速いような気にさせる研究も日々努力を重ねているようです。 アメリカはペンシルベニア州ピッツバーグにあるカーネギーメロン大学でVhris Harrison氏がZhiquan Yeo氏とScott Hudson氏と共に、ローディングバーにアニメーションを加えることにより目の錯覚が起き、実際よりも10%ほど速いように感じるという発表をしています。 AppleのOS Xは速く感じるようなトリックをすでに使っていますが、Harrison氏は研究でこういったトリックはとても大きな効果があるとかなり後押ししています。 発表内容は、リズムのある刺激は時間のワープ効果になるとか、ある状況の中で人はどう動きをとらえるかとか。この研究でHarrison氏の
アニメーション表示のプログレスバーをどうすれば体感速度がアップするのかが判明
ファイルをダウンロードする時やソフトウェアをインストールする際によく目にするのが進捗度合いを示すプログレスバーですが、このプログレスバーの表示にアニメーション効果を加えることで、処理の体感速度を実際よりも早く感じさせる効果があることがわかりました。 ProgressBarsVisualCHIv15CAMERA1 - ProgressBarsHarrison.pdf (PDFファイル) http://chrisharrison.net/projects/progressbars2/ProgressBarsHarrison.pdf カーネギーメロン大学コンピュータサイエンス学科 Human-Computer Interaction Instituteの研究チームは、次の3種類のバーを比較して実験を行いました。 実験では、この3種類のバーをそれぞれ比較させることで、その効果の違いを浮き彫りにして
イージング関数チートシート
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
Magic CSS3 animations by miniMAC - minimamente
Come sapete, amo molto il linguaggio CSS ed in particolare mi piace sempre andare oltre, in questo caso ho voluto creare un pacchetto di animazioni in CSS3 che potrete usare liberamente per i vostri scopi e quindi nei vostri progetti web, si chiama Magic! Il progetto è hostato anche su GitHub, questo per avere i migliori pareri dai migliori sviluppatori e quindi migliorare il codice, renderlo il p
requestAnimationFrame ＜ よーしおまえらー、アニメーションにsetInterval使うなよー - くろまほうさいきょうでんせつ
より適切なものが追加されたのでそっちを使いましょう。 setInterval/setTimeout → requestAnimationFrame; これまでは setInterval function render(){ // アニメーション 1フレーム分の処理 } setInterval(render, 1000 / 60); これはもう古い。 これからは requestAnimationFrame function animationLoop(){ render(); requestAnimationFrame(animationLoop); } animationLoop(); こうすべし。 requestAnimationFrameにすると何がいいの？ 複数のアニメーション描写処理を一つにまとめて最適化してくれる 同じ用に動かしている物体A,Bの動きが次第にずれていくとかがなくな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dynamics.js
【すげぇ】ディズニーの動きの基本原則を表したGIFアニメが話題に ディズニーすぎワロタｗｗｗ：キニ速
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。