はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ アニメーション

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 1000件)

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

2024/04/26 このエントリーをはてなブックマークに追加 122 users Instapaper Pocket Tweet Facebook Share Evernote Clip テクニック Programming ニキータ プロダクト 解説

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

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

2024/04/18 このエントリーをはてなブックマークに追加 263 users Instapaper Pocket Tweet Facebook Share Evernote Clip 苗木 奈須きのこ 若々しい 天才 偏愛

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

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

2024/04/08 このエントリーをはてなブックマークに追加 161 users Instapaper Pocket Tweet Facebook Share Evernote Clip Vtuber 新曲MV 実写映像 歌唱力 挑発

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

最新版! Lottieアニメーションの実装方法 - Lottie-Player編 - ICS MEDIA

2024/04/05 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip ICS MEDIA Lottie 実装方法 ベクター画像 概要

「Lottieロッティー」はベクター画像のアニメーションを実現できる技術・ファイルフォーマットです。 Lottieアニメーションの作り方編の記事(Figma編、After Effects編)では、Lottieの概要から作り方、ファイルの書き出し方までを紹介しました。本記事では、Lottieアニメーションの実装方法について紹介します。 Lotti... 続きを読む

声優が嫌い

2024/03/27 このエントリーをはてなブックマークに追加 272 users Instapaper Pocket Tweet Facebook Share Evernote Clip 声優 演出 喋り方 アニメ

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

ロゼッタ・ストーンには実際に何が書かれていてなぜ歴史学の研究で重要な役割を果たしたのか?

2024/03/21 このエントリーをはてなブックマークに追加 20 users Instapaper Pocket Tweet Facebook Share Evernote Clip 役割 歴史学 研究 実際 fra

ロゼッタ・ストーンはエジプトの地中海沿岸にある都市・ロゼッタで1799年に発見された石柱で、19世紀初頭から大英博物館で一般に公開されています。そんなロゼッタ・ストーンの解読の歴史と重要性について、YouTubeチャンネルのTED-Edがアニメーションで解説しています。 Why was the Rosetta Stone so important? - Fra... 続きを読む

青空盛衰記|パ

2024/03/07 このエントリーをはてなブックマークに追加 5 users Instapaper Pocket Tweet Facebook Share Evernote Clip セト VFXスタジオ クビ 筆者 直後

筆者:パ 日本語アドバイス:ムラノ、セト 1・アニメーションの墓地2013年に「リズム&ヒューズ」という高評価を得ていたVFXスタジオが破産して、約250人のアーティストをクビにしてしまいました。直後に、最後の作品「ライフ・オブ・パイ」はアカデミー視覚効果賞を貰いました(ソース1)。アーティスト達の気持ちは複... 続きを読む

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

2024/02/15 このエントリーをはてなブックマークに追加 156 users Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter Webサイト アンケート 言語化 テーマ

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

アップル「Vision Pro」を着けたまま24時間過ごしてわかったこと | 仕事や動画視聴、料理、スキーをした結果…

2024/02/04 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip アップル スキー アバター ペルソナ Vision Pro

アップルの複合現実ヘッドセット「Vision Pro(ビジョンプロ)」をほぼ24時間ぶっ続けで装着してみた結果、驚いたことがいくつかあった。 1. 吐かなかった 2. 多くの仕事をこなせた 3. おいしい料理を作れた それともう一つ。筆者のペルソナ(ビデオ通話用のアニメーションのアバター)にあなたは夢でうなされるだろう。... 続きを読む

「KONAMI animation」設立のお知らせ | 株式会社コナミデジタルエンタテインメント

2024/02/03 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip KONAMI animation 設立 KONA anime

「KONAMI animation」設立のお知らせ ~ ANIMEにKONAMIを+(プラス)する。 ~ 株式会社コナミデジタルエンタテインメントは、アニメーション映像制作に取り組むことを目的として、「KONAMI animation(コナミ アニメーション)」を新たな組織として設立したことをお知らせします。 「KONAMI animation」は、“ANIMEにKONA... 続きを読む

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

2024/02/03 このエントリーをはてなブックマークに追加 59 users Instapaper Pocket Tweet Facebook Share Evernote Clip ノウハウ ゲーム制作 コナミ アニメーション制作 設立

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

東京藝大の卒業展示に“AIアニメ” 一体なぜ? 制作者に話を聞いた

2024/02/01 このエントリーをはてなブックマークに追加 26 users Instapaper Pocket Tweet Facebook Share Evernote Clip 一体 AIアニメ 東京藝大 生成AI 制作者

東京藝術大学が開催している「卒業・修了作品展」に生成AIを使った作品が登場した。「AIと制作」と題して、生成AIを利用して作ったアニメーションとその制作プロセスを明かした作品だ。なぜ卒業制作に生成AIを取り入れたのか。制作者に話を聞いた。 東京藝術大学が開催している「卒業・修了作品展」に生成AIを使った作品... 続きを読む

ブックマークしておくと便利! CSSで実装されたローダー、簡単にカスタマイズもできる優れもの -Loadership

2024/01/29 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip ローター CSS HTML カスタマイズ 優れもの

