はてブログ

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



タグ アニメーション

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

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

2024/11/12 このエントリーをはてなブックマークに追加 294 users Instapaper Pocket Tweet Facebook Share Evernote Clip 抜刀 戦闘 探索要素 AUTOMATON 武器

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

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

2024/11/11 このエントリーをはてなブックマークに追加 58 users Instapaper Pocket Tweet Facebook Share Evernote Clip 一筆書き React icons アイコン スマホアプリ

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

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

2024/10/31 このエントリーをはてなブックマークに追加 49 users Instapaper Pocket Tweet Facebook Share Evernote Clip auto height width CSS テキスト

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

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

2024/10/06 このエントリーをはてなブックマークに追加 19 users Instapaper Pocket Tweet Facebook Share Evernote Clip MIRAGE 物体 生成AI ケンブリッジ大学 違和感

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

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

2024/10/02 このエントリーをはてなブックマークに追加 657 users Instapaper Pocket Tweet Facebook Share Evernote Clip キミ 山田尚子監督 山田監督 発言 演出

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

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

2024/10/01 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip None display Firefox CSS 要素

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

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

2024/09/05 このエントリーをはてなブックマークに追加 363 users Instapaper Pocket Tweet Facebook Share Evernote Clip シェーダー ゲームメーカーズ Unity PDF ノウハウ

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

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

2024/09/04 このエントリーをはてなブックマークに追加 80 users Instapaper Pocket Tweet Facebook Share Evernote Clip FLIP ICS MEDIA 原理 基礎 ライブラリ

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

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

2024/08/28 このエントリーをはてなブックマークに追加 176 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS ICS MEDIA three.js デザイナー ゴー

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

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

2024/08/27 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip 関数 デフォルト 予感 数値 ボックス

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

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

2024/08/24 このエントリーをはてなブックマークに追加 94 users Instapaper Pocket Tweet Facebook Share Evernote Clip Cloudflare Workers 入門 一言 web 以下

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

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

2024/08/07 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS グラデーション スマホアプリ 方向 ツール

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

HTMLで簡単に実装できるアニメーションで動くスピナー、カラー・サイズ・スピードのカスタマイズも簡単 -HTML-SpinnerElem

2024/07/31 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip スピナー アニメーションgif HTML カスタマイズ

HTMLで簡単に実装でき、カスタマイズも可能なアニメーションで動くスピナーを紹介します。アニメーションGIFだと、カスタマイズはほぼ不可能ですが、このスピナーだとさまざまなカスタマイズができます。 外部ファイルとしてJavaScriptを記述し、あとはHTMLで簡単に実装でき、カスタマイズもHTMLで簡単にカラー・サイズ... 続きを読む

これはすごい便利! WebサイトやスマホアプリのUIに今時のアニメーションやインタラクションを簡単に実装できる -Animata

2024/07/23 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip animate インタラクション インスピレーション コピペ

WebサイトやスマホアプリのUIにアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードをまとめたAnimataを紹介します。 112種類のアニメーション化されたUIコンポーネントが揃っており、見ているだけでもインスピレーションが刺激されます。 Animata Animata -GitHub Animataの特徴 Animata化... 続きを読む

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

2024/07/20 このエントリーをはてなブックマークに追加 27 users Instapaper Pocket Tweet Facebook Share Evernote Clip Blender TOP 定番 活用 話題

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

最近みたアニメ

2024/07/20 このエントリーをはてなブックマークに追加 22 users Instapaper Pocket Tweet Facebook Share Evernote Clip アニメ エヌ エー ゾンビランドサガ クセ

目次ピンポン BNA ビー・エヌ・エー フリップフラッパーズ えとたま キャプテン・アース コンクリート・レボルティオ〜超人幻想〜 1期 ゾンビランドサガ 1期 ピンポン松本大洋×湯浅というクサヤ×ブルーチーズみたいなアニメ。 非常によかった。最高に高校青春していた。 アニメーションのクセは思ったほどなくて、OPラス... 続きを読む

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

2024/07/19 このエントリーをはてなブックマークに追加 225 users Instapaper Pocket Tweet Facebook Share Evernote Clip ロトスコープ サヨ 伊藤沙莉 信念 内面

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

世界の言語の数は話者が亡くなると減る一方のはずなのに実際は増えているというパラドックスの正体とは?

2024/06/20 このエントリーをはてなブックマークに追加 6 users Instapaper Pocket Tweet Facebook Share Evernote Clip パラドックス ニカラグア手話 正体 YouTubeチャンネル

言語は話者が全員亡くなってしまうと消滅します。ニカラグア手話のように新たな言語が生まれることはあっても数は少ないため、世界の言語の数は減り続けているはずですが、実際には年々増加しています。なぜそのようなことが起きているのか、YouTubeチャンネルのMinuteEarthがアニメーションで解説しています。 The Lang... 続きを読む

『ガルクラ』『数分間のエールを』は日本アニメの“到達点”に 3DCGで追求した手描きの良さ

2024/06/17 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip ガルクラ エール 本流 作画 到達点

「日本はアニメの国」だと世界的なイメージとなっているが、その歴史も特徴も、世界のアニメーションの本流に位置していたというよりは、独自の表現スタイルを突き詰めることで支持を拡げてきた。 例えば、世界的にアニメーション制作は現在、3DCGを用いることが一般的だが、日本は手描きの作画が主流である。 そんな日... 続きを読む

【Studio 3Hz 事業譲受のお知らせ】 | NEWS | A-1 Pictures オフィシャルサイト

2024/06/17 このエントリーをはてなブックマークに追加 5 users Instapaper Pocket Tweet Facebook Share Evernote Clip オフィシャルサイト NEWS 事業譲受 オルタナティブ 弊社

この度、弊社は株式会社3Hzより、アニメーションの企画・制作事業を譲受いたしました。 これを受けStudio 3Hzの事業は今後、弊社において継続されることとなり、Studio 3Hzが手掛ける「ソードアート・オンライン オルタナティブ ガンゲイル・オンラインⅡ」も、これまでと変わらず同スタッフにより制作されます。 引き続... 続きを読む

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

2024/06/09 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip 視覚化 感じ アルゴリズム ChatGPT関連 レート制限

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

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

2024/05/30 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip オープニング センス Marvel ワーナー マトリックス

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

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

2024/05/25 このエントリーをはてなブックマークに追加 337 users Instapaper Pocket Tweet Facebook Share Evernote Clip 士郎正宗 押井守監督 サイエンスSARU 原作コミック 講談社

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

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

2024/05/23 このエントリーをはてなブックマークに追加 88 users Instapaper Pocket Tweet Facebook Share Evernote Clip gamebiz サイエンスSARU 東宝 買収 加速

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

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

2024/05/16 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip 自慰行為 YouTube 悪い影響 テストステロン 良い影響

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

 
(1 - 25 / 1000件)