アニメーションをスムーズに見せるためのテクニック「指数平滑法」とはどんなものなのか？

2024/04/26 184 users テクニック Programming ニキータ プロダクト 解説

グラフィック系の開発者であるニキータ・リシッツァ氏が、「自身のプロダクトのあらゆる場所で使用している」と述べるお気に入りのテクニックである「指数平滑法」について解説を投稿しました。 My favourite animation trick: exponential smoothing | lisyarus blog https://lisyarus.github.io/blog/programming/2023... 続きを読む

わたしが天才を見つけたとき。新海誠と奈須きのこがまだ若々しい「苗木」だった時代のことを語ろう。 | 偏愛・脳汁で日常を熱くするメディア　ヲトナ基地

2024/04/18 263 users 苗木 奈須きのこ 若々しい 天才 偏愛

偏愛・脳汁を語るサイト「ヲトナ基地」では、多数の「愛しすぎておかしくなるほどの記事」をご紹介してまいります。ヲトナ基地で今回紹介する記事は「わたしが天才を見つけたとき。新海誠と奈須きのこがまだ若々しい『苗木』だった時代のことを語ろう。」。海燕さんが書かれたこの記事では、アニメーションへの偏愛を語... 続きを読む

【寄稿】「VTuberは"気持ち悪い"。だから何？」 MV『ビビデバ』から読み解く星街すいせいの挑発

2024/04/08 161 users Vtuber 新曲MV 実写映像 歌唱力 挑発

3月23日にリリースされ、2週間足らずで約840万再生を突破した、星街すいせいの新曲MV『ビビデバ』。そのMVの内容に多くの視聴者が驚きの声をあげている。実写映像とアニメーションを組み合わせた独特な作品で、星街すいせいの圧倒的な歌唱力も相まって、コメント欄には「革新的な作品」「中毒性エグすぎる」「映像技術と... 続きを読む

声優が嫌い

2024/03/27 272 users 声優 演出 喋り方 アニメ

声優、嫌いなんだよね そのせいでアニメーションは好きなのにアニメは嫌いなんだよな 声優っていうか、声優の喋り方が嫌なのかもしれない いや、声自体はいいのかもしれない。好きなアニメもあるんだし、ボイス作品とか買ったこともあるし それより演出みたいなことが嫌なのかもしれないなあ とにかく長い長い長いセリフ... 続きを読む

Webサイトにアニメーションは必要あるのか。ないのか。どっちなのか。｜Takumi HASEGAWA (unshift Inc.)

2024/02/15 156 users Twitter Webサイト アンケート 言語化 テーマ

まえがきアニメーションを多く取り入れたWebサイトが好きかどうかのアンケートを取ると、ネガティブな票が多く占めることがよくありますが、それに関して思うところがあったので「Webサイトにアニメーションは必要あるのか」というテーマで自分の思っていることを言語化してみました。 X (Twitter)で「動くWebサイト　嫌... 続きを読む

ゲーム会社コナミがアニメスタジオ設立、ゲーム制作のノウハウを注ぎこむ

2024/02/03 59 users ノウハウ ゲーム制作 コナミ アニメーション制作 設立

ゲーム大手のコナミデジタルエンタテインメントが、アニメーション制作に本格進出する。2024年2月3日、アニメーション映像制作を目的とした新組織「KONAMI animation（コナミ アニメーション）」の設立を発表した。 KONAMI animationは、これまでコナミがゲーム制作で培ったCG技術やノウハウ、制作環境をアニメーション... 続きを読む

Web制作者の念願がついに叶った！ height: 0;からheight: auto;へのトランジションをJavaScriptは無し、CSSで実装する方法

2023/12/07 176 users トランジション auto height トリガー スクロール

今までJavaScriptを使用しないと実装できなったことが、CSSだけで実装できるようになったものが増えてきました。たとえば、表示・非表示をdisplayプロパティでアニメーションできるようになったり、スクロールをトリガーにしたアニメーションなど、新機能が登場しました。 今回紹介するのは、height: 0;からheight: auto... 続きを読む

CSSのスクロール駆動アニメーションを1回だけ実行し、終了フレームに留まらせる実装方法 -runOnce

2023/10/17 65 users ビジター スクロール 上下 要素 CSS

スクロール駆動アニメーションは、ビジターがスクロールするとそれに連動して要素がアニメーションします。スクロールに連動するということは、上下に繰り返しスクロールするとアニメーションも繰り返し実行されてしまいます。 スクロール駆動アニメーションを1回だけ実行し、アニメーションの終了フレームに留まらせる... 続きを読む

09 - 1999年12月 アメリカから『パーフェクトブルー』に関して(オマケ付き) - KON'S TONE

