タグ アニメーション付き
人気順 10 users 50 users 100 users 500 users 1000 users「Bing」の新しいAI機能を組み込んだ「Skype」が登場 ~「Skype Insider」でテスト開始/アニメーション付きの新しい起動ロゴやMacの「Touch Bar」対応拡充も
【WebGL2】アニメーション付きの草を大量に生やす ~ Skinning Mesh と GPU Instancing の連携 ~ - KAYAC engineers' blog
この記事はTech KAYAC Advent Calendar 2022 22日目の記事です。 こんにちは! ハイパーカジュアルゲームチームのフロントエンドエンジニアの深澤です。 WebGL2で、スキニング処理をしているGLTFのモデルを GPU Instancing で大量に表示するデモを作ってみました。影を落とす処理も合わせて、会社の Mac Chrome では30,0... 続きを読む
持っておきたいProcreateのオススメ無料ブラシ素材27個まとめ - PhotoshopVIP
最近のデザイントレンドの中でも、アニメーション付きのイラストは多くのデザイナーの間で話題となっています。Procreate(プロクリエイト)は、そんなイラストを手軽に作成することができる、iPad専用のお絵かきアプリです。コミック漫画や同人誌の制作にも利用されています。 まだProcreateを使ったことのないひとは、... 続きを読む
なぜ高層ビルからネズミとゾウを落とすとネズミだけ生き残るのか? - GIGAZINE
地球上にはさまざまなサイズの生物が存在しており、サイズが異なると高いところから落下した時の結果や、生命の脅威となる対象まで異なってきます。そんな生物によって異なるサイズの影響については、「高層ビルからネズミとゾウを落とすとどうなるのか?」などを例にアニメーション付きで分かりやすく解説したムービー「 What Happens If We Throw an Elephant From a Skyscr... 続きを読む
「重力のおり」に閉じ込められた地球から脱出する方法を簡単に説明するとこうなる - GIGAZINE
地球に「重力」があることは今や誰でも知っていることですが、言い方を変えれば地球上の万物はすべて、「重力の刑務所」にとらわれているようなものです。地球の重力から脱出するには、大量の燃料を爆発させて炎を噴射する宇宙ロケットが必要になるのですが、地球になぜ重力が存在するのか、ロケットはどのようにして重力に打ち勝つことができるのか、ということがアニメーション付きで分かりやすく解説されています。 Why E... 続きを読む
世界人口の増加は人類の破滅を導くのか? - GIGAZINE
世界人口は2016年現在で約73億人となっており、今後も増加傾向にあります。この1世紀の間に世界人口はなんと4倍にまで増加しているのですが、世界人口の増加によって何が起きるのか、ということがアニメーション付きで説明されています。 Overpopulation – The Human Explosion Explained - YouTube これまでの歴史上で、地球上に今ほど人間が存在したことはあ... 続きを読む
Gitの使い方をアニメーション付きで学べるサイト「Learn Git Branching」 | ライフハッカー[日本版]
カメきち - Webサービス 07:00 PM Gitの使い方をアニメーション付きで学べるサイト「Learn Git Branching」 「Learn Git Branching」は Gitの使い方をアニメーション付きで学べるサイト です。Gitを使い始めて間もない方には重宝するサイトだと思われます。Gitでいまどういったフローになっているかを視覚的に分かりやすく解説してくれます。ブ... 続きを読む
フェード表示やタイピング風など、テキスト表示に動きをつけられるjQueryプラグイン 8 | NxWorld
いずれもテキストがフェードや回転といったアニメーション付きで表示されたり、一文字ずつタイピングされているような見せ方を実装することができるjQueryプラグインです。同じようなプラグインが並んでいる感じですが、軽量なものやオプションが豊富に揃っているもの、日本語にもしっかり対応しているかなどそれぞれ特徴もあるので、こういったものを使いたい時に少しでも選択肢が広がるよう良さそうなものを備忘録兼ねてま... 続きを読む
ミニマルテイストなフルスクリーンメニューを実装できる「jQuery fatNav」 | bl6.jp
jQuery fatNavはミニマルテイストなフルスクリーンのナビゲーションメニューを実装することができます。デモではメニューアイコンをクリックするとオーバーレイでアニメーション付きのメニューが表示されます。フワッとさりげない感じで表示されるのがとてもお洒落ですね。 以下はjQuery fatNavのデモになります。シンプルでスッキリしたデザインが特徴的です。 デモ メニューはフェードでズームイン... 続きを読む
フラットデザインのアイコンセット 40 #2 | NxWorld
まだまだ使う機会も多そうだし、カラーの参考とかにもしたいと思ってメモしていたフラットデザインのアイコンセットが溜まってきたので整理兼ねてシェアします。中には単なるデザインアイコンではなく、アニメーション付きのもあります。 続きを読む
プログレスバーにもなるフラットなボタン実装デモ:phpspot開発日誌
プログレスバーにもなるフラットなボタン実装デモ 2013年12月17日- Progress Button Styles | Codrops プログレスバーにもなるフラットなボタン実装デモ。 ボタンを押すとボタン自体がプログレスバーになって進むというUIをフラットで、18種類ものアニメーション付きで実装したデモです。 1つのUIパーツで複数の意味をもたせてよりシンプルなUIが実現できますし、フラット... 続きを読む
faviconにアニメーション付きのバッジをつけられる「favico.js」:phpspot開発日誌
faviconにアニメーション付きのバッジをつけられる「favico.js」 2013年09月09日- favico.js - Make a use of your favicon faviconにアニメーション付きのバッジをつけられる「favico.js」 faviconに通知等の件数を付与し、単に付与するだけではなく、アニメーションをつけられるJS。 タブがバックグラウンドにある時に、分かりや... 続きを読む
Facebook、メッセージ用スタンプをウェブでも提供。担当デザイナーは退社 | TechCrunch Japan
Facebookは、プライベートメッセージにスタンプ ― キュートでアニメーション付きもある既製の画像[英語版ではsticker] ― をウェブでも提供開始した。Facebookは、4月からモバイルでスタンプを提供しているが、これからはウェブでも無料のスタンプパッケージ16種類から好みのセットを選べる。スタンプで、Facebookユーザーが他のメッセージサービスへ移行することを阻止できるかもしれな... 続きを読む
これは新しい!パネルレイアウトが美しいスライドショー実装デモ:phpspot開発日誌
Responsive 3D Panel Layout | Codrops これは新しい!パネルレイアウトが美しいスライドショー実装デモ。 複数の文字や写真をアニメーション付きで美しく切り替えていくデモです。 Flashはなしで、レスポンシブに動くよう設計されています。とにかくカッコいいので一見の価値があります。 Flashを使わないでも実用的で有用な物がどんどん増えていきますね。 Flashに比べ... 続きを読む
[JS]超軽量だけど、高性能なモーダルウインドウを実装するスクリプト -TinyBox2 | コリス
jQueryなどの他のスクリプトに依存せずにモーダルウインドウを実装する高性能で超軽量(5KB)のスクリプトを紹介します。TinyBox2のデモデモはシンプルなモーダルウインドウから、アニメーション付き、AJAX対応、iFrame対応、画像対応などがあり、どれも実用的なものとなっています。 ウインドウをクローズする際はクローズボタン、もしくはウインドウ外のクリック、「ESC」キーの操作に対応してい... 続きを読む