数多くのテレビアニメなどを手がけている「東映アニメーション」が不正アクセスを受け、テレビアニメの新作の放送が延期になるなどの影響が出ていた問題で、およそ1か月ぶりに新作の放送が再開されることになりました。 関係者によりますと、身代金要求型のコンピューターウイルス「ランサムウエア」によるサイバー攻撃を受けたとみられ、会社は「制作への影響は続いており、正常化に向けて取り組んでいる」としています。 東映アニメーションは先月、社内ネットワークへの不正アクセスが確認されたとして、アニメ作品の制作などに関わるシステムの一部を停止して詳しい調査を進めていると発表しました。 この影響で「ドラゴンクエスト ダイの大冒険」「デリシャスパーティ※プリキュア」「デジモンゴーストゲーム」「ONE PIECE」のテレビアニメ4作品について新作の放送ができなくなっていましたが、作品の制作にメドがたったことなどから、いず
.mp4、.webmの動画や映像、アニメーションGIFの背景を自動分析し、背景だけを映像から削除できる無料オンラインツールを紹介します。 通常はグリーンスクリーンで撮影しないと背景を削除できませんが、簡単に背景のない映像を作成できます。 Unscreen Unscreenは、動画や映像から背景を削除できるオンラインツールです。操作も非常に簡単で、動画や映像をUnscreenが100％自動的に分析するので、ピクセルを選択したり、カラーを選択したり、マスクをペイントしたりする必要はありません。 サポートする動画のフォーマットは、下記の通り。 .mp4 .mov .webm .ogg .gif（アニメーションGIF） ファイルサイズや解像度に上限はありませんが、大きなファイルや高解像度は処理に時間がかかります。出力形式は、アニメーションGIFとアニメーションPNGとシングルフレームで、将来的には
自宅の階段を上ると、真っ先に私の目に飛び込んできたのは500色の鮮やかな色鉛筆でした。京都アニメーションで長年、色彩設計に携わっていた石田奈央美さん。繊細な色使いで登場人物の心の動きを表現し、多くのファンを魅了してきました。奈央美さんが色への感性をどうやって磨いて、鮮やかな色を表現してきたのか。私は知りたいと思いました。 （岩根佳奈子ディレクター） 「500色の色鉛筆」 奈央美さんが毎日通る部屋の前に飾られていた500色の色鉛筆。淡い色から濃い色まで黄色だけでも20種類以上のグラデーションに分かれていて、よく見ると1本1本名前が付けられています。「あぜ道のたんぽぽ」「朝食のスクランブルエッグ」「色づくいちょう並木」など。色のある情景を感じさせるユニークな名前です。 25年以上前に神戸市の通信販売会社が企画した商品で、母親によると奈央美さんが入社間もない頃に購入し、ずっと大切に部屋の前に飾っ
（ほかのアニメーション画像も記事の下のほうにあります。Safariで画像がカクカクする場合は画像を開いてご覧ください。） はじめに 私たちはGPS衛星（をはじめとした、ガリレオ、みちびき、などのGNSS衛星）との位置関係を用いて自分の居場所を正確に知ることができます。ということは、それらの人工衛星自体が今どこを飛んでいるのかもきっと取得できるはずです。 少し調べてみると、実はGPS/GNSSの衛星というのは、衛星の現在位置そのものを送信しているわけではなく、軌道を表すためのパラメータ（＝軌道要素）を送信していることがわかりました。利用者側は、その軌道要素をもとに衛星の現在位置を手元で計算するわけですね。 そして、人工衛星の軌道というのは当然ながら様々な機関に監視されているため、軌道要素のデータは、GPSデバイスなどで直接受信せずとも、CelesTrak などのサイトから誰でもダウンロードで
このコーナーでは、2014年から先端テクノロジーの研究を論文単位で記事にしているWebメディア「Seamless」（シームレス）を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 Twitter: ＠shiropen2 米ジョージア工科大学に所属する研究者らが発表した論文「ManimML: Communicating Machine Learning Architectures with Animation」は、機械学習（ML）アーキテクチャの概念をアニメーションやビジュアライゼーションに変換できるPythonライブラリを提案した研究報告である。 アニメーションは、学習者の興味を効果的に高めることが示されており、システムの状態間の遷移を示すのに特に有用である。このため、複雑な関係を持つ多くの相互作用するコンポーネントを含むことが多いMLアルゴリズムを伝達す
ホバー時に左から右へ下線が伸びるアニメーションを実装したい場合、以前このブログでも紹介したことがある擬似要素を用いた実装方法では、例えば文章内にあるリンクなどで複数行にまたがるときに意図した見栄えになりません。 1行・複数行関係なく使えるアニメーション付きアンダーライン（下線）を実装したい場合は、以下のようにlinear-gradient()とbackground-sizeを組み合わせることで実装できます。 擬似要素を用いた下線アニメーションの実装については下記エントリーの一部で紹介しており、どちらも見栄えはほとんど一緒ですが前者はtransform: scale()を、後者はwidthを変化させる違いがあります。 実装方法 実際の動きは以下デモのようになり、リンク箇所（文字色が濃い部分）にホバーすると1行・複数行関係なく左から右へ下線が伸びていくのを確認できると思います。 実装にはCSS
制作事例：Lottieのアニメーションを手描き風に動かしたい！ SVGとWebGLを使った2つのアプローチ ICSでは2022年に株式会社ニコン様の中長期ビジョンを紹介する特設サイト『2030年のありたい姿』の実装を行いました。この記事ではサイトのメインビジュアルとして使用している手描き感のあるアニメーションを実現するために検証・実装したSVGとWebGLの技術ご紹介します。SVGやWebGLを活用したビジュアル表現に興味のあるエンジニアはもちろん、ウェブ技術を使ってどのような表現ができるのか知っておきたいディレクター・デザイナーの方も是非ご覧ください。 ▼ 特設サイト『2030年のありたい姿』 「人と機械の共創」を魅力的なアニメーションで描きたい 『2030年のありたい姿』の重要なキーワードが「人と機械が共創する社会」でした。特設サイトではこのビジョンを広く一般の方向けに伝えるため、株式
京都アニメーションのスタジオが放火され、34人が死亡、34人が重軽傷を負った事件。世界中から悲しみの声が寄せられるとともに、「負けるな」「がんばれ」という声も上がっている。アメリカのアニメ関連会社が立ち上げたクラウドファンディングには、既に2億円以上が集まり、今も金額は増え続けている。フランスやタイでもアニメファンたちが支援を呼びかけている。世界から「日本の宝」と言われ、世界に誇る文化の担い手となっていた京都アニメーション。今回の事件はその損失の大きさを改めて浮き彫りにしている。関係者への独自取材で掘り下げる。 今年（２０１９年）１月までＮＨＫで放送していた京都アニメーションの作品、「ツルネ－風舞高校弓道部－」。５人の男子高校生が弓道部で出会い、互いにぶつかり合いながら成長していく過程が描かれています。 「ツルネ」をはじめ、作品の高いクオリティーが評価されてきた京都アニメーション。先週、突
2023年7月10日CSS,JavaScript,アニメーション,デザインパターンアニメーションの実装はややこしいからCSS Transitionでできなければ実装したくない、そう思っていませんか？FLIPというテクニックを使うことで、CSS Transitionだけでは実装できないケースでも簡単にアニメーションを実装することができます。 FLIPとは #FLIP とは First, Last, Invert, Play の頭文字から取られた用語であり、アニメーションをこの4つのステップに分割して行うテクニックです。例えば、以下のようなリストの項目に追加、削除、並べかえができるUIに対して、簡単にアニメーションを付けることができます。 上のデモで追加、削除、並べかえを行った時に、項目の座標移動がアニメーションすることがわかると思います。これは CSS Transition だけでは実装する
映画のオープニングのアニメーション（？）好き。 本編への繋ぎでセンスを見せるのも好き。 ワーナーのが一番好き。ロゴ自体がかっこいいので印象的。ハリーポッターのも印象的だけど、マトリックスのやつが一番かっこいい。 コロンビアの女神はイジり映えする。MARVELのアレが続かないとちょっと違和感すらある。 ユニバーサルのはこれから映画だぁって感じがする。BGMがなんとなくBTTFっぽい。 東映の波ザッバーンもバタ臭くて悪くない。 東映のハイパースペースみたいな背景から無音でボォ……と浮かび上がってくんのも嫌いじゃない。ゴジラの鳴き声が聞こえてきそう。 でもパラマウントはなんかつまんない。 ギャガはもっとつまんないけどレア感はある。 配給会社は印象的だけど、制作会社？は種類多いからあんまり覚えてない。 なんか三日月に乗ってるやつが釣り糸垂らしてるやつは割と覚えてる。 バッドロボットも結構覚えてる。
スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単にできるデベロッパーツールの機能拡張 -Scroll-Driven Animations Debugger
スクロールをトリガーにしたCSSアニメーションは、どのようにデバッグしていますか？ ブラウザの枠内で完結するアニメーションであれば、ブラウザ上ですべての挙動を確認できますが、枠外で開始や終了するアニメーションだと確認できません。 スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単にできるデベロッパーツールの機能拡張がリリースされたので、紹介します。 参考: Scroll-Driven Animations Debugger by Bramus! 記事の掲載にあたり、元サイト様にライセンスを得ています。 まずは、さっそく機能拡張のインストールから。 下記のページにChromeでアクセスし、「Chromeに追加」をクリックするだけです。起動方法や使い方は後述します。 Scroll-Driven Animations Debugger -Chrome ウェブストア この機能
東映アニメーション：名作アニメがYouTubeで無料配信 「明日のナージャ」「銀河鉄道999」「ゲゲゲの鬼太郎」第5期も - MANTANWEB（まんたんウェブ）
東映アニメーションの公式YouTubeチャンネル「東映アニメーションミュージアムチャンネル」で、アニメ「明日のナージャ」、「銀河鉄道999」、「ゲゲゲの鬼太郎」第5期が無料公開されることが分かった。同チャンネルの開設5周年、リニューアルを記念し、7月19日から順次公開される。
これが無料とな…!? 動画を読み込ませるだけでアニメーションに変換してくれるWebサービス｢Plask｣が公開2022.01.21 13:0024,784 ヤマダユウス型 え、無料!?（2回目） Adobeの発表会とか見てると、AIってほんっっっとにすごいなぁと思うんですが、またもAIやべぇと思わせてくれる新たなWebサービスが公開されました。その名は｢Plask｣。 3DCGアニメーションがすぐに作れる！Video: Plask/YouTubeもうデモの時点でやべぇ。これは自動で3DCGアニメーションを制作できるサービスで、スマホなどで撮影したダンス動画を読み込ませるだけで、そのダンスをモーションデータに変換してくれるんです。そしてなんと、無料で使えます！ あらかじめ撮影した動画だけでなく、Webカメラなどでリアルタイムな動きを撮影した場合でもモーションデータに変換してくれます。指の動き
サイトを制作する際にちょっとしたワンポイントとして、ボックスやボタンの背景にパターンを使いたい場面があるかと思います。 そんな時、わざわざフォトショやイラレで画像を作るのは結構面倒ですよね。 そこで今回はCSSをコピペするだけで使える51種類以上の背景パターンをご紹介します。 種類豊富で色々なシーンで使いどころがあるかと思いますので、気に入った背景があればぜひお気に入りに登録しておきましょう！ ギンガムチェック風CSS背景パターンSee the Pen texture by Miriam (@karaWhiteDragon) on CodePen. 28種類のグラデーションストライプCSS背景パターンSee the Pen Cards with simple stripe backgrounds by Ana Tudor (@thebabydino) on CodePen. ハーフトーンC
Animated CSS Background Generatorはボケやレクタングルなどシンプルなオブジェクトがアニメーションする背景をCSSで簡単に作れるWebアプリです オブジェクトの数、サイズ、スピードやカラーを設定するだけで作成可能で、コードも発行してくれるのでWeb制作の知識が無い方でもコピペで使う事が出来ます こんな背景が作れます。JS不要なのは良いんですが、オブジェクトを増やし過ぎるとHTMLやCSSのソースが比例して増えるのでJSで作った方が良いケースもあるかもしれませんね とはいえCSS製を1から作るのは非常に面倒なので覚えておいて損はないかなぁと思います Animated CSS Background Generator
「原神」などを手掛ける中国miHoYoの新作ゲームが話題だ。11月24日からクローズドβテストを実施しており、プレイヤーたちが投稿するプレイ映像が注目を浴びている。 「アニメーション良すぎる」「こだわりすぎ、変態」──いま、あるゲームが話題だ。その名も「ZenlessZoneZero」（ゼンレスゾーンゼロ）。「原神」などを手掛ける中国miHoYoの新作で、11月24日からクローズドβテストを実施しており、プレイヤーたちが投稿するプレイ映像が注目を浴びている。中には、1万以上のいいねを集める投稿も見られる。 特にゲーム中に挟まれるムービー（操作できない、演出としての映像）で見られるキャラクターの表情の変化やアクションに対して「こだわりがすごい」などの声が出ている。中には、1万以上のいいねを集める投稿も見られる。 ZenlessZoneZeroは、「ホロウ」という超自然的な災害によって壊滅した
イラスト、漫画投稿サイト「pixiv」で人気を得て出版もされた、映画への愛情をぶつけた同名漫画のアニメーション映画化作品『映画大好きポンポさん』が、一部で話題を呼んでいる。 本作が特徴的なのは、一般に「アニメ絵」と呼ばれる、日本のアニメーション作品特有の絵柄で、実写映画の製作を描いているという点だ。本作はそんな、普段はあまり交わることのないジャンル同士の垣根を越えて、両方に足をかける珍しい存在になっているのだ。 『映画大好きポンポさん』がアニメーション映画として異色作だと感じる理由は明らかだ。漫画作品は作家自身のスキルに大きく左右される。原作者・杉谷庄吾自身の絵柄が、もともと日本のアニメに強く影響された画風であり、同時に実写映画に興味を持ったパーソナリティであるならば、原作漫画のような作品が出来上がることは、何も不思議ではない。しかし、アニメーション映画ともなれば、莫大な製作費と大勢のスタ
よくある質問でよく利用するアコーディオン機能をCSSアニメーションとHTMLで実装する方法です。JavaScriptは不要。IEのみ非対応なのですがPolyfillを使って機能させることができます。
1980年、東京生まれ。片手袋研究家。町中で見かける片方だけの手袋を研究し続けた結果、この世の中のことがすべて分からなくなってしまった。著書に『片手袋研究入門』（実業之日本社）。 前の記事：有名人と同じ高さの棒で身近に感じられる ＞ 個人サイト 片手袋大全 世界を変えるかもしれないアイディアが、ふいに降りてきた 「スリットアニメーション」あるいは「スキャニメーション」というものをご存じだろうか？人間の錯視を利用したアニメーションの手法で、パラパラ漫画なんかに近いものだ。
ウクライナとロシアのアニメーションに今起きていること アニメーションを通じて手を繋ぐ制作者たち 叶精二 映像研究家、亜細亜大学・大正大学・女子美術大学・東京造形大学・東京工学院講師 2月24日に開始されたロシア軍のウクライナ侵攻作戦が今も続いている。 ウクライナでは、ここ数年アニメーション制作が活発化しており、CM・広告専門や下請けスタジオを含めると50社を超える制作会社があったようだ。各社で働いていた人々の安否が心配でならない。 以下、現時点で得られた情報を集めてみた。日本国内で得られる情報は断片的で不明な点が多いが、少しでも両国で今何が起きているのかを考察する一助となれば幸いである。 今年公開予定だった大作『MAVKA』の行方 2000年代以降、デジタル技術の普及によって各国の3D-CGアニメーション制作の環境は一変した。ウクライナも例外ではない。キエフ市内には大小30社近くの3D-C
※この記事は、Mediumで公開された「Transition animations: a practical guide」の著者Dongkyu Leeから許諾を得て、日本語翻訳しています。 Webサイトやスマホアプリにおいて、アニメーションと動きの重要さは年々高まっており、今では必須と言われるまでになっています。 ユーザー エクスペリエンスの権威ニールセン・ノーマン・グループは、「アニメーションは注目を集めるだけでなく、ユーザーの楽しみを高め、製品を新鮮でモダンなものに感じさせてくれる」と述べています。 アニメーションが十分に洗練されていれば、ユーザーにはっきりとしたフィードバックを与えることができ、インターフェイスをより直感的にすることができます。 特に遷移アニメーション（Transition Aniatiions）は、ユーザーをある段階から次の段階へとスムーズに誘導するため、重要な役割
最近ではアニメーションが実装されたWebサイトも多くなり、趣向を凝らしたリッチな演出を取り入れているサイトもそう珍しくなくなってきました。 特に重要な要素を動かすことで興味を引かせたり、飽きずに読み進めてもらうためのきっかけになったり、といったメリットがありますよね。 ただ、アニメーションのイメージはなかなか文面でも口頭でも伝えにくいもの。 「ふわふわ」「しゅっと」「するする」「ぬるっ」などとオノマトペを駆使して説明しても、ディレクターとコーダーの間の認識の共有は結構難しいのです。 結局、イメージに合った動きをしているサイトを見つけて「この動きで！」と伝えるのが楽なんですよね。 そこで本記事では、そういった言葉にしにくい部分にフォーカスを当てて、シンプル・綺麗、ポップ、スタイリッシュ、柔らかい印象などのイメージ別にCSSアニメーションをご紹介します。 デモ・サンプルコード付きですので、ぜひ
平均年齢26歳のアニメーションスタジオFLAT STUDIOとloundrawが歩む道 ━ 日本のアニメが削ぎ落してきたものに拘り、効率重視の分業化に反する体制を取る
平均年齢26歳のアニメーションスタジオFLAT STUDIOとloundrawが歩む道 ━ 日本のアニメが削ぎ落してきたものに拘り、効率重視の分業化に反する体制を取る デザイナーやイラストレーターなどアニメ業界外から集まり、アニメ業界に対してアンチテーゼを投げかける平均年齢26歳という驚異のアニメーションスタジオがある。 イラストレーターでありアニメーション監督でもあるloundraw氏や小説家の佐野徹夜氏、れおえん氏やSWAV氏といったイラストレーターが所属するFLAT STUDIOだ。 FLAT STUDIOでは、毎週必ずオンエアしなければならないがゆえに、日本のアニメから削ぎ落とされていったという「色」「光」「レイアウト」にとことんこだわり、圧倒的なマンパワーで『サマーゴースト』という劇場アニメを2021年に作り上げた。 彼らは「絵が描ける」という共通点こそあれど、アニメ業界の人間で
『オクトパストラベラー』シリーズの「よく動く2Dドット絵」はどのように作られているのか。イチから全て描くのではなく、“ドット絵を多関節モデル”に分解してアニメーションを作ることで、効率的な制作が可能に【WePlay Expo 2023】
『天誅』から『オクトパストラベラー』まで、アクワイア30年の歴史講演ではまず、アクワイアの約30年にわたる歴史について『天誅』と『オクトパストラベラー』のふたつの作品を代表に挙げながら紹介された。 1999年に初代プレイステーションで発売された『天誅』は、アクワイアのデビュー作であり、同時に遠藤氏が会社を立ち上げて初めてディレクションしたタイトルである。世界販売本数は200万本と、当時としてはかなりのヒットを記録しており、ステルスアクションゲームの源流のひとつとなった。 一方の『オクトパストラベラー』は第1作が2018年に新規タイトルとして発売され、すでに世界での販売本数は300万本を突破。ドット絵と3Dを融合させた古くて新しいビジュアル「HD-2D」を特徴とし、同作は中国でもかなりの成功を収めているという。 そして2023年に発売された続編が『オクトパストラベラー2』。同作はメタスコア8
2022年1月25日 JavaScript, jsjs 3Dアニメーションが手軽に実装できるVanta.jsというJavaScriptのライブラリがあります。Webサイト上で色や表示方法をカスタマイズして、コピペするだけで完成です。今回はこのJavaScriptライブラリを紹介します！ ↑私が10年以上利用している会計ソフト！ この記事は動画でも紹介しています。動画派の方はこちらをどうぞ！ 鳥をふわふわ動かしてみよう Vanta.jsのサイトに行くと、デモとして鳥がふよふよ飛んでるような背景が表示されています。この画面右側に、カスタマイズするためのパネルが用意されているので、好みのデザインに変えてみましょう。「Birds」の場合は色や鳥の数、鳥のサイズ、スペース、スピードなどが調整できます。 <div id="bird"></div> <script src="three.r119.min
｢モルカー｣生みの親に聞くヒットの秘密。かわいくても子どもだましにはしない【アニメーション監督・見里朝希1】
見里は大学・大学院在学中からショートアニメーションを多数発表し、そのほぼすべてが高い評価を受けてきた。 中でも2018年に発表された東京藝大大学院の修了制作『マイリトルゴート』は、国内外で30以上の賞を獲得。見里自身も2020年、30歳以下の若手クリエイターに贈られる国際賞｢Young Guns｣を受賞した。 『マイリトルゴート』は、ほの暗いトーンで描かれた映像のち密さ、美しさもさることながら、児童虐待という社会的なテーマを童話になぞらえて描いた点が大きな特徴だ。 リアルなら悲惨になりかねない描写を、アニメとして寓話的に表現することで質の高いエンターテイメントに仕上げた。 この作品を見たシンエイ動画の社長が｢一緒にキャラクターアニメを作ろう｣と見里を誘ったことが『PUIPUIモルカー』製作の発端になった。 最初は『マイリトルゴート』のようなややシリアスな中編アニメを想定していたというが、｢
Bitmapflow v1.0 - アニメーション化されたスプライトの中間フレームを生成するツール！オープンソース＆無料！Win
Blender アセット Blender チュートリアル アセット-Asset チュートリアル-Tutorial Aerodynamic Streamlines Simulator - CGMa... 2024-04-30 CGMatterによるBlenderのGeometry Nodesを活用した空気抵抗表現VFX制作チュートリアル動画『Aerodynamic Streamlines Simulator』と完成データが公開されました！ 続きを読む Unreal Engine アセット アセット-Asset Ragdoll Essential Kit - ラグドール物理演算を簡単に統合可... 2024-04-29 Lost Foxによる、ラグドール物理演算を簡単に統合するUnreal Engine向けアセットパック『Ragdoll Essential Kit』のご紹介！ 続きを読む メイ
CSSのボックスモデルの構造をCSSアニメーションで可視化
@use postcss-preset-env { stage: 0 } .stack { display: grid; grid: [stack] / [stack]; perspective: 5000; &:before { content: ""; position: fixed; inset: 0; background: lch(95 0 0); transition: background 2s ease; pointer-events: none; } &:matches(:hover, :active) { &:before { background: lch(15 0 0); } } &:matches(:hover, :active) .card { --bg-opacity: 5%; transition-duration: 2s; transition-timin
「長年のオタクとしての知見！！」があるなら、京都アニメーションやufotableの雌伏を知っているだろうに - 法華狼の日記
自民党から参院選に出馬予定の漫画家、赤松健氏が政策案を「実績」として漫画化し、注目を集めていた。 秋田駅での街宣を聞いて頂きありがとうございます！🙇♂️ フリーランスの待遇改善、特にアニメーターさんに注目した施策を色々考えています。ご意見をお聞かせ下さい！ https://t.co/hbZWJljg8o pic.twitter.com/jFj5iSfIYz— 赤松 健 ⋈ 公式サイトOPENしました (@KenAkamatsu) 2022年5月13日 フリーランス全体に負担がかかる「いやそこマジで大事ッスねー！」なインボイス問題について、元凶である自民党内部で戦う姿勢がまったく見られない。 かわりに「ヒットした作品の税金を優遇」という主張を選んだことで、業界内部からも批判されている。 業界外部の視聴者でしかない立場からしても違和感をもたざるをえない。 たとえば、新型コロナ禍による意図せ
京都アニメーションホームページ
平素より、弊社および弊社作品へ格別のご高配を賜り心より感謝申し上げます。 昨年11月20日に第11回京都アニメーション大賞の中止をご案内して以降、京都アニメーション大賞の開催について社内で検討を重ねて参りました。しかし、総合的に勘案をいたしました結果、当面の間、京都アニメーション大賞の開催を休止させていただきます。 あわせまして、弊社宛に原稿やアイデア等をお送りいただいても弊社がそれらのご提案をお受けすることは一切ございません。また、ご提案いただいたアイデア等に関し、弊社はこれを検討、評価、採用する義務を負いません。企画資料等をご送付いただいた場合、原則として開封せずに廃棄させていただきますこと、ご了承ください。 何卒ご理解を賜りますようお願い申し上げます。 2020年8月13日 株式会社京都アニメーション
●最初に こういうことがしたい！という事例に対しての逆引きBlenderアニメーション部門辞典。 AutoRig、AnimationLayerという2つのアドオンを使用します。 こちらはアニメーション部門ですので、モデリング、スキニングについては書いていません。 バージョンはBlender2.92＋AutoRig3.62.24です。 AutoRigとは、Blenderのアドオンでアニメーション関連をとても便利にするものです。 特にキャラクターリグはこのアドオンがあるととても楽になるのでアニメーターはすぐに買いましょう。モデラーもUE4やUnityへのエクスポートが楽になるので買いましょう。 Auto-Rig Pro Auto rigging character tool for Blender blendermarket.com ちなみに、こちらのAutoRigとAnimationLaye
いっちー@バーチャル精神科医 on Twitter: "フーリエ変換のすばらしさを伝えるアニメーション。 数式は省略されているけれど、その実用性や美しさが良くわかる。 https://t.co/F3GHhWQWnS"
フーリエ変換のすばらしさを伝えるアニメーション。 数式は省略されているけれど、その実用性や美しさが良くわかる。 https://t.co/F3GHhWQWnS
五十嵐大介による同名の漫画作品を、『マインド・ゲーム』（2004年）、『鉄コン筋クリート』（2006年）など、異色の作品を多く手がけてきた、「STUDIO4℃」によって製作された劇場長編作品、『海獣の子供』。力の入った映像表現に圧倒される声が多い一方で、ストーリーや登場人物のセリフなどに難解な点が見られ、その評価は、かなり割れていると感じられる。 ここでは、そんな本作『海獣の子供』のテーマやアニメーション表現について考えながら、どのあたりが賛否を呼び起こす原因になっているのか、それらの謎をできるだけ深いところまで潜って、考察していきたい。 “感覚”の世界を表現すること 「ミュージシャンズ ミュージシャン」という言葉がある。これは、プロのミュージシャンたちが聴いて参考にするような音楽を作っている人物を指す言葉だ。漫画家・五十嵐大介は、その意味でクリエイターたちに影響を与えるような作品を作る、
1枚絵でVTuberになれる時代 顔イラストを自分の表情に合わせてアニメーションさせられる配信アプリが登場
※本記事はアフィリエイトプログラムによる収益を得ています TwitCasting（ツイキャス）で知られるモイが、1枚のキャラクター画像から顔アニメーションを生成できるアプリ「ツイキャス Vメイカー」をAndroid先行でリリースしました。誰でも簡単にバーチャル実況配信ができることを目的として開発されたスマートフォンアプリです。 画像を選択 同じ動きをします そのまま実況できる 動かす部位のパーツ分けやモデリング、専用の機材や専門的な知識などは不要。1枚のキャラクター画像をアプリに読み込ませるとAIが顔アニメーションを自動生成し、自分の顔の動きに合わせてリアルタイムで表情をトラッキングしながらキャラを動かせます。 ライブ配信アプリの「ツイキャス・ライブ」や「ツイキャス・ゲームズ」と組み合わせると、Vメイカーで作成した2Dキャラクターで簡単にVTuber実況配信を行えるとのこと。また、動きがつ
無料モーションライブラリ『mocap.market 』『mocap.market』は、Perception Neuron を開発する Noitom による無料モーションライブラリです。このモーションライブラリでは、Noitomによって開発された Perception Neuron でキャプチャされた900以上のアニメーションにアクセスすることができます。モーションはすべてPerception Neuron Studioで作成され、Noitom独自のキャプチャ・録画ソフトウェア Axis Studio から直接エクスポートされているとのことです。 すべては確認していませんが、モーションは、FBX、CSV、MBX形式でダウンロードすることができ、CC BY-SA 4.0 ライセンスの下で利用可能です。 mocap.market ウェブサイトへ Noitomについて2011年に設立されたNoit
「Lottieロッティー」はベクター画像のアニメーションを実現できる技術・ファイルフォーマットです。 Lottieアニメーションの作り方編の記事（Figma編、After Effects編）では、Lottieの概要から作り方、ファイルの書き出し方までを紹介しました。本記事では、Lottieアニメーションの実装方法について紹介します。 Lottieの組み込みはプラットフォームに応じたさまざまな実装方法が用意されていますが、一般的なウェブの方法を例に紹介します。実装編の前編となる本記事では、手軽に組み込むことができるLottie-Playerを使用して実装します。 iOS、Androidアプリケーション等のそのほかの実装方法は公式ドキュメントを参照ください。 アニメーションの実装 ウェブ向けの実装方法は大きく2パターンあります。HTMLメインの方法と、JavaScriptメインで実装する方法で
『傷物語〈Ⅰ鉄血篇〉』PV 物語のみを抽出してみると、『傷物語』はきわめて単純明快な怪異譚であることが分かる。主要な登場人物は阿良々木とキスショット、同級生の羽川翼と怪異の専門家である忍野メメの4人しか登場せず、その他のキャストはせいぜい3人のヴァンパイア・ハンターくらいである。また、原作の小説に特徴的であった一人称の語りを映画では極力排除しており、物語に関しては必要最低限でシンプルな構造を徹底的に志向していると言える。 しかしながら、『傷物語』の映像はそのミニマルな作劇とは裏腹に、ある種の過剰さに彩られている。合計で3時間半を超える長尺もさることながら、劇中で描かれるスプラッターやエロティシズムはすべて極端な仕方で演出されており、ともすれば冗長のそしりを免れないほど執拗に描写を重ね続ける。この過剰さは『化物語』の頃からすでにその傾向が認められたが、本作のそれは量的にも質的にも肥大化してい
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
東映アニメーション 新作の放送再開へ 不正アクセス影響は続く | NHK
動画や映像、アニメーションGIFの背景を自動分析し、背景だけを削除できる無料オンラインツール -Unscreen
500色が織りなす世界～石田奈央美さんが彩るアニメーション｜京アニ・つなぐ思い｜NHK NEWS WEB
人工衛星の軌道をPythonでアニメーションにしてみよう - Qiita
AIの仕組みをアニメーション化できるPythonライブラリ「ManimML」 米研究者らが開発
CSSで複数行に対応したアニメーション付きアンダーライン（下線）を実装する方法 - NxWorld
制作事例：Lottieのアニメーションを手描き風に動かしたい！SVGとWebGLを使った2つのアプローチ - ICS MEDIA
「映像研には手を出すな！」原作者・大童澄瞳が「これがアニメーションだよ!!」と唸る“アニメ版”の見どころ【インタビュー】 | アニメ！アニメ！
京都アニメーション 世界に広がる支援の輪 - NHK クローズアップ現代 全記録
アニメーションの実装が劇的に簡単になるFLIPテクニック - Katashin .info
映画のオープニングのアニメーション（？）好き。 本編への繋ぎでセンスを..
これが無料とな…!? 動画を読み込ませるだけでアニメーションに変換してくれるWebサービス｢Plask｣が公開
CSSで表現する背景パターン51種＋【コピペで簡単！/アニメーション有】
アニメーションする背景をCSSで簡単に作れる・「Animated CSS Background Generator」
2DイラストにMayaを使う奥の手が効く！「聖剣伝説EoM」におけるキャラクターアニメーションの制作手法【CEDEC2022】 奥の手だけに“手”がすごい！ フルメタルハガーなどのアニメーション制作例も
「アニメーションのレベル高すぎ」──“原神”のmiHoYo新作ゲームが「変態クオリティー」と話題
異色のアニメーション映画 『映画大好きポンポさん』はなぜ多くの観客の共感を集めるのか
アコーディオンをCSSアニメーションとHTMLで実装する | Pulp Note
近い将来、都市はアニメーションで溢れる～街角スリットアニメーションの作り方～
ウクライナとロシアのアニメーションに今起きていること - 叶精二｜論座アーカイブ
【保存版】心地よいWeb遷移アニメーションの基本ルール6個まとめ
【コピペでOK】サイトに動きをつけるCSSアニメーションまとめ（デモ・サンプルコード付き） | 東京のホームページ制作 / WEB制作会社 BRISK
Vanta.jsで3Dアニメーションを手軽に実装！
「スーパーリアル麻雀 LOVE♥2～7！」レビュー シリーズ全アニメーションを網羅！ 20世紀にゲームセンターで味わった悔しさを21世紀の今、晴らせる！ スーパーリアル麻雀 LOVE♥2～7！
Blender×アニメーションTips１
『海獣の子供』なぜ賛否を巻き起こす結果に？ 作品のテーマやアニメーション表現から考察
900以上のアニメーションが利用できる無料モーションライブラリ 『Noitom mocap.market 』
最新版！ Lottieアニメーションの実装方法 - Lottie-Player編 - ICS MEDIA
傷物達を抱きしめて──映画『傷物語』とアニメーションの政治性｜あにもに | 週末批評