自分のデザインに合ったローダーを簡単に実装したい! そんな要望に応えるオンラインで簡単にカスタマイズができるCSSで実装されたローダーを紹介します。 ローダーはHTMLとCSSをコピペするだけで簡単に実装でき、カスタマイズもオンラインでサイズ・カラー・アニメーションなどを変更できます。 Loadership Loadership... 続きを読む

モチベーションが上がらないときの対処法とは?

2024/01/15 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip モチベーション 対処法 YouTube TED-Ed 活力

モチベーションを上げるために好ましくない状態や、どうしても活力が湧かない時にモチベーションを上げるための方法を、YouTubeチャンネルのTED-Edがアニメーションで解説しています。 How to get motivated even when you don’t feel like it - YouTube 夢や目標のために努力して課題に取り組んでいた場合でも、締切が... 続きを読む

これは21世紀の着せ替え人形か!?どんな服も着せられるAIが登場|shi3z

2023/12/14 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip shi3z 人形 アリババ Outfit Anyone 登場

アリババが開発した「Outfit Anyone」は、あらかじめ指定されたモデルに好きな服を着せることができるAIだ。 Animate Anyoneと組み合わせてアニメーションにもできる。 このサイトでデモを試せる たとえば、あらかじめ用意されている服を上と下で選ぶと、組み合わせて着てくれる しかし、上着はワンピース対応なので、わ... 続きを読む

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

2023/12/07 このエントリーをはてなブックマークに追加 176 users Instapaper Pocket Tweet Facebook Share Evernote Clip トランジション auto height トリガー スクロール

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

近い将来、都市はアニメーションで溢れる~街角スリットアニメーションの作り方~

2023/12/06 このエントリーをはてなブックマークに追加 14 users Instapaper Pocket Tweet Facebook Share Evernote Clip 都市 近い将来 作り方

1980年、東京生まれ。片手袋研究家。町中で見かける片方だけの手袋を研究し続けた結果、この世の中のことがすべて分からなくなってしまった。著書に『片手袋研究入門』(実業之日本社)。 前の記事:有名人と同じ高さの棒で身近に感じられる > 個人サイト 片手袋大全 世界を変えるかもしれないアイディアが、ふいに降り... 続きを読む

たった1枚の画像をから高品質なアニメーションを作成できる技術が登場、人型のイラストや写真が1枚あれば自由自在に振付を付与できる

2023/12/01 このエントリーをはてなブックマークに追加 24 users Instapaper Pocket Tweet Facebook Share Evernote Clip 振付 Alibaba Animate Anyone イラスト

元となる画像データと「動作」のデータを入力することで元の画像を動作データの通りにアニメーションさせる技術の論文がAlibabaの研究チームから発表されました。「Animate Anyone」と名付けられたこの技術を使用することで、ちらつきの少ない高品質なアニメーションが生成可能です。 Animate Anyone https://humanaigc.... 続きを読む

アニメーションのレベル高すぎ」──“原神”のmiHoYo新作ゲームが「変態クオリティー」と話題

2023/11/30 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip 原神 話題 クローズド 変態 テスト

「原神」などを手掛ける中国miHoYoの新作ゲームが話題だ。11月24日からクローズドβテストを実施しており、プレイヤーたちが投稿するプレイ映像が注目を浴びている。 「アニメーション良すぎる」「こだわりすぎ、変態」──いま、あるゲームが話題だ。その名も「ZenlessZoneZero」(ゼンレスゾーンゼロ)。「原神」などを手... 続きを読む

ついにAIが動画も生成可能に! Stability AIが「Stable Video Diffusion」を発表/プロンプトや画像からアニメーションを生成

2023/11/22 このエントリーをはてなブックマークに追加 14 users Instapaper Pocket Tweet Facebook Share Evernote Clip プロンプト 生成 Stability AI 動画 画像

続きを読む

プログラミング入門にピッタリなビジュアル言語「Pickcode」が登場、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進

2023/11/22 このエントリーをはてなブックマークに追加 14 users Instapaper Pocket Tweet Facebook Share Evernote Clip ビジュアルプログラミング言語 チャットボット Python

プログラミングを始めるための最良の選択肢となることを目指して作成されたビジュアルプログラミング言語が「Pickcode」です。チャットボットやアニメーション、ゲームなどを作成しながらプログラミングについて学べ、PythonやJavaScriptなどのより高度なプログラミング言語への移行を促進することができるようになって... 続きを読む

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

2023/10/17 このエントリーをはてなブックマークに追加 65 users Instapaper Pocket Tweet Facebook Share Evernote Clip ビジター スクロール 上下 要素 CSS

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

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

2023/10/09 このエントリーをはてなブックマークに追加 54 users Instapaper Pocket Tweet Facebook Share Evernote Clip KON'S TONE リリース ビデオ 新聞 差別化

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

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

2023/10/09 このエントリーをはてなブックマークに追加 124 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS イージング 初速 cubic-bezier 表現力

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

スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単にできるデベロッパーツールの機能拡張 -Scroll-Driven Animations Debugger

2023/09/26 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip 挙動 デベロッパーツール デバッグ ブラウザ トリガー

スクロールをトリガーにしたCSSアニメーションは、どのようにデバッグしていますか? ブラウザの枠内で完結するアニメーションであれば、ブラウザ上ですべての挙動を確認できますが、枠外で開始や終了するアニメーションだと確認できません。 スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単に... 続きを読む

 
(1 - 25 / 1000件)