タグ「アニメーション」

タグアニメーション

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 1000件)

これがCSSだけで実装できるとはすごすぎる！窓から差し込む柔らかな日差しを実装 -sunlit

2024/12/18 15 users サッシシルエットスゴ技観葉植物複数

CSSのスゴ技を見つけたので、紹介します。画像は観葉植物のシルエットだけ、壁、サッシ、そして柔らかな日差しのアニメーションもCSSで実装されています。CSSで複数のぼかしを作り、CSSの回転・拡大縮小を利用してシルエッ...記事の続きを読む続きを読む

【特別座談会】『スパロボ』寺田貴信・森住惣一郎×Yostar李社長が、ひたすら「ロボットアニメ」を語り尽くす。なぜ、人はここまで「ロボットアニメ」に熱狂するのか？

2024/12/04 87 users 鉄腕アトムスパロボルルーシュマジンガーＺ反逆

「ロボットアニメ」……古くは『鉄腕アトム』や『マジンガーZ』に端を発し、その後の『機動戦士ガンダム』『新世紀エヴァンゲリオン』『コードギアス反逆のルルーシュ』など、現在では「歴史の転換点」とも言える数多くの名作を生み出してきた、アニメーションの一大ジャンルである。そんな「ロボットアニメ」は、日本国... 続きを読む

『ダンダダン』の影響で海外では「高倉健って誰？」という解説需要が生まれているらしい

2024/11/22 172 users ダンダダンサイエンスSARU 追い風オカルトカオス

サイエンスSARUによるアニメーションの完成度や、Creepy Nutsやずっと真夜中でいいのに。の主題歌も追い風となり、2024年秋アニメ筆頭として語られているTVアニメ『ダンダダン』。原作者・龍幸伸さんがつくり出す宇宙人とオカルトとラブコメとバトルと人間ドラマと……様々なジャンルを混ぜ込んだカオスな世界観が話題を呼... 続きを読む

「赤毛のアン」が来年EテレでTVアニメ化、少女から女性になる過程を3本の柱で描く

2024/11/20 250 users 赤毛あんマリラ過程マシュウ

「赤毛のアン」が来年EテレでTVアニメ化、少女から女性になる過程を3本の柱で描く 2024年11月20日 12:30 2339 145 コミックナタリー編集部 × 2339 この記事に関するナタリー公式アカウントの投稿が、SNS上でシェア / いいねされた数の合計です。 1031 1207 101 シェア続きを読む

ゲームの「背中からの抜刀モーション」が現実では難しいとの報告に、3Dアニメーターが“ごまかしてごめん”とタネを明かす。『スマブラ』桜井Dも工夫を紹介 - AUTOMATON

2024/11/12 294 users 抜刀戦闘探索要素 AUTOMATON 武器

ゲームにおいて、「剣」が武器となることは珍しくない。とはいえ、特に戦闘だけでなく探索要素もあるゲームでは常に剣を抜いた状態でいるわけではなく、非戦闘時には剣を鞘にしまうアニメーションが用意されることもある。逆に戦闘になった瞬間には抜刀したりもするだろう。この抜刀/納刀時のアニメーションについて、「... 続きを読む

UI用のアニメーションがかわいくて楽しい！商用利用も無料、アニメーションで動くアイコン素材 -pqoqubbw/icons

2024/11/11 58 users 一筆書き React icons アイコンスマホアプリ

WebサイトやスマホアプリのUIデザイン用にかわいくて楽しいアニメーションで動くアイコン素材を紹介します。ハンバーガー用の×に変化するアニメーション、＠を一筆書きで描くアニメーション、時計の針がくるくる回るアニメーションなど、ReactのモーションライブラリFramerを使用した動くアイコンがたくさん揃っていま... 続きを読む

ついにCSSだけでwidth: auto;やheight: auto;へのアニメーションができるようになります

2024/10/31 49 users auto height width CSS テキスト

CSSだけでwidth: auto;やheight: auto;にアニメーションできたらいいな、と思ったことはありませんか？たとえば、下記のようにテキストの量によってサイズが異なるボタンです。これまではCSSでアニメーションするときは、固定値（width: 100px;しかアニメーションが機能しませんでしたが、Chrome 129でサポートされたi... 続きを読む

2D画像を3D空間に落とし込んで「物理的に違和感のない編集」を可能にする編集手法「MiraGe」

2024/10/06 19 users MIRAGE 物体生成AI ケンブリッジ大学違和感

生成AIを用いると「画像内の物体を移動」「1枚の画像をもとにアニメーションを作成」といった編集作業が可能ですが、物理的にあり得ない結果が出力されることも多々あります。ヤギェウォ大学やケンブリッジ大学の研究チームが開発した画像編集手法「MiraGe」は「画像を三次元空間に落とし込む」というアプローチで物理的... 続きを読む

