CSSで実装できるのか！ iPhone 15 Proのページで見かけたスクロール駆動のダイナミックアイランドを実装するテクニック

2023/09/19 16 users CSS テクニック iPhone 15 Pro アイランド

先週発表されたiPhone 15のWebページに、面白い仕掛けが実装されていました。Appleは新製品のページにはスクロール駆動のアニメーションを多数取り入れており、今回のはスクロール駆動のダイナミックアイランドです。 このスクロール駆動のダイナミックアイランドをCSSで実装するテクニックを紹介します。下記のアニメー... 続きを読む

地球内部のマグマを一気に噴出する危険性をはらむ火山「スーパーボルケーノ」が噴火すると一体地球はどうなってしまうのか？

2022/10/19 6 users マグマ 火山 スーパーボルケーノ 破局噴火 噴火

地下深くにあるマグマが爆発して地上に噴き出る超巨大噴火「破局噴火」が起こってしまうと、地上に壊滅的な被害をもたらし、気候を大きく変動させる危険性が指摘されています。このような噴火をする火山を「スーパーボルケーノ」と呼びますが、実際にこれが噴火してしまったらどうなるのか、科学的コンテンツをアニメー... 続きを読む

「鬼滅の刃」アカデミー賞長編アニメ部門にエントリー！｜シネマトゥデイ

2021/01/29 11 users シネマトゥデイ 鬼滅 エントリー 吾峠呼世晴 列車編

第93回アカデミー賞長編アニメ映画部門にエントリーされた『劇場版「鬼滅の刃」無限列車編』 - (C) 吾峠呼世晴／集英社・アニプレックス・ufotable 現地時間28日、映画芸術科学アカデミーが第93回アカデミー賞長編アニメ映画部門にエントリーされた27作を発表した。日本からは、2020年世界興行収入ランキング・アニメー... 続きを読む

Adobe、Flash Playerを最終アップデート　「早めのアンインストールを」「ユーザーと開発者に感謝」 - ITmedia NEWS

2020/12/10 21 users アンインストール 謝意 Adobe Flash Player

Adobeは2021年1月12日以降にFlashコンテンツを無効化するとし、「ユーザーのシステム保護のため、Flash Playerをすぐにアンインストールすることを強く勧める」としている。 また同社はユーザーと開発者に対して「過去20年間にすばらしいFlashコンテンツを使用、作成してくれたことに感謝する」と謝意を表明。「アニメー... 続きを読む

[CSS]レスポンシブ対応、サイドバーをアニメーションでスライド表示・非表示させるテクニック | コリス

2017/03/08 71 users コリス transform CSS アニメーション テクニック

レスポンシブ対応、アイコンをクリック・タップすると、サイドバーをアニメーションでスライド表示・非表示させるCSSのテクニックを紹介します。 スライドは単にそう見えるだけで、transformでサイドバーを変形させています。 滑らかなアニメーション、美しいグラデーション、スライドするにつれて透明度が変化するのも美しいですね。 サイドバーをアニメーションでスライドさせるデモ 実装 サイドバーをアニメー... 続きを読む

『Overwatch』女性キャラ「トレーサー」に“性的表現”の指摘、勝利ポーズ修正へ | Game*Spark - 国内・海外ゲーム情報サイト

2016/03/29 146 users トレーサー Overwatch Tracer 指摘 表現

Blizzard Entertainmentの『 Overwatch （オーバーウォッチ）』ディレクターJeff Kaplan氏は、ユーザーから「無個性な性的表現」であると指摘された“Tracer（トレーサー）”の勝利ポーズを修正する方針であると、公式フォーラムを通して伝えました。 Battle.net内フォーラム に寄せられたユーザーコメントでは、“Tracer”のキャラクターデザインやアニメー... 続きを読む

こんな俺でもWebカメラがあれば美少女になれる！ BRZRKが贈る「FaceRig」＋「Live2D」利用ガイド - 4Gamer.net

2016/01/12 125 users BRZRK FaceRig アバター ライター Webカメラ

こんな俺でもWebカメラがあれば美少女になれる！ BRZRKが贈る「FaceRig」＋「Live2D」利用ガイド ライター：BRZRK 2014年12月発売ながら，最近になるまでほとんど話題に挙がらなかった，アバターソフト「 FaceRig 」（フェイスリグ）。知る人ぞ知るソフトといったところで，正直，ブレイクの兆しはほとんど感じなかったのだが，ここにきて，2Dイラストを動かせるようにするアニメー... 続きを読む

自転車のホイールで光る絵やアニメを描く「Balight」--事故防止効果も - CNET Japan

2015/10/13 43 users Indiegogo スポーク 車輪 ホイール アニメーション

都会で自転車を楽しく安全に乗れるようになるデバイス「Balight」を、クラウドファンディングサービス「Indiegogo」で見つけた。車輪のスポークに取り付けて走ると、回転するLEDの光で文字や絵、アニメーションを描くことができるという。 Balightは、自転車の車輪に取り付けられる十字型のデバイス。各“腕”の部分にLEDが配列されていて、車輪を回転させると残像効果でカラフルな光で絵やアニメー... 続きを読む

宮崎駿アニメの背景を3D化した映像作品がハイクオリティ　湯屋の周りをポニョが走ってキキが飛ぶ！ - ねとらぼ

2015/08/05 34 users ポニョ キキ Vimeo ハイクオリティ 宮崎駿アニメ

