タグ アニメーション
人気順 10 users 50 users 100 users 500 users 1000 users青空盛衰記|パ
筆者:パ 日本語アドバイス:ムラノ、セト 1・アニメーションの墓地2013年に「リズム&ヒューズ」という高評価を得ていたVFXスタジオが破産して、約250人のアーティストをクビにしてしまいました。直後に、最後の作品「ライフ・オブ・パイ」はアカデミー視覚効果賞を貰いました(ソース1)。アーティスト達の気持ちは複... 続きを読む
Webサイトにアニメーションは必要あるのか。ないのか。どっちなのか。|Takumi HASEGAWA (unshift Inc.)
まえがきアニメーションを多く取り入れたWebサイトが好きかどうかのアンケートを取ると、ネガティブな票が多く占めることがよくありますが、それに関して思うところがあったので「Webサイトにアニメーションは必要あるのか」というテーマで自分の思っていることを言語化してみました。 X (Twitter)で「動くWebサイト 嫌... 続きを読む
アップル「Vision Pro」を着けたまま24時間過ごしてわかったこと | 仕事や動画視聴、料理、スキーをした結果…
アップルの複合現実ヘッドセット「Vision Pro(ビジョンプロ)」をほぼ24時間ぶっ続けで装着してみた結果、驚いたことがいくつかあった。 1. 吐かなかった 2. 多くの仕事をこなせた 3. おいしい料理を作れた それともう一つ。筆者のペルソナ(ビデオ通話用のアニメーションのアバター)にあなたは夢でうなされるだろう。... 続きを読む
「KONAMI animation」設立のお知らせ | 株式会社コナミデジタルエンタテインメント
「KONAMI animation」設立のお知らせ ~ ANIMEにKONAMIを+(プラス)する。 ~ 株式会社コナミデジタルエンタテインメントは、アニメーション映像制作に取り組むことを目的として、「KONAMI animation(コナミ アニメーション)」を新たな組織として設立したことをお知らせします。 「KONAMI animation」は、“ANIMEにKONA... 続きを読む
ゲーム会社コナミがアニメスタジオ設立、ゲーム制作のノウハウを注ぎこむ
ゲーム大手のコナミデジタルエンタテインメントが、アニメーション制作に本格進出する。2024年2月3日、アニメーション映像制作を目的とした新組織「KONAMI animation(コナミ アニメーション)」の設立を発表した。 KONAMI animationは、これまでコナミがゲーム制作で培ったCG技術やノウハウ、制作環境をアニメーション... 続きを読む
東京藝大の卒業展示に“AIアニメ” 一体なぜ? 制作者に話を聞いた
東京藝術大学が開催している「卒業・修了作品展」に生成AIを使った作品が登場した。「AIと制作」と題して、生成AIを利用して作ったアニメーションとその制作プロセスを明かした作品だ。なぜ卒業制作に生成AIを取り入れたのか。制作者に話を聞いた。 東京藝術大学が開催している「卒業・修了作品展」に生成AIを使った作品... 続きを読む
ブックマークしておくと便利! CSSで実装されたローダー、簡単にカスタマイズもできる優れもの -Loadership
自分のデザインに合ったローダーを簡単に実装したい! そんな要望に応えるオンラインで簡単にカスタマイズができるCSSで実装されたローダーを紹介します。 ローダーはHTMLとCSSをコピペするだけで簡単に実装でき、カスタマイズもオンラインでサイズ・カラー・アニメーションなどを変更できます。 Loadership Loadership... 続きを読む
モチベーションが上がらないときの対処法とは?
モチベーションを上げるために好ましくない状態や、どうしても活力が湧かない時にモチベーションを上げるための方法を、YouTubeチャンネルのTED-Edがアニメーションで解説しています。 How to get motivated even when you don’t feel like it - YouTube 夢や目標のために努力して課題に取り組んでいた場合でも、締切が... 続きを読む
これは21世紀の着せ替え人形か!?どんな服も着せられるAIが登場|shi3z
アリババが開発した「Outfit Anyone」は、あらかじめ指定されたモデルに好きな服を着せることができるAIだ。 Animate Anyoneと組み合わせてアニメーションにもできる。 このサイトでデモを試せる たとえば、あらかじめ用意されている服を上と下で選ぶと、組み合わせて着てくれる しかし、上着はワンピース対応なので、わ... 続きを読む
Web制作者の念願がついに叶った! height: 0;からheight: auto;へのトランジションをJavaScriptは無し、CSSで実装する方法
今までJavaScriptを使用しないと実装できなったことが、CSSだけで実装できるようになったものが増えてきました。たとえば、表示・非表示をdisplayプロパティでアニメーションできるようになったり、スクロールをトリガーにしたアニメーションなど、新機能が登場しました。 今回紹介するのは、height: 0;からheight: auto... 続きを読む
近い将来、都市はアニメーションで溢れる~街角スリットアニメーションの作り方~
1980年、東京生まれ。片手袋研究家。町中で見かける片方だけの手袋を研究し続けた結果、この世の中のことがすべて分からなくなってしまった。著書に『片手袋研究入門』(実業之日本社)。 前の記事:有名人と同じ高さの棒で身近に感じられる > 個人サイト 片手袋大全 世界を変えるかもしれないアイディアが、ふいに降り... 続きを読む
たった1枚の画像をから高品質なアニメーションを作成できる技術が登場、人型のイラストや写真が1枚あれば自由自在に振付を付与できる
元となる画像データと「動作」のデータを入力することで元の画像を動作データの通りにアニメーションさせる技術の論文がAlibabaの研究チームから発表されました。「Animate Anyone」と名付けられたこの技術を使用することで、ちらつきの少ない高品質なアニメーションが生成可能です。 Animate Anyone https://humanaigc.... 続きを読む
「アニメーションのレベル高すぎ」──“原神”のmiHoYo新作ゲームが「変態クオリティー」と話題
「原神」などを手掛ける中国miHoYoの新作ゲームが話題だ。11月24日からクローズドβテストを実施しており、プレイヤーたちが投稿するプレイ映像が注目を浴びている。 「アニメーション良すぎる」「こだわりすぎ、変態」──いま、あるゲームが話題だ。その名も「ZenlessZoneZero」(ゼンレスゾーンゼロ)。「原神」などを手... 続きを読む
ついにAIが動画も生成可能に! Stability AIが「Stable Video Diffusion」を発表/プロンプトや画像からアニメーションを生成
プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進
プログラミングを始めるための最良の選択肢となることを目指して作成されたビジュアルプログラミング言語が「Pickcode」です。チャットボットやアニメーション、ゲームなどを作成しながらプログラミングについて学べ、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進することができるようになって... 続きを読む
CSSのスクロール駆動アニメーションを1回だけ実行し、終了フレームに留まらせる実装方法 -runOnce
スクロール駆動アニメーションは、ビジターがスクロールするとそれに連動して要素がアニメーションします。スクロールに連動するということは、上下に繰り返しスクロールするとアニメーションも繰り返し実行されてしまいます。 スクロール駆動アニメーションを1回だけ実行し、アニメーションの終了フレームに留まらせる... 続きを読む
09 - 1999年12月 アメリカから『パーフェクトブルー』に関して(オマケ付き) - KON'S TONE
1.「パーフェクトブルー」と他のアニメとの差別化は何だとお考えですか。 映画の公開とビデオのリリースを通じて、国内のアニメ雑誌よりむしろ一般誌や新聞などに取り上げられたことは、結果的に他のアニメーションとの一番の差 別化になったかもしれません。国内で濫造されるアニメーションのほとんどは、アニメ雑誌... 続きを読む
CSS 数式アニメーションで初速も考慮できる表現力の高いイージングを書く - Katashin .info
2023年10月9日CSS,アニメーションcubic-bezier() をやめてこれからは数式で CSS アニメーションを書いていこうと思います。cubic-bezier() には簡単にアニメーションのイージングを書けるというメリットがありますが、凝ったことをしようとすると表現力が足りない問題に直面します。例えば、ユーザーが直前に行った操作... 続きを読む
スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単にできるデベロッパーツールの機能拡張 -Scroll-Driven Animations Debugger
スクロールをトリガーにしたCSSアニメーションは、どのようにデバッグしていますか? ブラウザの枠内で完結するアニメーションであれば、ブラウザ上ですべての挙動を確認できますが、枠外で開始や終了するアニメーションだと確認できません。 スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単に... 続きを読む
CSSアニメーションの実装がこれで簡単に! Chrome 117でサポートされたCSSの6つの新しい機能とプロパティ
先週リリースされたChrome 117でサポートされた、CSSの6つの新しい機能とプロパティを紹介します。 今までのCSSでは不可能だったことやJavaScriptを使用しないとできなかったことが、数行のCSSで実装できるようになります。たとえば、アニメーションで変化する前のスタイルを設定したり、最上位レイヤーとの間で要素をア... 続きを読む
『ヲタクとヲタク母とアニメを一切見たことない父で黒鉄見に行った話』コナンの冒頭の説明ってやっぱり大事
ひき割り納豆📱📱 @kiku59510748 父「最初にコナン君が色々説明してくれてよかった、あれがなかったら金髪の男性と黒髪の女性がなんで寝返ったの?ってなってたと思う」 (やっぱり最初のあれって大事なんだなぁ……………) 2023-09-18 23:36:40 ひき割り納豆📱📱 @kiku59510748 色々履修させたけどアニメーションに不慣れす... 続きを読む
CSSで実装できるのか! iPhone 15 Proのページで見かけたスクロール駆動のダイナミックアイランドを実装するテクニック
先週発表されたiPhone 15のWebページに、面白い仕掛けが実装されていました。Appleは新製品のページにはスクロール駆動のアニメーションを多数取り入れており、今回のはスクロール駆動のダイナミックアイランドです。 このスクロール駆動のダイナミックアイランドをCSSで実装するテクニックを紹介します。下記のアニメー... 続きを読む
これはすごい便利! HTMLはdiv一つ、あとはCSSをコピペするだけで500種類以上のローダーが簡単に実装できる -CSS Loaders
HTMLはdivたった一つ、あとはCSSをコピペするだけで約580種類のローダーを実装できるCSS Loadersを紹介します。 ローダーは、バーやドットのシンプルなアニメーションから他ではあまり見ない面白いものまであり...記事の続きを読む 続きを読む
静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能
静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.0」が正式にリリースされました。 Astro 3.0 is out now! 30% faster and more powerful than ever.... 続きを読む
これでSafariにも実装できる! スクロールをトリガーにしたアニメーションのポリフィル -Scroll-timeline Polyfill
先日の記事で、CSSでの実装が大きく変わる! Scroll-driven Animations スクロールをトリガーにしたアニメーションを実装する方法を紹介しました。Chrome 115から実装された新機能ですが、ネックはSafariのサポートだと思います。 Scroll-driven Animationsの仕様で定義されているScrollTimelineとViewTimelineのポリフ... 続きを読む