2023/10/09 54 users KON'S TONE リリース ビデオ 新聞 差別化

１．「パーフェクトブルー」と他のアニメとの差別化は何だとお考えですか。 映画の公開とビデオのリリースを通じて、国内のアニメ雑誌よりむしろ一般誌や新聞などに取り上げられたことは、結果的に他のアニメーションとの一番の差 別化になったかもしれません。国内で濫造されるアニメーションのほとんどは、アニメ雑誌... 続きを読む

CSS 数式アニメーションで初速も考慮できる表現力の高いイージングを書く - Katashin .info

2023/10/09 124 users CSS イージング 初速 cubic-bezier 表現力

2023年10月9日CSS,アニメーションcubic-bezier() をやめてこれからは数式で CSS アニメーションを書いていこうと思います。cubic-bezier() には簡単にアニメーションのイージングを書けるというメリットがありますが、凝ったことをしようとすると表現力が足りない問題に直面します。例えば、ユーザーが直前に行った操作... 続きを読む

静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能

2023/09/11 250 users SPA 静的サイトジェネレータ 画面遷移 astro 新機能

静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.0」が正式にリリースされました。 Astro 3.0 is out now! 30% faster and more powerful than ever.... 続きを読む

CSSでスムーズなアニメーションを実現する4つの新しい機能

2023/08/31 74 users CSS displayプロパティ トリガー スクロール 進化

今年もCSSの進化が止まりません！ 先日紹介した表示・非表示をdisplayプロパティでアニメーションできるようになったり、スクロールをトリガーにしたアニメーションなど、新機能が登場しました。 今まではJavaScriptや複雑なCSSを使用しないと実装できなかった、スムーズなアニメーションを実現するCSSの4つの新しい機能... 続きを読む

「アニメーションの定義についての覚書」 実写映画とは何か違うのか｜数土 直志(すど・ただし)

2023/08/27 87 users 日頃 覚書 アニメ 定義 全体

■「アニメーションの定義とは？」先日、ある方と話していて出た話題。 「アニメーションの定義とは？」 アニメーションは何を持ってアニメーションとするのかという話です。 「アニメーション」と「アニメ」の違いとかでなく、もっと広い“アニメーション”全体の話になります。 僕は日頃、アニメーションについていろいろ... 続きを読む

3DCGで「輪郭線」を描くのがなぜ難しいのか

2023/08/05 114 users 輪郭線 3DCG コンビ 准教授 ワシントン大学

3DCGの技術は近年で急速に高まっており、さまざまなゲームやアニメーションなどで高クオリティの映像を作り上げています。しかし、3DCGには「輪郭線が安定しない」という問題があり、なぜそのような問題が起きてどのように解消するのかについて、Adobe Researchの筆頭研究者でありワシントン大学の准教授を務めるコンピ... 続きを読む

日々のExcel管理を効率化するPythonスクリプトをChatGPTに作ってもらう - Taste of Tech Topics

2023/08/02 198 users Excel 菅野 グラフ描画 ウォーキング chatgpt

最近は朝型にシフトしてウォーキングを始めました。菅野です。 皆さんは日々の業務でどれぐらいExcelを用いているでしょうか？ 表計算ソフトであるExcelですが、計算のみならず、グラフ描画や、文章を表形式でまとめたり、マニアックな使い方ではアニメーションの作成までできてしまいます。 エンジニア以外の方も業務で... 続きを読む

使われたセル画は4万5000枚超。作者が自宅を抵当に入れてまで作った狂気の手描きアニメゲーム『Cuphead』のヤバさを今さら語りたい

2023/07/26 276 users Cuphead カートゥーン 抵当 熱量 狂気

その狂気は、アニメーション映画黎明期である1920年代、1930年代のカートゥーンに対する大いなるリスペクトによって形作られたものであり、本編中のアニメーションのクオリティやゲーム性の高さから伺えるその熱量は多くのユーザーに響き、高評価を獲得。発売直後から大ヒットを記録しています。 そして、本編発売からお... 続きを読む

宮崎駿最新作『君たちはどう生きるか』を理解できなかった人のためのネタバレ謎解き。｜海燕

2023/07/15 671 users 謎解き 海燕 宮崎駿最新作 ストーリーテリング 君たち

昨日、宮崎駿監督の『風立ちぬ』以来、10年ぶりの新作映画『君たちはどう生きるか』が公開されたので、ひとりのアニメファンとして当然ながら初日初回で見てきた。 個人的にはリッチなアニメーションと幻想的なストーリーテリングを楽しんだが、予想通りというかいつものことというか、ネットでは賛否両論である。 それ... 続きを読む

