「Immersive Math」は、数学のうちベクトルや行列などの計算を研究する分野である「線形代数」についてインタラクティブな図を用意することでわかりやすさを向上させた無料の教科書サイトです。 Immersive Math https://immersivemath.com/ila/index.html サイトのトップページはこんな感じ。「完全にインタラクティブな図を備えた世界で最初の線形代数本」と述べられています。 中央に表示されている三角形の図はインタラクティブで、左上をクリックすることで回転・停止を切り替えられるほか、各頂点をクリックしてドラッグ＆ドロップすることで位置を調整可能。自由に図を編集できるため理解しやすいというわけです。 ページをスクロールすると目次が現れました。まずは「Preface(序文)」をクリック。 「『百聞は一見に如かず』という言葉の通り、たくさんの言葉を重ね
「攻殻機動隊」新作TVアニメシリーズ始動!! アニメーション制作：サイエンスSARU 2026年放送｜特報＆ティザービジュアル公開 | 【公式】攻殻機動隊グローバルサイト
1989年に「ヤングマガジン増刊 海賊版」（講談社）にて士郎正宗が原作コミックを発表して以来、押井守監督による『GHOST IN THE SHELL/攻殻機動隊』（1995年）をはじめ、アニメーション、ハリウッド実写映画など様々な作品群を展開し、世界中に驚きと刺激を与え続けてきた「攻殻機動隊」シリーズ。 このたび「攻殻機動隊」の新作TVアニメシリーズの制作が発表されました。アニメーション制作はゴールデングローブ賞アニメ映画賞にノミネートされた映画『犬王』やTVアニメ『映像研には手を出すな！』、アヌシー国際アニメーション映画祭 2024 長編コンペティション部門への出品が決定している映画『きみの色』など国内外を問わず高い評価を得る作品をうみだし続けるサイエンスSARUが担当。放送は2026年を予定。発表に際して、特報とティザービジュアルも公開されました。 続報は「攻殻機動隊」公式グローバルサ
およそ100年前に作られた国産アニメーションのフィルムが見つかりました。当時、歯ブラシなどを販売する日用品メーカーが虫歯予防などの啓発のために制作したもので、専門家は「この時代は現存するフィルムが少なく、当時の国産アニメを知る貴重な手がかりだ」と話しています。 見つかったのは、1923年ごろに国内で制作された「口腔衛生」というタイトルの映画のフィルムで、古いフィルムやレコードなどを収集している東京のNPO法人が個人から寄贈された中に含まれていたということです。 映像はおよそ8分半で、子どもの歯の健康を保つ方法などがアニメーションと実写で紹介され、このうちアニメの部分では、子どもがナイフとフォークを使って食事をする様子や歯磨きをする様子などが、かわいらしい絵柄で描かれています。
■コロナ禍からの完全回復が見えてきた中国映画市場コロナ禍で苦しめられた中国の映画市場が回復軌道に乗っています。2020年には年間204億万元まで落ち込んだ興行収入は、23年には549億元まで回復。過去最高だった19年642億元の85％の水準です。24年も１/3が過ぎた4月末段階で約200億元、ほぼ平常ペースに戻ったとみてよいでしょう。 これは映画業界全体だけでなく、劇場アニメーションも同じです。2020年から22年は3年間の年平均は12億元と2019年の１/10まで落ちましたが、23年には80億元まで回復しました。 ただ数字が戻りましたが、ヒット作品の内訳はコロナ禍以前とは一変しています。中国産アニメーションが急成長しているのです。 この辺りは、3年前にも「日本・中国・米国 どのアニメが中国の映画館で選ばれているか」の話題でとりあげたのですが、その傾向がさらに加速しており、もう一確認してみ
富野由悠季とはどんなアニメーション監督か。「演出の技」と「戯作者としての姿勢」の二つの切り口から迫る徹底評論！ 書籍化にさきがけて本論の一部を連載します。 今回からはシリーズ「富野由悠季概論」。富野由悠季監督の経歴を時代背景とともに振り返り、アニメーション監督として果たした役割に迫ります。 （バナーデザイン：山田和寛（nipponia）） 宇宙との出会い 現在、アニメーション監督という存在が広く当たり前の存在として世間に認知されている。しかし、このような認知を得るまでには、それなりの長い時間が必要であった。そしてその中で大きな働きを果たしたひとりが、富野由悠季監督である。 富野の経歴を簡単に振り返ってみよう。 アニメーション監督・富野由悠季は1941年11月5日、三人兄弟の長男として神奈川県小田原市に生まれた。本名は富野喜幸。富野家は代々「喜」の漢字を継いでおり、喜幸の「喜」の字もそこに由
CSSはどんどん進化している！ マグネットのようにくっつくエフェクトを実装するテクニック -CSS Anchor Positioning
ナビゲーションのアイテムをホバーした時にマグネットのようにくっついてスライドさせるエフェクトをCSSで実装するテクニックを紹介します。 これまでは、JavaScriptがないと実装できないエフェクトでした。レスポンシブにも完全対応、アイテムが二段・三段と複数になっても、水平・垂直になってもエフェクトは追従します。 Anchor Magnet Slide Menu 実際の動作は、デモページでお楽しみください。 右上の矢印アイコンをクリックすると、アイテムの並びが垂直・水平になります。また、右下のアイコンをクリックすると、ダーク・ライトモードになります。 ※CSSのみで動作するのは、Chrome 125+です。それ以外のブラウザはポリフィルが使用されています。 See the Pen Anchor Magnet Slide Menu by coliss (@coliss) on CodePen
東宝、アニメスタジオのサイエンスSARUを買収…アニメ制作能力を強化、成長中のアニメ事業の拡大スピードをさらに加速へ | gamebiz
東宝、アニメスタジオのサイエンスSARUを買収…アニメ制作能力を強化、成長中のアニメ事業の拡大スピードをさらに加速へ 東宝<9602>は、この日(5月23日)、アニメスタジオのサイエンスSARUを買収すると発表した。同社代表の崔 恩映氏より全株式を6月19日付で取得して子会社化する。今回の買収を通じて、アニメーションの制作能力を強化する。直近2024年2月期決算で、アニメ事業の営業収入が90％増の462億円と大きく伸びたが、同社グループのアニメ事業の成長スピードを加速させることが狙いだ(関連記事)。 サイエンス SARU は、2013年に設立されたアニメスタジオで、制作能力を強みとして、これまで数々のアニメシリーズ、映画作品を制作してきた。 2017年公開の「夜明け告げるルーのうた」で文化庁メディア芸術祭アニメーション部門大賞を受賞、さらに世界最大規模のアニメ映画祭であるアヌシー国際アニメ
富野由悠季とはどんなアニメーション監督か。「演出の技」と「戯作者としての姿勢」の二つの切り口から迫る徹底評論！ 書籍化にさきがけて本論の一部を連載します。 今回はシリーズ「富野由悠季概論」の第２回。富野由悠季監督の経歴を時代背景とともに振り返り、アニメーション監督として果たした役割に迫ります。 （バナーデザイン：山田和寛（nipponia）） アニメーションに「作者」はいるか？ 富野がアニメーション監督の認知に大きな役割を果たしたのは、1977年から1984年いっぱいまで続いた「アニメブーム」の時期に当たる。この時期は、劇場版『宇宙戦艦ヤマト』をきっかけに、それまで子供（小学生）向けと思われていた「テレビまんが」「漫画映画」が内容的にも進化し、ティーンエイジャーの熱狂的な支持を得ていることが広く知られるようになった時期である。先述の富野のキャリアに当てはめると、1977年から1988年にか
このブックマーク可能なガイドの目的は、最近CSSに追加されたばかりの新機能や使い方を分かりやすくまとめることです。 「CSSって、こんなこともできるの?!」と思ってしまうほど、多くの人が知らない新しいテクニックが中心です。 また、たとえ知っていたとしてもよく理解できておらず、「それって何?」「なんで気にする必要があるの？」「サンプルコードがあると助かるんだけど、」そんな人におすすめしたい記事となっています。 周りがあっと驚くテクニックを習得して、ウェブデザインでできる表現の幅をぐっと広げましょう。 コンテンツ目次これだけは知っておきたい最新モダンCSS（2024年春版）CSSコンテナクエリのインタラクティブガイドCSS sroll()とview()によるスクロール駆動アニメーション実践編CSS :has()のインタラクティブガイドCSS Nestingの具体的な使い方と使用例CSSコンテナ
オリジナルアニメ「ニンジャバットマン対ヤクザリーグ」ロゴ DC LOGO, BATMAN and all related characters and elements (c) & TM DC. (c) 2024 Warner Bros. 大きなサイズで見る（全2件） 「ニンジャバットマン」は、“バットマン×ニンジャ”というコンセプトから生まれた日本発のアニメーション作品。戦国時代の日本にタイムスリップしてしまったバットマンが、戦国武将になり代わった悪党たちによる歴史改変を阻止するために活躍する姿が描かれ、国内外で話題を呼んだ。 新作「ニンジャバットマン対ヤクザリーグ」には、アニメーション制作を務める神風動画をはじめ、前作のスタッフが数多く参加。監督に水崎淳平と高木真司、脚本に中島かずき、キャラクターデザインに岡崎能士、音楽に菅野祐悟が名を連ねた。作品の詳細は、7月にアメリカ・ロサンゼルス
Time-based CSS Animations
In my earlier post Time Uniform For CSS Animation, I took a note about a way to do CSS animations with time ticks instead of keyframes. It was limited applicable because CSS lacked the ability of doing complex Math calculations. After years of wait, CSS now has enough Math functions supported, particularly mod(), round(), and trigonometric functions. It's time to revisit the time-based way of anim
目まぐるしく変化するWebデザインの世界は、新しい技術やテクニックが毎日のように登場し、追いかけるだけでも大変。 「Webデザインの最新テクニックを知りたいけど、時間が足りない」という方へ。 この記事では、話題になった人気テクニックを中心に集めているので、効果的にWeb注目ニュースをインプットできます。 しかもスニペットはコピペで利用でき、CSSのみでスタイリングされたものも多数。 HTML/CSSやJSのコードをリアルタイムで編集、確認できるので、今後のデザイン制作に活用してみてはいかがでしょう。 こんなことできるの?!最新HTMLテクニック・スニペット Cards (gradient border) 最近良く見かけるモダンなUIカードエフェクトをまとめたミニライブラリ。CSSでできるボーダーアニメーションと合わせてどうぞ。 See the Pen Cards (gradient bor
SVGのロゴをネオンサインが点灯するようなイメージのアニメーションにできないかと試行錯誤した結果を記事に残しておく。 最終完成バージョン まずは出来上がりを、Codepen で確認してほしい。Start ボタンを押すと、ロゴが点灯する。 ネオンサインが点灯する雰囲気にみえるとうれしい。 （と言っても、今となってはネオン管っぽいLEDチューブが主流なので、本物のネオン管を見たことがない世代が多いかもしれないが...） See the Pen Neon Sign by hiroatsu (@scqspcfg-the-solid) on CodePen. なお、このアニメーションは、地図共有サイト Toboggar のスプラッシュ画面で使用しているものである。 どうやったらネオンサインの点灯のように見えるか 今回の方法がベストだとは思えないし、ベターですらないような気がするが、とりあえず私はこれ
ホーム > 映画ニュース > 2024年5月12日 > 82歳のアニメP・丸山正雄の特集番組が配信中 片渕須直、川尻善昭ら出演、「SHIROBAKO」の映像も 丸山正雄プロデューサー（2018年5月6日、徳島・マチ★アソビにて編集部撮影）NHK WORLD JAPANの海外向け番組「ANIME MANGA EXPLOSION」で、82歳の現役アニメプロデューサー丸山正雄氏の特集番組が放送され、無料でアーカイブ配信されている（https://www3.nhk.or.jp/nhkworld/en/shows/2099011/）。 虫プロダクションでアニメ業界のキャリアをスタートさせ、マッドハウス、MAPPA、スタジオM2の創立者である丸山氏。細田守監督や今敏監督など、多くのクリエイターの作品を手がけてきた丸山氏の足跡や、最新プロデュース作の「PLUTO」、「この世界の片隅に」の制作秘話などが、
「動き」を極めるWebアニメーション表現アイデア50選
最近のウェブサイトでよく見かける、スクロールやユーザーの動作に合わせて動く「インタラクティブなアニメーション」が注目を浴びています。 実際、2024年のデザイントレンド予想でも、多くのサイトが「アニメーション」を注目トレンドに挙げており、CSSのスクロール駆動アニメーションやView Transition APIなど新しい技術の登場で、より手軽にウェブサイトに動きを加えることができるようになってきています。 しかし、なんでもかんでも動きを加えてしまうとユーザーの使いやすさ、アクセシビリティを結果的に損なってしまう恐れも。 この記事では、参考にしたいUIアニメーションとインタラクティブなデザインを取り入れた最新コンセプトをまとめてご紹介します。 心地よいアニメーションの基本ルールを知っておけば、より実践的な動きを取り入れることができるでしょう。 「売れるサイト」は動きが9割?!Webアニメー
目次 はじめに 目指すべき”いい設計”ってどんなの？ ロジックを再利用する 処理の抽象化をする 最後に はじめに 今回は大幅にアップデートされたアニメーション機能において、次の内容を参考に現時点で考えるメンテナンス性や拡張性を考慮したアニメーション設計についてまとめています。 docs.unrealengine.com www.docswell.com 設計において、人それぞれの思想があるのはもちろんのこと、今後のエンジンのアップデートでより良い手法が出てくる可能性があります。 そのため、投稿者個人が時点での最新の環境のUE5.1.1を使用した設計ですので参考程度に見ていただければいいと思います。とは言えUE4から大幅に進化したABPは手を動かす価値が十分にあるので挑戦していただければ嬉しいです。 前提として、UE4のサードパーソンテンプレートなど基本的なアニメーションブループリントの使い
今回は、JavaScriptのライブラリであるAnime.jsを使って、簡単なアニメーションを作成する方法を紹介します。 アニメーションはWebページを魅力的にする要素の一つですが、複雑に感じる方も多いかもしれません。しかし、Anime.jsを使えば簡単に実装できるので、ぜひこの記事を参考にしてみてください。 Anime.jsとは Anime.jsは、Webアニメーションを簡単に作成できる軽量のJavaScriptライブラリです。滑らかで複雑なアニメーションをシンプルなコードで実現できるため、多くの開発者に愛用されています。アニメーションの対象は、CSSプロパティ、SVG、DOM属性、JavaScriptオブジェクトなど幅広く対応しています。 Anime.jsの特徴 使いやすいAPI:直感的なメソッドでアニメーションを設定できます。 豊富なオプション:タイミングやイージングなどの詳細な設定
『ガールズバンドクライ』、なんか案外みんな違和を感じてないっぽいので、供養です。まあ褒めは他がやるだろ。 まだ違和感あるんだけど、慣れたとか言ってる人マジ？表現を色々掘って回ってる俺を差し置いて？適性や個人差があるというのはそうだが、こういう、新しさとされるものが受け入れられない時にメチャメチャ悔しい。ということで、このルックをがんばって消化していきたい。いきます。 １．僕がCGアニメを考えるとき、出発点はいつもトイ・ストーリー的かどうか、というとこになります。一応トイ・ストーリーがどういうものか説明すると、おもちゃは生きていて、人間の目に見えていないところで動き回っているというアニメです。 僕らの生きる現実ではもちろんおもちゃは生きていませんので、生命のないオブジェクトを表現するものとしてのCGという使い方はとってもクレバーです。 そしてそこに、ディズニーお得意の秒間24コマフルアニメー
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
わかりにくい線形代数を操作可能な図で表現することで簡単に理解できる無料の教科書「Immersive Math」
約100年前に制作 国産アニメーションのフィルム見つかる | NHK
中国映画市場で勝てなくなったハリウッドアニメーション、その理由｜数土 直志(すど・ただし)
〈1〉富野少年はいかにしてアニメーション監督になったか｜富野由悠季論｜藤津 亮太｜webちくま
〈2〉「アニメーション監督」の誕生｜富野由悠季論｜藤津 亮太｜webちくま
これだけは知っておきたい最新モダンCSSの書き方（2024年夏版）
アニメ「ニンジャバットマン対ヤクザリーグ」制作決定！山寺宏一がバットマン役で続投
こんなことできるの?!最新HTMLテクニック・スニペット30選 2024年5月版
CSS アニメーションでネオンサインの点灯の雰囲気を出してみる - Qiita
82歳のアニメP・丸山正雄の特集番組が配信中 片渕須直、川尻善昭ら出演、「SHIROBAKO」の映像も : 映画ニュース - 映画.com
【動画編集】Aviutlで点滅エフェクトの追加方法を解説。
【UE5】〈Tips〉UE5の新機能を使った"いい"アニメーションの設計法 - ゲーム開発備忘録
Anime.jsで簡単アニメーション入門！初心者でもできるスムーズな動きの作り方｜DAD UNION – エンジニア同盟
GBCのルックに慣れたって言ってる人が憎い…… - ちゃぶ台