アニメとレンズと被写界深度｜senzui

2024/10/02 657 users キミ山田尚子監督山田監督発言演出

8月30日から山田尚子監督の『きみの色』が公開されました。光や色の表現が非常に印象的な作品です。私にとって山田監督といえばレンズを意識した演出に特徴のある作品の印象が強いですが、実際インタビューなどでもアニメーションにおけるカメラやレンズに対する意識の強さがうかがえる発言も見られます。またご本人もミ... 続きを読む

CSSでdisplay:none;からアニメーションができる！ @starting-styleがすべてのブラウザにサポートされました

2024/10/01 16 users None display Firefox CSS 要素

CSSの@starting-styleが先日リリースされたFirefoxでもサポートされ、これでデスクトップ・スマホのすべてのブラウザでサポートされました。 @starting-styleはアニメーション化させる要素に対して開始時のスタイルを設定でき、display: none;からアニメーション化する要素に対して必須となります。 Now in Baseline: an... 続きを読む

Unityのノウハウや機能を解説した日本語版の電子書籍6冊、Unity公式サイトにて無料で公開中｜ゲームメーカーズ

2024/09/05 363 users シェーダーゲームメーカーズ Unity PDF ノウハウ

Unity Technologies、Unityのノウハウや機能について解説した6冊の電子書籍の日本語版を無料公開中アニメーションやレベルデザイン、シェーダーなどを解説。6冊すべてがUnity 2022 LTSに対応している Web上で閲覧できるほか、PDFのダウンロードも可能ユニティ・テクノロジーズ・ジャパンは、Unityに関わるノウハウや機... 続きを読む

JavaScriptで実現するFLIPアニメーションの原理と基礎 - ICS MEDIA

2024/09/04 80 users FLIP ICS MEDIA 原理基礎ライブラリ

アニメーション実装のテクニックのひとつにFLIPと呼ばれるものがあります。FLIPアニメーションは2つの状態をなめらかにつなげるテクニックで、とくに移動や拡大といった動きに有効です。FLIPアニメーションを用いると、次のようなアニメーションを実装できます。本記事では、ライブラリに依存しないFLIPアニメーション... 続きを読む

デザイナーにもお勧め！ CSSもThree.jsもタイムライン編集を可能にするTheatre.jsが凄い - ICS MEDIA

2024/08/28 176 users CSS ICS MEDIA three.js デザイナーゴー

デザイナーにもお勧め！ CSSもThree.jsもタイムライン編集を可能にするTheatre.jsが凄いウェブサイトの演出を作る上でアニメーションの実装は欠かせません。一般的には、CSSアニメーションやJavaScriptのライブラリ（GSAPジーサップなど）を用いてコードベースで動きをつけることが多いと思います。ですが、完全にコー... 続きを読む

autoなheightでもアニメーションができるようになる！calc-size() について

2024/08/27 17 users 関数デフォルト予感数値ボックス

Chrome129 で calc-size() 関数がデフォルトで使用可能になります。可変のボックスに対するアニメーション付与がかなり楽になる予感がするのでご紹介します。 calc-size() ってなに？固有サイズの設定キーワードが指す実際の数値を、計算に利用できる関数です。固有サイズの設定キーワードの例として次のようなものが... 続きを読む

Cloudflare Workers 入門【はじめからそうやって教えてくれればいいのに！】

2024/08/24 94 users Cloudflare Workers 入門一言 web 以下

はじめにこの記事の内容は、以下の動画でも解説しています。アニメーションでわかりやすくなっているので、ぜひ見てみてください。他にも Web に関する解説動画を投稿しているので、気になる人はチャンネル登録よろしくお願いします！ Cloudflare Workers とは？ Cloudflare Workers とは、一言で言うと、Cloudflare の... 続きを読む

CSSで美しいメッシュグラデーションを作成できる無料ツール、アニメーションで動くメッシュグラデーションも簡単 -MSHR

2024/08/07 12 users CSS グラデーションスマホアプリ方向ツール

最近のWebサイトやスマホアプリでよく見かけるのが、メッシュグラデーションです。メッシュグラデーションとは複数のポイント間でカラーをさまざまな方向に流し込んだグラデーションで、動きや変化を表現する方法として人気があります。この美しいメッシュグラデーションをCSSで簡単に作成できるツールを紹介します。メ... 続きを読む

Blenderで制作したリアルな波のアニメーションが話題！　定番の流体シミュレーションアドオン「FLIP Fluids」を活用

2024/07/20 27 users Blender TOP 定番活用話題