CSSでの実装が今までとは大きく変わる！ スクロールをトリガーにしたアニメーションを実装する方法

2023/07/13 132 users トリガー CSS スクロール 実装 パララックス

まもなくリリースされるChrome 115で実装されるScroll-driven animationsにより、スクロールをトリガーにしたアニメーションの実装方法が大きく変わります。 スクロールすると要素がアニメーションで表示されたり、スクロール量で変化するインジケーター、背景が変化するパララックスなど、実装がそれなりに手間がかかり... 続きを読む

jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita

2023/06/21 328 users jQuery Qiita タスク 制約 スタイリング

jQueryは依然として有用ですが、制約もあります。2015年にリリースされたES6のブラウザサポートは、96%以上という高いレベルに達しており、要素の選択、スタイリング、アニメーション、データの取得といった基本的なタスクにおいて、jQueryからの移行を考える時期となっています。 以下は、バニラJavaScriptにおけるいく... 続きを読む

『AKIRA』「攻殻機動隊」「パトレイバー」など都市や建物を描いたアニメの背景美術が一堂に 企画展「アニメ背景美術に描かれた都市」が金沢で開幕

2023/06/17 137 users AKIRA パトレイバー フォーラム 一堂 美術監督

都市や建物が描かれたアニメーションの背景美術を展示する、谷口吉郎・吉生記念金沢建築館の第7回企画展「アニメ背景美術に描かれた都市」が6月17日に開幕。16日には金沢市にある谷口吉郎・吉生記念金沢建築館でアニメの美術監督によるフォーラムも開かれ、キャラクターたちが動き回るアニメの舞台として精緻に描かれた... 続きを読む

『リコリス・リコイル』足立慎吾監督の絵コンテ制作を支えたiPadアプリ「e-Conte Board」〜ACTF 2023 in TAAF（1）

2023/05/25 113 users リコリス・リコイル 日本アニメーター iPadアプリ 特集

TOP 特集 『リコリス・リコイル』足立慎吾監督の絵コンテ制作を支えたiPadアプリ「e-Conte Board」〜ACTF 2023 in TAAF（1） 2023/05/25 『リコリス・リコイル』足立慎吾監督の絵コンテ制作を支えたiPadアプリ「e-Conte Board」〜ACTF 2023 in TAAF（1） イベントレポート アニメーション 一般社団法人 日本アニメーター... 続きを読む

View Transitions API入門 - 連続性のある画面遷移アニメーションを実現するウェブの新技術 - ICS MEDIA

2023/05/10 87 users ICS MEDIA View Transitions 手段

今年3月に公開されたChrome 111とEdge 111にView Transitons APIが搭載されました。View Transitons APIを使うと、シンプルでスムーズな連続性のあるアニメーションを実装できます。 ウェブ技術でのアニメーションはさまざまな手段が存在します。CSSのtransitionやanimation、JavaScriptでのWeb Animations APIなど利用... 続きを読む

海外「彼女は日本育ちなのか？」 ハリウッドの大スターの愛娘が流暢な日本語を話し話題に

2023/05/08 260 users 愛娘 ハリウッド 共訳 ピーターパン 彼女

空を自由に飛ぶ事が出来る永遠の少年が、 架空の国ネバーランドで冒険をする物語「ピーターパン」。 アニメーションや絵本などを通じて、 今も世界中で愛されているこの作品は、 日本には大正時代までには伝わっており、 1929年（昭和4年）には菊池寛と芥川龍之介による、 共訳の「ピーターパン」も刊行されています。 ... 続きを読む

新海誠の言う「日本のアニメ映画が別のフェーズに入った」とはどういうことなのか？ | CINEMAS＋

2023/04/29 112 users 史上初 新海誠監督 作品 少し前 全て

少し前に、新海誠監督がこんなことをツイートしていました。 国内で興収100億を超えた作品で、海外一国がそれをさらに上回るというのは史上初です。また『すずめ』は、全ての日本映画の中で海外興収一位となりました。 個人的には、日本のアニメーションの世界興行が別のフェーズに入ったと実感しています。これまで他の... 続きを読む

【訃報】木村貴宏氏 逝去のお知らせ - コードギアス 公式サイト

2023/03/09 238 users 逝去 アミロイドーシス闘病 訃報 アニメーター 病名

『コードギアス』シリーズでキャラクターデザインを務められたアニメーターの木村貴宏さんが 難病であるアミロイドーシス闘病の末　2023年3月5日に永眠されました 尚　ご遺族のご希望により　この場にて病名の公表をさせていただく運びとなりました 木村さんはアニメーションやイラストでたくさんのキャラクターを生み出... 続きを読む