CGで精巧に作り上げた「千と千尋の神隠し」の世界を、ポニョが、サンが、キキが、跳ねて駆けて飛び回る！　宮崎駿監督作品の背景を3Dで再現したファンアート「Tribute to Hayao Miyazaki」が、ジブリ好きなら心躍らせてしまうクオリティの高さです。 作品は海外のアーティスト・donoさんが動画サイト「Vimeo」で公開したもの。宮崎作品の背景を3Dで制作し、そこへ作中のキャラのアニメー... 続きを読む

[JS]最近よく見かける縦長ページ用のさまざまなアニメーションが簡単に実装できるスクリプト -ScrollReveal | コリス

2014/05/26 307 users ScrollReveal コリス スクロール スクリプト 連絡

先日紹介した「Ani.js」の作者様から、更にパワーアップしたスクリプトをつくったよ、と連絡を受けたので紹介します。 jQueryは無しで、縦長ページ用のスクロールに連動したさまざまなアニメーションが簡単に実装できます。 ScrollReveal ScrollReveal GitHub ScrollRevealのデモ ScrollRevealの使い方 ScrollRevealのデモ デモをアニメー... 続きを読む

日本人作、国際賞を受賞しまくっているアニメー「私たちは放射能で外で遊ぶことができない」 | Whats(ワッツ)

2014/01/08 27 users Whats ワッツ Rio de Janeiro 放射能 福島

こちらの作品、日本人の作品だが国際的な賞を受賞しまくっている。Best Animated Film, International Uranium Filmfestival, Rio de Janeiro, 2013などだ（があまり注目されていない）。 福島の子供たちが放射能で遊ぶことができない現実と、子供たちの夢を描いている。 続きを読む

緩急をともなったイージングのアニメーションをCSSやJSで実装する時のスニペットのまとめ -Easing Functions | コリス

2012/09/18 108 users イージング コリス 緩急 CSS スニペット

にょい～ん、ぐい～んなどの緩急をともなったアニメーションを実装するCSSやJavaScriptのスニペットをまとめたEasing Functionsを紹介します。 Easing Functions Cheat Sheet Easing Functions -GitHub イージングのアニメーションの動きを確認 イージングのアニメーションの種類 イージングのアニメーションの実装 イージングのアニメー... 続きを読む

これが中国アニメの最高水準！水墨画調「上海のバットマン」と中国人オタクの反応 : 中国・新興国・海外ニュース＆コラム | KINBRICKS NOW（キンブリックス・ナウ）

2012/08/31 47 users キンブリックス ナウ KINBRICKS NOW 上海 新興国

ハイクオリティアニメ「功夫料理娘」で世界から絶賛された狼烟工作室。その新作アニメ「上海のバットマン」が後悔されている。 not actually yvonne and adam / istolethetv 2011年に記事「日本アニメ命の中国人オタクも絶賛！中国産アニメ『功夫料理娘』が凄い―中国オタ事情」で紹介したのが「功夫料理娘」。かわいい女子2人のカンフー料理対決を、ぬめぬめとよく動くアニメー... 続きを読む

隠されているWindows7のアニメーション機能をオンにする「AniExplorer」 - GIGAZINE

2012/06/23 39 users GIGAZINE フォルダー おん http ファイル

通常フォルダーを開くと中にあるファイル・フォルダーはただ表示されるだけですが、フリーソフトの「AniExplorer」を使うと、今まで使用できなかったWindows7の隠されたアニメーション効果をオンにすることができます。どのような動きをするのか＆設定方法などは以下から。 WinAero Downloads http://winaero.com/download.php?view.22 ◆アニメー... 続きを読む

Photoshop VIP ☞ ダイナミックなエフェクトが魅力、パララックスWebデザインまとめ(+無料プラグイン9個)

2012/03/27 348 users エフェクト Photoshop Vip 魅力 奥行き 別名

Home　>　 まとめ　>　その他まとめ　>　ダイナミックなエフェクトが魅力、パララックスWebデザインまとめ(+無料プラグイン9個) パララックス効果(英: parallax effect)をご存知ですか。 別名「視差効果」とも呼ばれ、Webデザインで利用されている、エフェクトのひとつです。 複数のイメージ画像のスクロールするスピードを調整することで、奥行きのある立体的な空間を生み出す、アニメー... 続きを読む

Kinect + プロジェクタ +砂でARサンドボックス SandStation -- Engadget Japanese

2011/12/01 59 users Kinect プロジェクタ サンドボックス 上方 地形

" SandStation " は Kinect センサーを使ったサンドボックスのデモ。と聞けば空中で手を動かして仮想の砂を操作するものを想像しますが、SandStation では 本物の砂を手で触って操作します。Kinect を使っているのはリアル箱庭内の地形を認識するため。上方に設置された Kinect の奥行きセンサーが砂の高さを認識し、高い場所には植物の緑を、低い場所には流れる水のアニメー... 続きを読む

最速インターフェース研究会 :: [速報] GoogleのRSSリーダー（β版）、早速真似して作ってみた

2005/10/10 67 users RSSリーダー 最速インターフェース研究会 速報 キャッシュ

GoogleからRSSリーダーがリリースされましたね。 http://www.google.com/reader/ ソース読むのとか面倒なんで真似して作ってみました。だいたい6時間ぐらいで出来た。 http://la.ma.la/roll.html このBlogで使ってるjsファイルをちょっといじって使ったので、キャッシュ利いてて動かない場合はリロードしてみてください。 Firefoxだとアニメー... 続きを読む