TOP ニュース Blenderで制作したリアルな波のアニメーションが話題！　定番の流体シミュレーションアドオン「FLIP Fluids」を活用 2024/07/20 Blenderで制作したリアルな波のアニメーションが話題！　定番の流体シミュレーションアドオン「FLIP Fluids」を活用 Blender 3DCGアーティストのRyan Will氏は7月11日（木）、... 続きを読む

「虎に翼」タイトルバック制作シシヤマザキインタビュー「ロトスコープという手法の面白さと豊かさが、画面上に結実したと感じます」

2024/07/19 225 users ロトスコープサヨ伊藤沙莉信念内面

NEW 「虎に翼」タイトルバック制作シシヤマザキインタビュー「ロトスコープという手法の面白さと豊かさが、画面上に結実したと感じます」主題歌「さよーならまたいつか！」（米津玄師）に合わせ、アニメーションと実写で紡がれる「虎に翼」のタイトルバック。寅とも子こ（伊藤沙莉）の人生、彼女の内面や信念、ドラマ... 続きを読む

さまざまなレート制限アルゴリズムをアニメーションでわかりやすく視覚化するとこんな感じ

2024/06/09 16 users 視覚化感じアルゴリズム ChatGPT関連レート制限

スパム防止などのためのレート制限を行うアルゴリズムは多数存在しています。さまざまなアルゴリズムの特徴をアニメーションでわかりやすくまとめたブログ記事をChatGPT関連のサービスsmudge.aiが開発ブログにて公開しました。 rate limiter – smudge.ai blog https://smudge.ai/blog/ratelimit-algorithms 配信のチャッ... 続きを読む

映画のオープニングのアニメーション（？）好き。本編への繋ぎでセンスを..

2024/05/30 15 users オープニングセンス Marvel ワーナーマトリックス

映画のオープニングのアニメーション（？）好き。本編への繋ぎでセンスを見せるのも好き。ワーナーのが一番好き。ロゴ自体がかっこいいので印象的。ハリーポッターのも印象的だけど、マトリックスのやつが一番かっこいい。コロンビアの女神はイジり映えする。MARVELのアレが続かないとちょっと違和感すらある。ユニ... 続きを読む

「攻殻機動隊」新作TVアニメシリーズ始動!! アニメーション制作：サイエンスSARU 2026年放送｜特報＆ティザービジュアル公開 | 【公式】攻殻機動隊グローバルサイト

2024/05/25 337 users 士郎正宗押井守監督サイエンスSARU 原作コミック講談社

1989年に「ヤングマガジン増刊海賊版」（講談社）にて士郎正宗が原作コミックを発表して以来、押井守監督による『GHOST IN THE SHELL/攻殻機動隊』（1995年）をはじめ、アニメーション、ハリウッド実写映画など様々な作品群を展開し、世界中に驚きと刺激を与え続けてきた「攻殻機動隊」シリーズ。このたび「攻殻機動隊... 続きを読む

東宝、アニメスタジオのサイエンスSARUを買収…アニメ制作能力を強化、成長中のアニメ事業の拡大スピードをさらに加速へ | gamebiz

2024/05/23 88 users gamebiz サイエンスSARU 東宝買収加速

東宝、アニメスタジオのサイエンスSARUを買収…アニメ制作能力を強化、成長中のアニメ事業の拡大スピードをさらに加速へ東宝<9602>は、この日(5月23日)、アニメスタジオのサイエンスSARUを買収すると発表した。同社代表の崔恩映氏より全株式を6月19日付で取得して子会社化する。今回の買収を通じて、アニメーションの制... 続きを読む

自慰行為が脳に与える良い影響と悪い影響とは？

2024/05/16 13 users 自慰行為 YouTube 悪い影響テストステロン良い影響

ポルノを見ることは心身に悪影響を与えるのか専門家の意見が分かれていたり、自慰行為を1週間行わないことで男性ホルモンのテストステロンが45.7%増加したという研究があったりする一方で、自慰行為には科学で裏付けされたメリットがあるという意見もあります。メンタルヘルスと心理学をアニメーションで解説するYouTube... 続きを読む

“映画とアニメの境界”をアカデミー賞などから考える　2024年春のアニメ評論家座談会

2024/05/07 12 users 境界アカデミー賞巨匠アニメ垣根

取材＝間瀬佑一、文・構成＝すなくじら、写真＝『君たちはどう生きるか』©︎2023 Studio Ghibli 映画とアニメーションの垣根が曖昧になりつつある昨今、その変化の最前線を映し出したのが2024年の数々の映画賞だった。日本が誇るアニメーション界の巨匠、宮﨑駿監督の『君たちはどう生きるか』が第96回アカデミー賞長編ア... 続きを読む

(1 - 25 / 1000件)

次の25件 »