並び順

ブックマーク数

期間指定

  • から
  • まで

281 - 320 件 / 381件

新着順 人気順

アニメーションの検索結果281 - 320 件 / 381件

  • KAMEI Nobutaka on Twitter: "『#コクリコ坂から』みたいな映画は、注釈なしに放送してはいけないのではないかと思います。 男子生徒たちが好き勝手議論して方針を決めていく中、なぜ女子生徒たちばかりがただ働きさせられているのだろうか。 「1960年代当時を描いたバイ… https://t.co/pJjxTJlwIY"

    『#コクリコ坂から』みたいな映画は、注釈なしに放送してはいけないのではないかと思います。 男子生徒たちが好き勝手議論して方針を決めていく中、なぜ女子生徒たちばかりがただ働きさせられているのだろうか。 「1960年代当時を描いたバイ… https://t.co/pJjxTJlwIY

      KAMEI Nobutaka on Twitter: "『#コクリコ坂から』みたいな映画は、注釈なしに放送してはいけないのではないかと思います。 男子生徒たちが好き勝手議論して方針を決めていく中、なぜ女子生徒たちばかりがただ働きさせられているのだろうか。 「1960年代当時を描いたバイ… https://t.co/pJjxTJlwIY"
    • 伝説のアニメーター・板野一郎はゲーム業界でも偉大な指導者だった!直弟子の手がけるVRゲーム『アルトデウス: BC』に受け継がれる、「板野サーカス」の極意とは

      伝説のアニメーター・板野一郎はゲーム業界でも偉大な指導者だった!直弟子の手がけるVRゲーム『アルトデウス: BC』に受け継がれる、「板野サーカス」の極意とは 現在、Oculus Quest/Rift、Steam VR、PlayStation VRで発売中のVRアドベンチャーゲーム『ALTDEUS: Beyond Chronos』【※】が、VRゲームとしては異例の高評価を獲得している。 ※『ALTDEUS: Beyond Chronos』……謎の巨大生命体「メテオラ」の襲来により、人類が地下都市に逃げ込んでから200年後。人型都市防衛兵器「マキア」で地下都市を守護するクロエの眼前に、新たなメテオラが現れて……。VR空間でキャラクターの会話が繰り広げるアドベンチャーパートに加えて、マキアを操縦するマシンアクションパートや、AIの歌姫「ノア」によるライブ体験も盛り込まれている。 (画像はALTD

        伝説のアニメーター・板野一郎はゲーム業界でも偉大な指導者だった!直弟子の手がけるVRゲーム『アルトデウス: BC』に受け継がれる、「板野サーカス」の極意とは
      • CSSの三角関数を理解しよう! sin()とcos()でできる表現 - ICS MEDIA

        2023年3月にリリースされるChrome 111ではCSSの三角関数がサポートされます。FirefoxやSafariではすでにサポートされている機能のため、2023年3月からは主要なブラウザでCSSの三角関数が使えるようになります。 とはいえ、「CSSで三角関数をどうやって使えばいいの?」「そもそも三角関数で何ができるの?」という方も多いのではないでしょうか。この記事では三角関数のうちサイン関数とコサイン関数の作例を交えながら解説します。 三角関数のおさらい まずはサイン関数とコサイン関数のそれぞれの使い方を少しおさらいしてみましょう。下図は角度をθ、半径をrとした時のx座標とy座標を表したものです。 たとえば角度が60°で半径が200だった場合、CSSのサイン関数とコサイン関数を使うと、x座標はcos(60deg) * 200、y座標はsin(60deg) * 200で求められます。つ

          CSSの三角関数を理解しよう! sin()とcos()でできる表現 - ICS MEDIA
        • 「世界名作劇場」大人向けプロジェクト、第1弾「ロミオの青い空」のイラスト公開

          1975年放送の「フランダースの犬」から、45周年を迎えた「世界名作劇場」シリーズ。「世界名作ノスタルジア」では“大人向け”をコンセプトに、「世界名作劇場」シリーズの放送当初から作品を応援しているファンに向けたグッズ展開などが行われる。 「世界名作ノスタルジア」の第1弾となる作品は、今年25周年の「ロミオの青い空」。イタリア語で“煙突掃除夫のロミオ”を意味する「Romeo lo spazzacamino(ロミオ ロ スパッツァカミーノ)」と銘打ち、インテリア雑貨やキッチングッズを販売する予定だ。 また「Romeo lo spazzacamino」の展開に併せ、「ロミオの青い空」で作画監督・キャラクターデザインを担当した佐藤好春がロミオとアルフレドのイラストを描き下ろし。また佐藤が描き下ろしたモチーフをもとにし、自然をテーマに制作したアート「naturale(ナトゥラーレ)」も公開された。今

            「世界名作劇場」大人向けプロジェクト、第1弾「ロミオの青い空」のイラスト公開
          • 当社ネットワークへの不正アクセスに関する調査結果のお知らせ | プレスリリース | 東映アニメーション株式会社

            本年3月7日に公表しました「当社ネットワークへの不正アクセスによるシステム障害発生に関するお知らせ」に関し、下記の通り調査結果をお知らせします。 なお、本日現在、通常業務および作品製作のいずれもおおむね正常化しております。 お客様、お取引先様をはじめとする関係者の皆様には、多大なるご迷惑とご心配をおかけしましたことを深くお詫び申し上げます。 1.経緯 当社従業員が業務上必要なソフトウェアを外部ウェブサイトよりダウンロードしたところ、ランサムウェアの侵入の起点となるソフトウェアが同時にダウンロードされるよう外部ウェブサイトが改竄されておりました。 その後、3月6日に社内ネットワークへの第三者による不正アクセスを確認いたしました。 2.対応および調査 上記社内ネットワークへの第三者による不正アクセスを確認後、速やかに社内システムの一部を停止し、外部からのアクセスを制限するなどの対応を行いました

            • HTML要素をグラフィカルにアニメーション化できるJavaScriptライブラリ「Theatre.js」を使ってみた! - paiza times

              どうも、まさとらん(@0310lan)です! 今回は、HTML要素を簡単にアニメーション化できるJavaScriptライブラリをご紹介します。 初期設定はJavaScriptで書きますが、実際のアニメーション作りに関してはタイムラインエディタを利用した直感的な操作で実現しているのが大きな特徴です。ちょっとしたインタラクションから3Dアニメーションまでカバーできるライブラリなので、ご興味ある方はぜひ参考にしてください! 【 Theatre.js 】 ■「Theatre.js」の導入について! それでは、「Theatre.js」をどのように使えばいいのか詳しく見ていきましょう! 既存のWebサイトへ「Theatre.js」を導入する方法はいくつかあるのですが、今回はもっとも基本的な手段としてCDN経由でライブラリを読み込んでみます。これはHTMLファイルが1つあれば完結するので、ちょっと試して

                HTML要素をグラフィカルにアニメーション化できるJavaScriptライブラリ「Theatre.js」を使ってみた! - paiza times
              • ウェブサイトに透過動画を埋め込む方法 - ICS MEDIA

                今ではサイト内に動画やアニメーションを利用することはそこまで特別なことではなくなりました。実はブラウザーや技術の進歩により最近は透明部分のある動画(アルファ付き動画)をサイト内に埋め込むことも可能になってきました。本記事では動画内容に応じた透過動画を、メリット・デメリットなどを交えながら、動画ファイルだけでなくさまざまな実装方法を紹介します。 記事前半では主に動画形式での実装方法を、後半ではアニメーション画像形式での実装方法を解説します。 サンプルを別ウインドウで開く コードを確認する ※デモの再生には通信量が多いため、モバイルデータ通信などを利用の方は注意ください。 コーデックとコンテナー まず、動画ファイルの仕組みである「コンテナー」と「コーデック」について簡単に説明します。 よく動画ファイルの拡張子に「.mp4」や「.mov」などを見たことがあると思います。これらはマルチメディアコン

                  ウェブサイトに透過動画を埋め込む方法 - ICS MEDIA
                • 「京アニなら普通の人間の暮らしができます」 クリエーター最優先、貫いた先の悲劇(京都新聞) - Yahoo!ニュース

                  煙を上げる京アニ第1スタジオ。36人が犠牲になった(2019年7月18日午前11時53分、京都市伏見区) 2019年7月、京都アニメーション第1スタジオ(京都市伏見区)で発生した放火殺人事件は、36人もの犠牲者を出すのみならず、きらびやかに映るアニメ業界のひずみを浮き彫りにした。ヒット作を輩出しても下請けの制作会社は大きな収益を上げられず、現場の作り手は低賃金、長時間労働に苦しむ過酷な世界。京アニはこうした「呪縛」にあらがうように独自の道を切り開き、クリエーターの理想郷と呼ばれるまでに発展した。18日で事件発生から1年半。業界が抱える課題を描きながら、未曽有の災厄が起きた背景に迫る。(岸本鉄平、本田貴信) 【写真】犠牲の天才アニメーターが魂込めた絵コンテ 毎朝、太陽が昇るころに布団に入った。出勤は昼を回るのが当たり前。寝ている時間以外ずっと、鉛筆を握っていたような気がする。 仕事漬けの生活

                    「京アニなら普通の人間の暮らしができます」 クリエーター最優先、貫いた先の悲劇(京都新聞) - Yahoo!ニュース
                  • 映画版のエヴァを観た

                    今更ながらに映画版のエヴァを観た。 シンジの隣で嬉しそうに笑うアスカを見て、もうそれだけで充分だった。 お祭り版とも言える本作はまさにその名の通り学園祭での風景が描かれる。 シンジと連れ添って楽しそうに練り歩くアスカ。楽しそうな2人が描かれるその画面端には今までの作品と地続きのキーパーソンが何度も見切れる。 しかしシンジに連れられたアスカは彼らに遭遇することはない。ただの一度もない。 この作品はまさにそういうことなのだ。ありえる可能性、現実に引き戻される可能性をことごとく排除した後に残った世界。シンジは彼らに遭遇することのないルートで、アスカを連れ歩く。決してフラグは立たないように。 終盤、学園祭も終わりの時間が近づき、ベンチに座る2人のシーン。遠くに片付け始めるクラスメイトの姿が見える。とりとめのない話からアスカの髪の話になる。大好きな両親からもらった大切なものなんだと自慢げに話す惣流・

                      映画版のエヴァを観た
                    • 『リコリス・リコイル』足立慎吾監督の絵コンテ制作を支えたiPadアプリ「e-Conte Board」〜ACTF 2023 in TAAF(1)

                      TOP 特集 『リコリス・リコイル』足立慎吾監督の絵コンテ制作を支えたiPadアプリ「e-Conte Board」〜ACTF 2023 in TAAF(1) 2023/05/25 『リコリス・リコイル』足立慎吾監督の絵コンテ制作を支えたiPadアプリ「e-Conte Board」〜ACTF 2023 in TAAF(1) イベントレポート アニメーション 一般社団法人 日本アニメーター・演出協会(JAniCA)による「アニメーション・クリエイティブ・テクノロジー・フォーラム(ACTF)」が、3月11日(土)・12日(日)の2日間開催された。 東京アニメアワードフェスティバル(TAAF)実行委員会主催の下「ACTF2023 in TAAF」と銘打ち、11日は制作プロダクションなどによる各社事例紹介の配信、12日はソフトベンダー・企業によるセミナー配信と、としま区民センターでのリアル出展を行な

                        『リコリス・リコイル』足立慎吾監督の絵コンテ制作を支えたiPadアプリ「e-Conte Board」〜ACTF 2023 in TAAF(1)
                      • ゲームUI演出

                        ソーシャルゲーム会社でUIアニメーションや演出、エフェクトを担当しています。 UI演出についての知見を深めるためにブログを始めました。 最近インプットアウトプットをしていなかったので、ブログをきっかけにインプットアウトプット力を高めていけたらと思っています。

                          ゲームUI演出
                        • 「クラリスみたいな女の子は現実にいるわけがない」と言われた宮崎駿監督の「いやいるよ!」から始まる反論を巡るアレコレ

                          大久保マコト @makoto_ookubo 名探偵コナンと金田一少年の事件簿に登場する美人なおねえさんを探す人/金田一37歳の事件簿は魚森流菜子ちゃんをすこり中/アニメのかわいいモブキャラが好きです/『東宝映画俳優名鑑』YouTubeリンクから youtube.com/playlist?list=… 大久保マコト @makoto_ookubo 「クラリスみたいな女の子が現実にいるわけない」と言われた宮崎駿が「いやいるよ!何を言ってるんだ君は!」と怒りつつ、「あれはほんの数日間の出来事であって、その間『おじさま』の前で猫をかぶることなら誰でもできる」というようなことも言ったそうで、おっかないおやじだと思った 2019-07-30 00:45:08

                            「クラリスみたいな女の子は現実にいるわけがない」と言われた宮崎駿監督の「いやいるよ!」から始まる反論を巡るアレコレ
                          • これなら実装がすごく簡単!スクロール時にDOM要素をアニメーションで表示する超軽量のJavaScript -Animon

                            Webページがロードされた時やスクロールされた時など、ブラウザのビューポートに表示された時に指定したDOM要素にさまざまなアニメーションを個別に設定できる超軽量のJavaScriptライブラリを紹介します。 HTMLにclassとdata属性を加えるだけで、ランディングページでよく見かけるスクロールすると見出しやテキストや画像が右・左からアニメーションでふわりと表示されたり、フェードインやスケールアップ・ダウンなどが簡単に実装できます。 Animon Animon -GitHub Animonの特徴 Animonのデモ Animonの使い方 Animonの特徴 Animonは、Webページ上のDOM要素がビューポートに表示された時に、指定したDOM要素をアニメーション化させるJavaScriptの超軽量(0.9kB)ライブラリです。単独で動作し、他のスクリプトへの依存はありません。 実装は

                              これなら実装がすごく簡単!スクロール時にDOM要素をアニメーションで表示する超軽量のJavaScript -Animon
                            • Appleの商品ページに使用されているスクロールに合わせて動画を再生するエフェクトを実装するスクリプト -Scrolleo

                              /* Scrolleo - make your video scroll with inertia * MIT License - by Mark Teater */ (function(window, document, undefined) { "use strict"; var _Scrolleo = function(opts) { // Defaults this.acceleration = 0.08; //1 is fastest, 0 is slowest, 0.08 is default this.secondsPerScreen = null; //Set this to the length of the video. "1" is 1 second. this.additionalOffset = 0; //Add or subtract pixels to whe

                                Appleの商品ページに使用されているスクロールに合わせて動画を再生するエフェクトを実装するスクリプト -Scrolleo
                              • 映画『100日間生きたワニ』公式サイト

                                2020年3月20日、原作「100日後に死ぬワニ」の連載が最終日を迎えました。2019年12月12日から、原作者きくちゆうきのTwitterに100日間毎日投稿された何気ないワニの日常を綴った4コマ漫画の最終話は、いいねの数が214万という国内Twitterの歴代最多数を記録、エンゲージメントは2億を超え、日本を感動の渦に巻き込みました。 その100日間のワニの日常と、そこから100日後の大切なものを失った仲間たちの姿を描いたアニメーション映画『100日間生きたワニ』がいよいよスクリーンに登場。 監督・脚本は、原作に込められたメッセージに強く共感し映画化を熱望した『カメラを止めるな!』の監督・上田慎一郎とアニメーション監督としても活躍するふくだみゆき夫妻。脚本開発中にコロナ禍に直面し、劇的に変わってしまった日常と価値観の変化に戸惑いながらも、その気持ちを登場人物たちに重ね、新たに構成を練り

                                  映画『100日間生きたワニ』公式サイト
                                • 2019年注目のJavaScriptアニメーションライブラリ11選 - Qiita

                                  こちらの記事は、Jonathan Saring 氏により2018年 6月に公開された『 11 JavaScript Animation Libraries For 2019 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 何かいいJavaScriptのアニメーションライブラリがないかとWebを眺めていても、「おすすめ」されているはずの多くライブラリが、実は長い間メンテナンスされていませんでした。 そこで私は調査を重ね、あなたのアプリにも使える11の優れたライブラリ、そして今はほとんどメンテナンスされていないものの、非常に便利ないくつかのライブラリをまとめてみました。 アドバイス: JSコンポーネントを個別にパッケージ、公開するのにはBitを使いましょう。異なるプロジェクトやアプリケーション間で共有したりすることができ、チーム内でより迅速にアプリケーションを構築するこ

                                    2019年注目のJavaScriptアニメーションライブラリ11選 - Qiita
                                  • 東映の時価総額、東映アニメの半分 親子上場放置のつけ 大貫瞬治 - 日本経済新聞

                                    東映が主力の映画事業の価値向上を問われている。新型コロナ禍で映画事業は不振が続く一方、アニメを手がける上場子会社、東映アニメーションは海外コンテンツ事業が好調だ。東映アニメの時価総額は東映の2.2倍となり「親子逆転」に拍車がかかる。親子上場に対する視線が厳しくなるなか、株主に対する説明責任を果たす必要が高まっている。株式市場で2社の評価に差がついたのはこの1年間だ。2020年6月には約2100

                                      東映の時価総額、東映アニメの半分 親子上場放置のつけ 大貫瞬治 - 日本経済新聞
                                    • 「サザエさん」コロナ禍で45年ぶりの再放送対応 - 芸能 : 日刊スポーツ

                                      フジテレビ系アニメ「サザエさん」(日曜午後6時30分)が17日から当面の間、新作の放送を休止して再放送を行うことが9日、発表された。 新型コロナウイルス感染拡大の影響で、新作制作継続が困難になったため。レギュラー枠での再放送対応は同番組50年7カ月の歴史で、1975年2月2日から3月2日までの5週にわたり行って以来、45年ぶり2度目となる。 17日は、18年5月27日に放送された「夫婦は以心伝心」「宿題ちゃん、こんにちは」「父さん危機一髪」の3話を放送する。マスオさんの声は、今年3月21日に亡くなった声優増岡弘さん(享年83)が演じている。オープニング映像は現在放送中の「東京バージョン」を、次回予告の後のサザエさんとの「じゃんけん」は新たなものを放送する。 同局では「4月7日の緊急事態宣言を受けてドラマの撮影休止、バラエティーなどはできる限り感染予防の措置を取った上で可能ならば収録するなど

                                        「サザエさん」コロナ禍で45年ぶりの再放送対応 - 芸能 : 日刊スポーツ
                                      • 無題

                                        京都アニメーションが襲われたという凶報に接し、いまでも、信じたくない気持ちが去りません。 当日は風邪で伏せっていましたが、携帯電話のニュースで第一報を見て、重体者がいると知りました。どうか助かってほしいと息を詰めて続報を待つにつれ、犠牲者は時を追って増え続け、祈るよりほかに出来ることもなく、言葉が出ませんでした。 京都アニメーションとは、アニメ「氷菓」でお仕事をご一緒しました。 私は、アニメにはまったく詳しくありません。それだけに、拙作を見込んでお話を頂けたことを嬉しく思いつつも、制作に関してはすべてお任せするつもりでいました。しかし京都アニメーション社制作陣の皆様の、一緒に作ろうという強い熱意に打たれ、及ばずながら私も準備段階に加わることになりました。 物語というのは得体の知れないもので、きらめきがあるお話でも、ちょっとしたことですべてが色褪せてしまいます。制作陣の皆様は、忍び寄る色褪せ

                                          無題
                                        • PIXIV TECH FES.のLPを支えるCSSアニメーションテクニック - pixiv inside

                                          ※本記事に出てくるアニメーションは全てCSSで作られています はじめまして、新卒エンジニアの yui540(@yui540)です。普段は、pixivFANBOXというサービスのCSSエンジニアをしています。 今回は、私がコーディング&ページ演出のアニメーションを担当させていただいたPIXIV TECH FES. の LP(第一弾)の CSSアニメーションの実装方法を一部解説します。 第一弾 conference.pixiv.co.jp 第二弾 conference.pixiv.co.jp とその前に、「PIXIV TECH FES.って何?」という方もいると思うので、簡単にご説明します。 PIXIV TECH FES. は、私たちピクシブのエンジニアが普段からお世話になっている方や、 お話ししてみたい方をお招きして、サービス開発で得た技術的知見とピクシブの未来についてお話しするテックカンフ

                                            PIXIV TECH FES.のLPを支えるCSSアニメーションテクニック - pixiv inside
                                          • CSS 数式アニメーションで初速も考慮できる表現力の高いイージングを書く - Katashin .info

                                            " class=code-demo loading=lazy style=height:350px>これを突き詰めると、スプリングアニメーション(Spring Animation)のような、従来は JavaScript でフレームごとに描画していたアニメーションも CSS アニメーションで実装できます。 iOS のスプリングを CSS 数式アニメーションで再現する この記事では数式を使ったアニメーションを CSS で行う方法について、実際にデモを実装しながら解説します。 数式でアニメーションを表現できることの利点 #数式でアニメーションを表現すると聞いて、ピンとこない人もいると思います。以下の画像はこの記事のはじめのデモで使っている数式をグラフにしたものです。このグラフの形がイージング関数に似ていると気づいた方もいるかもしれません。 このようなグラフを描く数式を作ることができればイージング

                                              CSS 数式アニメーションで初速も考慮できる表現力の高いイージングを書く - Katashin .info
                                            • 【2019年版】UIとUXデザイントレンド - baby-degu - Medium

                                              Scenery Illustration by J.HUAこちらの記事は、2018年12月に公開された『 2019 UI and UX Design Trends 』の和訳になります。 はじめに私たちは去年、モバイルUIデザインのトレンドについての予測をまとめました。今年はモバイルだけを対象とせずに、さらに深く掘り下げていきます。 モダンなデザインの一番のトレンドは前後関係のあるつながりの中にあります。そのため、一般化することができません。 この記事を読むことであらゆるツール、技術の進歩、またユーザー向けのプロダクトが実際にどのように機能なのか開発者が理解し、全てが上手くいくように感じるでしょう。 近いうちに、販売だけでなく、生産するものすべてを網羅するユニバーサルデザインの考え方を発展させて行くでしょう。自分で何か物事を行うためには、より良いデザインの選択が必要です。 国家としての印象さ

                                                【2019年版】UIとUXデザイントレンド - baby-degu - Medium
                                              • 手塚治虫の未亡人が「虫プロ」を提訴 経営危機で家賃を2年間滞納 | デイリー新潮

                                                「週刊新潮」の発売前日に速報が届く! メールマガジン登録 デイリー新潮とは? 広告掲載について お問い合わせ 著作権・リンクについて ご購入について 免責事項 プライバシーポリシー データポリシー 運営:株式会社新潮社 Copyright © SHINCHOSHA All Rights Reserved. すべての画像・データについて無断転用・無断転載を禁じます。

                                                  手塚治虫の未亡人が「虫プロ」を提訴 経営危機で家賃を2年間滞納 | デイリー新潮
                                                • 宮崎駿監督が猛烈に働いて作った『未来少年コナン』 - 叶精二|論座アーカイブ

                                                  宮崎駿監督が猛烈に働いて作った『未来少年コナン』 プロデューサー・中島順三氏が語る制作秘話 叶精二 映像研究家、亜細亜大学・大正大学・女子美術大学・東京造形大学・東京工学院講師 4月からNHKで深夜に再放送されてきた『未来少年コナン デジタルリマスター版』が11月1日(24:45~)で最終回を迎えた。当日は「大阪都構想住民投票開票速報」の関係で放送時間が変更となり、録画が出来なかったという声がインターネット上で多数を占めた。これを受けて11月5日、NHKは急遽11月21日深夜(22日2:35〜)に再放送すると発表。異例のニュースとなり、改めて作品の影響の大きさを世間に知らしめた。 同作品は宮崎駿監督が初めて演出を手掛けた作品であり、NHKが初めて放送したテレビアニメーションシリーズである。コロナ禍の影響で本来放送されるはずの別番組の制作が中断したことで、言わば「穴埋め」として急遽再放送され

                                                    宮崎駿監督が猛烈に働いて作った『未来少年コナン』 - 叶精二|論座アーカイブ
                                                  • 2023年秋開始の新作アニメ一覧

                                                    放送・配信中のアニメの終わりが近づき、新作の開始時期が近づいてきました。2023年秋に始まるアニメの数はショートアニメや特撮も含めると75本ほどあり、ここ10年、20年という単位で考えても過去最多レベルの本数となっています。リアルタイムで見るときはもちろんながら、録画で見るにしても配信で見るにしても、網羅するのは大変。自分が気になる作品をうまく探し当ててください。 以下、作品リストは放送・配信時期が早いものから順に並べています。 ▼目次表示 ・範馬刃牙<外伝ピクル+野人戦争編><地上最強の親子喧嘩編> ・五等分の花嫁∽ ・仮面ライダーガッチャード ・GAMERA -Rebirth- ・しーくれっとみっしょん~潜入捜査官は絶対に負けない!~ ・ケンガンアシュラ Season 2 ・万聖街 日本語吹替版 総集編&続編 ・お嬢と番犬くん ・葬送のフリーレン ・め組の大吾 救国のオレンジ ・MFゴ

                                                      2023年秋開始の新作アニメ一覧
                                                    • 複雑なアニメーションをプログラムする 〜Reanimate入門〜

                                                      Reanimateはアニメーションを作成するためのライブラリです。 ReanimateはHaskellのライブラリとして実装されているのでプログラムによってアニメーションを記述することができます。ライブラリに実装されている機能も多く、ドキュメントも豊富ですし、オンラインのPlaygroundまで用意されていてかなり完成度の高いライブラリになっています。さらにLaTeXや物理エンジン(Chipmonk 2D), POV-Ray, Blenderなど外部ツールとの連携もサポートされています。アニメーションの各フレームはSVGで書き出されるようになっており、幾何学的な図形やSVGフォントを使った文字などから構成されたアニメーションを作るのが得意です。作ったアニメーションは最終的にMP4, GIF, WebMに出力することができます(中間生成物である各フレームのSVGを取り出すことも可能です)。

                                                        複雑なアニメーションをプログラムする 〜Reanimate入門〜
                                                      • box-shadowだけじゃない!CSSでできる色々な影の表現と意外に知らない落とし穴 - ICS MEDIA

                                                        box-shadowだけじゃない!CSSでできる色々な影の表現と意外に知らない落とし穴 ウェブページのデザインやコーディングをしている人なら、誰でも一度は影をつけたことがあるでしょう。一方でその影にどれほどの表現や技術のバリエーションがあるか、意識したことのある人は少ないかもしれません。 影を付ける方法としてはCSSのbox-shadowが一般ですが、そのほかにもいくつもの技術・手法が存在します。ウェブの世界に限らず、年々変化するデザイントレンドにおいても影の扱いは重要なテーマです。 たとえば少し前に流行したロングシャドウや今年のトレンドとも言われるNeumorphism(ニューモーフィズム)など、ユニークな表現には影のテクニックを活用できるものがたくさんあります。 ▼ CSSで作成したロングシャドウ(画像上部)とニューモーフィズム(画像下部)の例: デモを別ウインドウで表示 デモのソース

                                                          box-shadowだけじゃない!CSSでできる色々な影の表現と意外に知らない落とし穴 - ICS MEDIA
                                                        • UXPin | The Full-Stack UX Design Platform

                                                          Caterpillar、PayPal、Weir Groupなどの企業におけるリーダーやデザインシステム貢献者が、どのようにデザインシステムを構築し、成長させているかについての無料レポートをダウンロードしてください。デザインシステムの成熟度や運用に関する重要な教訓を学ぶことができます。

                                                            UXPin | The Full-Stack UX Design Platform
                                                          • アニメ版『ジョジョ』の総作画監督が指摘「Netflixで制作費が増えても、現場のアニメーターには還元されない」

                                                            アニメ版『ジョジョ』の総作画監督が指摘「Netflixで制作費が増えても、現場のアニメーターには還元されない」:アニメ業界の「病巣」に迫る【後編】(1/5 ページ) 世界中で注目を集める一大コンテンツ産業となっている日本のアニメーション業界にはびこる低賃金や長時間労働といった過酷な労働現場の実態について回答を提示してくれる書籍が、玄光社刊の『アニメーターの仕事がわかる本』だ。この書籍の画期的なところは、アニメ業界の第一線で活躍している現役アニメーターが、著者の1人に名を連ねている点である。 その中の1人、西位輝実さんにインタビューし、前編記事「アニメ版『ジョジョ』の総作画監督が語るアニメーター業界の「過酷な実態」」では制作現場の課題について語ってもらった。 西位さんは専門学校卒業後の1999年からアニメ-ターとして働くようになり、『蟲師』『キャシャーンSins』といった作品で作画監督として

                                                              アニメ版『ジョジョ』の総作画監督が指摘「Netflixで制作費が増えても、現場のアニメーターには還元されない」
                                                            • Next2D | Rendering Engine, NoCode Tool, Underlying Framework.

                                                              2D entertainment development made easy! Fast! Comfortable!

                                                                Next2D | Rendering Engine, NoCode Tool, Underlying Framework.
                                                              • ほんの数行のCSSで実装できる小技テクニック12個まとめ 【簡単&実用的】

                                                                ウェブがますます進化することで、表現の可能性がぐんと広がっており、CSSはその代表と言えます。 ほんの数年前までJavaScriptなどで実装していた複雑な仕様も、CSSのみで実現できるようになってきています。 この記事では、ほんのわずかなCSSで実装できる小技テクニック12個をまとめてご紹介します。 Web制作で活用できる、実用性の高いテクニックを中心に揃えています。ソースコードは、「HTML」と「CSS」タブを切り替えることで確認できます。 CSSで実装できる小技テクニック目次 1. テキストグラデーション 2. 左線グラデーション付きの見出しタイトル 3. アニメーション付ボーダーライン 4. テキストリンクがすーっと通過するホバーエフェクト 5. リンク用CSSラインホバーアニメーション 6. SVGで画像の周りをデコレーション 7. 文字テキストを回転させる方法 8. 長い文章を

                                                                  ほんの数行のCSSで実装できる小技テクニック12個まとめ 【簡単&実用的】
                                                                • G40ガンダムが気に食わないので松尾衡監督に嫌われるかも - 玖足手帖-アニメブログ-

                                                                  ユーチューブで見たけど。 あのさあ・・・。これ、誰向けなの? www.gundam.info ガンダムファースト世代の大人向けだとしたら馬鹿にしているし、子供向けにしては全然面白くない。 まず、ファーストカット。リメイクしたっぽいサイド7が地球に近すぎる。一瞬、Gレコのアンダーナットかと思った。あのさあ・・・。ラグランジュ・ポイントを一から説明しないとダメか?そこからか? で、なんか工業デザイン?されたザクがスペースコロニーに侵入するんだよ。無重力空間から。うん。スペースコロニーの回転に沿ってなければスペースコロニーの中でも無重力飛行できるんだよ。でも、地下道から出てきて飛んでるザクの隣に滝があって水が落ちてるんだよ。回転が同期してるんだよ。駄目じゃん! で、侵入してきたザクに接近遭遇した電車の中の人、ノーリアクション。 ザクに手を振る無邪気な子供がいる。その上でザクが施設を破壊している。

                                                                    G40ガンダムが気に食わないので松尾衡監督に嫌われるかも - 玖足手帖-アニメブログ-
                                                                  • 代表作「ユーフォニアムに光」 京アニに感謝:朝夕刊:中日新聞しずおか:中日新聞(CHUNICHI Web)

                                                                    アニメ制作会社「京都アニメーション」の作品は、音楽文化の盛り上げにも貢献してきた。高校吹奏楽部の人間模様を描いた「響け!ユーフォニアム」は代表作の一つ。ヤマハ(浜松市中区)の元社員で金管楽器ユーフォニアムの設計に携わった原田実さん(69)=中区富塚町=は「マイナーな楽器に光を当ててくれた。人ごとではない」と心を痛めている。 原田さんは静岡大を卒業後、ヤマハの前身の日本楽器製造に入社。化学が専門で当初は製品の接着剤や塗料の部署に回されたが、楽器造りを希望し続け、三十歳の頃に初めて任されたのが、吹奏楽で用いられるユーフォニアムだった。

                                                                      代表作「ユーフォニアムに光」 京アニに感謝:朝夕刊:中日新聞しずおか:中日新聞(CHUNICHI Web)
                                                                    • 独立したCSS translate・rotate・scaleプロパティだからできる、豊かなアニメーションテクニック! - ICS MEDIA

                                                                      独立したCSS translate・rotate・scaleプロパティだからできる、豊かなアニメーションテクニック! CSSのtransformプロパティはtranslate()やrotate()を1つの値として受け取るプロパティでした。そのため、同時にそれらを動かしたい場合、1つのプロパティに両方の記述が必要でした。これは記述の複雑化を生みます。 最新のCSSではtranslate、rotate、scaleをプロパティとして独立して指定できるようになりました。これにより複雑な記述をせずとも別々のタイムラインの指定やイージングの指定など柔軟なアニメーション表現が可能になりました。本記事では独立した特長とそれらを活かしたアニメーション表現を紹介します。 サンプルを別ウインドウで開く コードを確認する 独立したtranslate、rotate、scaleプロパティ 独立した各プロパティについて

                                                                        独立したCSS translate・rotate・scaleプロパティだからできる、豊かなアニメーションテクニック! - ICS MEDIA
                                                                      • 第2回新潟国際アニメーション映画祭「機動戦⼠ガンダム 逆襲のシャア」上映記念 富野由悠季×出渕裕 特別対談(前編) | Febri

                                                                        2024年3月15日~20日に開催された第2回新潟国際アニメーション映画祭。映画祭2日目となる3月16日、『機動戦士ガンダム 逆襲のシャア(以下、逆襲のシャア)』がイベント上映されることを記念し、監督の富野由悠季氏とモビルスーツデザインを手がけた出渕裕氏によるトークショーが開催された。本記事では、その内容を前後編にして掲載。前編では、アニメにおける長編、短編とはどういうものかを入口にトークが行われた。 富野 まず(アニメ業界)60周年というのが、イヤなの。もうひとつイヤなのは、ここで『逆襲のシャア』を上映するというんだけど、あの作品、何年前のものか知ってる? 36年前。高畑(勲)さんの作品の上映もあるので、それよりは新しいかもしれないという言い方はできます。僕にとって高畑監督は師匠ですから。師匠と一緒に上映されるのはいいのだけれど、照れるなあと。 出渕 富野さんとこうした公式のトークをやる

                                                                          第2回新潟国際アニメーション映画祭「機動戦⼠ガンダム 逆襲のシャア」上映記念 富野由悠季×出渕裕 特別対談(前編) | Febri
                                                                        • Goodpatch新卒UIデザイン研修の設計—ソフトウェアデザイン概論と基礎理論—|Goodpatch Blog グッドパッチブログ

                                                                          Goodpatchでは職種ごとにさまざまな新人研修プログラムを用意しています。2020年の新卒UIデザイナー向けには、4月から6月にかけてUIデザインに関する基礎的な講義や演習、課題制作といった集中的な研修を行い、UIデザイナーとして必要な基礎知識を身につけてもらいました。 UIデザイン研修といってもいくつかにコースが分かれており、今回私が講師として担当した部分では「ソフトウェアデザイン」をテーマに講義を行いました。 以下の講義のうち私が担当した、ソフトウェアデザイン概論、インタラクションデザイン基礎、モードレスデザイン基礎、UIモデリング基礎について簡単にご紹介いたします。 UIデザイン研修—ソフトウェアデザイン編—講義シラバス ソフトウェアデザイン講義の設計 UIデザイン新人研修は全体構成を「ビジュアルデザイン編」「ソフトウェアデザイン編」と二分し、それぞれの専門性を深堀りできる形を採

                                                                            Goodpatch新卒UIデザイン研修の設計—ソフトウェアデザイン概論と基礎理論—|Goodpatch Blog グッドパッチブログ
                                                                          • 専用の機材不要、iPhoneだけで撮影した映像をわずか数分でまったく別の顔に置き換えるEpic Gamesの「MetaHuman Animator」のデモ映像がすごい

                                                                            演者の顔を3DCG化するフェイシャルキャプチャはゲーム業界などで広く使われていますが、特殊なハードウェアが必要だったり、コンピューター処理とアーティストの手作業による微調整を要したりするため、小規模なスタジオがこれを行うのは簡単なことではありません。このような労力と時間のかかるワークフローに革命をもたらす新ツール「MetaHuman Animator」をEpic Gamesが新たに開発し、デモ映像を公開しました。 MetaHuman に対して高忠実度パフォーマンス キャプチャを簡単に適用できる新しい MetaHuman Animator 機能セット - Unreal Engine https://www.unrealengine.com/ja/blog/new-metahuman-animator-feature-set-to-bring-easy-high-fidelity-perfor

                                                                              専用の機材不要、iPhoneだけで撮影した映像をわずか数分でまったく別の顔に置き換えるEpic Gamesの「MetaHuman Animator」のデモ映像がすごい
                                                                            • 「AIアニメーション始まりすぎだろ..」実写モデルの動きをアニメに変換するAIの精度が高すぎることに対するクリエイターの反応

                                                                              ジトメ @ji10me 最新の技術に興味があります! 最近はAI・Blender・電子工作・3Dプリント関係を模索中🛠️ VR探窟家(NewWold巡り勢)Discord:ji10me VRChat ID:JTOME パートナー宇津保さん@Utuhodou ジトメ @ji10me AIアニメーション始まりすぎだろ.. 動きめっちゃかわいいんだが.. かなり変換の安定感が増してきたのでこのまま学習精度が上がれば実用に耐えるな.. pic.twitter.com/tZGOU5bVk3 2023-04-11 23:29:26

                                                                                「AIアニメーション始まりすぎだろ..」実写モデルの動きをアニメに変換するAIの精度が高すぎることに対するクリエイターの反応
                                                                              • 世界を虜にしたアニメ『鬼滅の刃』はどう作られたのか ufotableにしかできない作画とCGの融合 前編

                                                                                老若男女、様々な層のユーザーを虜にし、爆発的なヒットとなった『鬼滅の刃』。そのアニメーション版を手掛けたのが「ufotable(ユーフォーテーブル)」だ。これまでに『劇場版「空の境界」』や『Fate』シリーズなどを手掛け、そのクオリティの高さからアニメファンに絶大な支持を得ているアニメーション制作会社である。そのクオリティは、演出・作画・背景・3DCGなどほぼ全てを内製で行い、スタジオ内で精度の高いコミュニケーションを取っているからこそ生まれるものだという。アニメーション版『鬼滅の刃』がどのように作られたのか、デジタル映像部 撮影監督の寺尾優一氏と3D監督の西脇一樹氏に聞いた。 「水の呼吸」が生まれるまで ーーTVアニメ『鬼滅の刃』のアニメーション版の最大の魅力はなんといっても原作生き写しの和風の技表現だと思います。まずは鬼滅のアニメといえば誰もが思い浮かべる、主人公・竈門炭治郎の"水の呼

                                                                                  世界を虜にしたアニメ『鬼滅の刃』はどう作られたのか ufotableにしかできない作画とCGの融合 前編
                                                                                • ヴァイオレット・エヴァーガーデン:京アニだから実現した神作画 王道を徹底する 石立太一監督に聞く - MANTANWEB(まんたんウェブ)

                                                                                  「劇場版 ヴァイオレット・エヴァーガーデン」の一場面(C)暁佳奈・京都アニメーション/ヴァイオレット・エヴァーガーデン製作委員会 京都アニメーションが手がけるアニメ「ヴァイオレット・エヴァーガーデン」の劇場版「劇場版 ヴァイオレット・エヴァーガーデン」が、日本テレビの映画枠「金曜ロードショー」で11月25日午後9時から放送される。2020年9月に公開され、興行収入が約21億3000万円を記録するなどヒットした作品で、テレビで放送されるのは初めて。「ヴァイオレット・エヴァーガーデン」は、キャラクターの心情を丁寧に描き、美しい映像が“神作画”と絶賛されてきた。同作を手掛ける京都アニメーションの石立太一監督に神作画の裏側を聞いた。

                                                                                    ヴァイオレット・エヴァーガーデン:京アニだから実現した神作画 王道を徹底する 石立太一監督に聞く - MANTANWEB(まんたんウェブ)