グラフィック系の開発者であるニキータ・リシッツァ氏が、「自身のプロダクトのあらゆる場所で使用している」と述べるお気に入りのテクニックである「指数平滑法」について解説を投稿しました。 My favourite animation trick: exponential smoothing | lisyarus blog https://lisyarus.github.io/blog/programming/2023/02/21/exponential-smoothing.html リシッツァ氏は下図のようなトグルボタンを例に解説を行っています。クリックすると「オン」「オフ」が切り替わります。まだアニメーションを何も設置しておらず、トグルボタンは左端と右端を瞬間移動しています。 機能的にはアニメーションが設定されていなくとも問題はないのですが、アニメーションを設定することでユーザーは何が起こって
次の実装例のように、テキストを1文字ずつspan要素で区切ってアニメーションする際の注意点と実装例について纏めたメモ書きです。 実装例テキストアニメーションの実装例（英文）
スクロールに連動して要素が画面内に入った際にアニメーションを行う実装のメモです。 スクロール連動アニメーションのコードと実装例スクロール連動アニメーションの実装例 JavaScriptの実装はGitHub Gistに纏めています。コードにはTypeScriptを使用していますので、TypeScriptを利用していないWeb制作現場で使用する場合はChatGPTなどに依頼してJSファイルに変換してください。
スタジオジブリ制作、氷室冴子原作による1993年の長編アニメーション「海がきこえる」のティーチインが4月19日に東京のBunkamuraル・シネマ 渋谷宮下で行われ、監督の望月智充、プロデューサーを務めた高橋望が登壇。本作のティーチインが行われるのは今回が初めてで、テレビスペシャルでの初放映から31年越しに、制作の舞台裏を語り合った。
機動戦士ガンダム、伝説巨神イデオン、Gのレコンギスタ……。数々の作品を手がけて熱狂的ファンを生み出してやまない富野由悠季とはどんなアニメーション監督か。「演出の技」と「戯作者としての姿勢」の二つの切り口から迫る徹底評論！ 書籍化にさきがけて、本論の一部を連載します。 （バナーデザイン：山田和寛（nipponia）） アニメーション監督として語るための2つの切り口 アニメーション監督・富野由悠季について考えたい。ここで重要なのは、この言葉で比重がかかっているのは「アニメーション監督」のほうで、決して「富野由悠季」個人のほうではない、ということだ。富野由悠季という「アニメーション監督」は、その存在感の大きさに比して、十分に語られないうちに長い時間が経ってしまった。 富野は、ＴＶや新聞雑誌などマスメディアに登場することが多いアニメーション監督だ。人気者といってもいいだろう。書籍に関しても、批評
【イベントレポート】「クラユカバ」神田伯山は降板も考えていた？黒沢ともよ＆芹澤優は独特のしゃべりに苦戦（写真18枚 / 動画あり）
中性的なサキを演じた芹澤は最初どのように演じたらいいのか悩んだのだとか。作品を観終えた後は「ヒロインしてたな」と感じたそうで、「細かいところで出てくるサキの表情が女の子らしくて」とうれしそうに語る。そして「この世界の中で自分の演じた役が生きててキュンとした」と目を輝かせた。塚原監督とは17年の付き合いがあり、塚原監督に伯山を紹介した人物でもある活動弁士の坂本は「クラユカバ」「クラメルカガリ」両作に出演し複数の役を演じているのだと明かす。多数の役を任されたことに「（活動弁士）冥利に尽きますよ。人件費対策かもしれませんけど」と述べると観客からは笑いが起こった。続けて塚原監督の苦労に思いを馳せ劇場公開を改めて喜びつつ、伯山の演技を「よかったでしょ？」と観客に尋ねると大きな拍手が送られた。
スクロールフェードがユーザブルというよりも気が散るものになるかどうかは、その持続性、応答性、ページ上の要素への控えめな適用といった要素に左右される。このデザインパターンを正しく用いれば、ブランド認知を向上させ、ページの読み込みを最適化し、コンテンツをより理解しやすくすることができる。 Scroll Fading 101 by Sara Ramaswamy on December 8, 2023 日本語版2024年4月11日公開 はじめに スクロールフェードは新しいデザインパターンだ。これは、スクロールによってトリガーされるアニメーションを指し、ユーザーがページ上の特定の地点までスクロールすると、新しい要素やコンテンツがフェードインしたり、フェードアウトするというものである。 動き（つまり、アニメーション）というものは前注意的に処理される。すなわち、ユーザーの目は自動的にアニメーションに引き
2024年3月15日～20日に開催された第2回新潟国際アニメーション映画祭。映画祭2日目となる3月16日、『機動戦士ガンダム 逆襲のシャア（以下、逆襲のシャア）』がイベント上映されることを記念し、監督の富野由悠季氏とモビルスーツデザインを手がけた出渕裕氏によるトークショーが開催された。本記事では、その内容を前後編にして掲載。前編では、アニメにおける長編、短編とはどういうものかを入口にトークが行われた。 富野 まず（アニメ業界）60周年というのが、イヤなの。もうひとつイヤなのは、ここで『逆襲のシャア』を上映するというんだけど、あの作品、何年前のものか知ってる？ 36年前。高畑（勲）さんの作品の上映もあるので、それよりは新しいかもしれないという言い方はできます。僕にとって高畑監督は師匠ですから。師匠と一緒に上映されるのはいいのだけれど、照れるなあと。 出渕 富野さんとこうした公式のトークをやる
映画制作やブランド／IPのプロデュースを行う企業・ CHOCOLATEが、オリジナル劇場アニメーション作品『KILLTUBE（キルチューブ）』の制作を発表。プロジェクトのパイロット映像を公開した。 同社が長編アニメーションを手掛けるのはこれが初めて。プロジェクト内では、制作、届け方、稼ぎ方の新たな手法を発明するべく「108の実験」が行われる。 10億円の製作費をもとに、2026年の作品公開を目指してプロジェクトが進行中。現在、制作実験パートナーを募集している。 ARuFaやしまぐち ニケも参加する『KILLTUBE』『KILLTUBE』は、とある理由で2026年まで江戸時代が続いている日本を描く作品。 厳しい身分制度が敷かれている社会で、最下層の3人組が、身分を変えることができる「決闘配信」に挑み、大衆の嘲笑をはねのけていくバトルエンターテインメントとなる。
CSSでボーダーをアニメーションさせるのは意外と難しいもの。幅や色のような単純な動きは別として、より複雑なアニメーションは他の選択肢を必要なケースがしばしば。 この記事ではCSSのborderプロパティを使わずにできる、”フェイク”ボーダーやアウトライン、さらにはSVGを使ったアニメーションの例を5つご紹介します。 最新Webデザインでもよく見かけるテクニックです、ぜひ活用してみましょう。 これらの例のHTMLはすべて、外側の.card divと内側の.inner divから構成されています。詳しくはデモを参照してください。 コンテンツ目次フェイクボーダーアウトラインの使用SVGによるアニメーション・ボーダーさいごに フェイクボーダー まずは、単にパディングやマージンを使ってボーダーを表現する3つの例から見ていきます。 この記事のすべての例では、以下のCSSを使用しています。 .card
「Lottieロッティー」はベクター画像のアニメーションを実現できる技術・ファイルフォーマットです。 Lottieアニメーションの作り方編の記事（Figma編、After Effects編）では、Lottieの概要から作り方、ファイルの書き出し方までを紹介しました。本記事では、Lottieアニメーションの実装方法について紹介します。 Lottieの組み込みはプラットフォームに応じたさまざまな実装方法が用意されていますが、一般的なウェブの方法を例に紹介します。実装編の前編となる本記事では、手軽に組み込むことができるLottie-Playerを使用して実装します。 iOS、Androidアプリケーション等のそのほかの実装方法は公式ドキュメントを参照ください。 アニメーションの実装 ウェブ向けの実装方法は大きく2パターンあります。HTMLメインの方法と、JavaScriptメインで実装する方法で
新潟国際アニメーション映画祭のミーティングで、コンペティション部門の出品者（右）と車座になって意見を交わすアジアの若者たち＝新潟市で2024年3月19日午後6時55分、勝田友巳撮影 第2回新潟国際アニメーション映画祭（以下、新潟アニメ映画祭）が3月15～20日、新潟市内で開かれた。アニメは今や、世界に誇る日本の文化だが、同映画祭の背景には日本アニメを取り巻く環境への危機感がある。新潟から世界を結び、日本アニメの枠を広げようという挑戦を現地で取材した。 日本の映画興行はアニメに支えられている。2023年の邦画興行収入上位10作のうち6作をアニメが占めた。ただ、主力はシリーズものやテレビアニメの劇場版で、6作中、オリジナル作品は「君たちはどう生きるか」だけ。こうした傾向は近年ますます顕著になってきた。国内外のインディペンデント映画を手がけてきたプロデューサーの堀越謙三さんと、アニメーションに力
木上益治さんの絵本をアニメ化した制作スタジオ、エクラアニマルの作画監督・本多敏行さんにさまざまなエピソードをお聞きした 〈後編はこちら〉 幻の絵本が30数年の時を経てアニメ化 2019年に起きた京都アニメーション放火事件で惜しくも帰らぬ人となったアニメーターの木上益治さん。1979年にシンエイ動画で活動をスタートし、その後あにまる屋に所属しながら『ドラえもん』の映画シリーズをはじめ、『AKIRA』『火垂るの墓』といった名作アニメに参加。 1990年代以降は京都アニメーションの諸作品で腕を振るい、2000年代からの快進撃を支える。同社の取締役になった後も第一線で活躍するかたわら、若手の育成にも努めた。 そんな木上さんが唯一描いた絵本『小さなジャムとゴブリンのオップ』が数十年の時を経てアニメ化する。制作はかつての仲間、本多敏行さんが所属するアニメスタジオ・エクラアニマル。 今回は本多さんにアニ
ビビデバ / 星街すいせい(official)
Vocal：星街すいせい Lyrics,Music,Arranged ：ツミキ Mixed by：NNZN ⇩ 楽曲購入はこちら ⇩ https://cover.lnk.to/BIBBIDIBA ⇩ 『ビビデバ』モーションデータ配付 ⇩ https://www.dropbox.com/scl/fo/q1usrfs08nub5iga0iff4/h?rlkey=kteq5g40h9mxymk3w7a4f1p13&dl=0 パスワード：suisei 【 MUSIC VIDEO 】 Director： 擬態するメタ Character Designer・Animation Director： しまぐち ニケ Editor・Composite Director： Bivi Production Manager： 箆尾 やもり Animation Producer： 葱びーだま
仕事が早い人は使っている最新Web便利ツール34選
「Webサイト制作がもっと楽になる方法ってないの？」 「Web制作の最新ツールを試してみたい」 そんな方へオススしたい、Webデザイン制作に役立つツールや素材をまとめてご紹介します。 「これ、もっと早く知りたかった」と思うような便利ツールを中心にセレクトしています。 2024年のデザイントレンドにもぴったりな新Webテクニックを、次のプロジェクトに活用してみてはいかがでしょう。 一緒に最新デザイン素材やツールも目を通しておくと良いでしょう、特に今回は豊作でした。 コピペ系CSSツール 60 CSS 3D Buttons Free Collection CSSとHTMLのみで作られた3Dボタンと、本物そっくりな見た目の「スキューモーフィック」ボタンのコレクション。クリックするとコピーできます。 275 CSS Gradients Collection 美しいCSSグラデーション250カラーが
【はじめに】この記事はBaaaaと何の関係もないただの学生（25卒）が執筆しています。 【Baaaaとは】カメラで現実世界を写すことで絵文字が生成され、それをコレクションしたり、レコードに載せて音楽を奏でられるアプリ。他の人のレコードを回したりスクラッチしたりとSNS的な側面も持つ。 日本企業のwedが制作しており、同社はONEというレシート買取サービスも開発している。 【感動した5ポイント】1.UIのサイズが激しく変化する下部にあるフッターナビゲーションの大きくサイズが変化するボタンを見て欲しい。選択されている場所を色、サイズ、テキストで強調できており、分かりやすい。また、指からはみ出すアニメーションはダイナミックでワクワクする。 フッターナビゲーションそして、一体感がすごい。フッターナビゲーションを左右にスワイプすることによって、指、ボタン、中央画面が全て同じ方向に動く。まるで指で引っ
アメリカ映画界で最高の栄誉とされるアカデミー賞の各賞が10日、ロサンゼルスで発表され、長編アニメーション賞に、宮崎駿監督の「君たちはどう生きるか」が選ばれました。 日本の作品が長編アニメーション賞を受賞したのは、2003年に同じく宮崎監督の「千と千尋の神隠し」が受賞して以来で、宮崎監督がこの賞を受賞するのは2度目です。 「君たちはどう生きるか」は宮崎監督が引退宣言を撤回し、原作と脚本も担当しておよそ7年の製作期間をかけて作り上げた作品で、太平洋戦争中に母親を失った少年が不思議な世界に迷い込む宮崎監督のオリジナルストーリーです。 これまでにアメリカでアカデミー賞の前哨戦とされるゴールデングローブ賞を受賞したほか、英国アカデミー賞でも日本の作品として初めてアニメ映画賞を受賞していて、国際的に高い評価を受けています。 宮崎駿監督の「君たちはどう生きるか」がアカデミー賞の長編アニメーション賞を受賞
VTuberやソーシャルゲーム、MVなどでも活用され、いまや見ない日はないと言っても過言ではないほど広まった表現技術・Live2D。 2Dのイラストをシームレスに動かし、魅力的なアニメーションを生み出す技術を活かし、オリジナル作品のクオリティを競う「Live2D Creative Awards 2023」が開催された。 個性豊かな作品が揃う中でグランプリを受賞したのは、まほうしょうじょ*★（以下、まほうしょうじょ）さんとsokat（ソカ）さんによる映像作品『海と休日』。 グランプリ受賞作品『海と休日』 実写映像とLive2Dアニメーションを融合し、独特の雰囲気と実在感を両立。審査員からも「Live2Dの境界を越え、限界を超える作品」との大絶賛を受けた。 そんなLive2Dの歴史を更新するような作品を生み出した2人は、本職はエンジニアとモーションデザイナーのコンビ。学生時代からゲーム仲間とし
Home » 今、タイでのVTuberブームが大変なことになっている “文化のるつぼ”から生まれる新たな才能を追う バーチャルYouTuberという言葉が始まってから7年以上が経ち、VTuber文化は日本国内の若者から高齢者まで幅広く浸透してきています。このVTuber文化は海外でも少しずつ広がってきていて、各国のユニークな個性を映しだしはじめています。 中国語圏では日本と似た雰囲気のVTuber文化が根付いていて、英語圏ではVShojoを始めとした個人の個性を尊重する文化ができつつあります。ラテンアメリカではよりインディーVTuber（個人VTuber）の存在感がより際立っていて、韓国語圏ではKカルチャーの濃い音楽グループが国内外で人気を集めています。 これらのVTuber文化は言語の壁で、日常的にはなかなか目にする機会が少ないかもしれません。特に知られていない盛り上がりを見せているのが
金田伊功から『呪術廻戦』まで、上妻晋作が語るアクション作画の40年 - ロングインタビュー - fullfrontal.moe
上妻晋作は日本で最も偉大なアクションアニメーターの一人です。 1970 年代後半にアニメ業界に参入して以来、上妻氏はアニメの歴史の中で最も重要な作品を参加して続けてきました。その中で、『銀河鉄道 999』では動画で、『うる星やつら』と『幽☆遊☆白書』では原画を務め、 近年は『呪術廻戦』などスタジオMAPPAの作品で原画としても活躍。40年以上にわたり、上妻氏は風変わりとする独特のスタイルを発展させてきました。 その上、伝説のアニメーター金田伊功の友人として、上妻氏には逸話が数多くある。 『ファイナルファンタジー』劇場版、および複数のファイナルファンタジーゲームの絵コンテを担当で、上妻氏はゲーム業界とアニメ業界の接触や 3DCGの初期の実験を目撃するという特権的な立場にありました。2023年8月に私たちが会ったときに話し合ったのは、これらすべてとそれ以上のことです。 聞き手: ワツキ・マテオ
Webサイトにアニメーションは必要あるのか。ないのか。どっちなのか。｜Takumi HASEGAWA (unshift Inc.)
まえがきアニメーションを多く取り入れたWebサイトが好きかどうかのアンケートを取ると、ネガティブな票が多く占めることがよくありますが、それに関して思うところがあったので「Webサイトにアニメーションは必要あるのか」というテーマで自分の思っていることを言語化してみました。 X (Twitter)で「動くWebサイト 嫌い」で検索 Xでちらっと検索しただけでも動くサイトが嫌い、という方は結構いそうですね。もし「アニメーションはすべて悪」と思っている人がいたらぜひ読んでいただきたいです。 この議論はアプリなどにも言えることですが、私の主なお仕事はWebサイトのフロントエンド実装なので、Webサイトについて書かせていただきます。 また、保険をかけているわけではないですが、私はUI (ユーザーインターフェース) の研究をしている専門家でもないんでもないので、この記事の内容に学術的なものは一切ありませ
ゲーム開発に使える画像最適化ツール「OPTPiX ImageStudio 8」アプデでgifなどアニメ形式画像に対応。色を鮮やかにしたり“描き直したかのように”拡大したりできる - AUTOMATON
ＣＲＩ・ミドルウェアは2月13日、画像最適化ツール「OPTPiX ImageStudio 8」Windows版に向けてVer.8.10を公開した。本バージョンでは、アニメーション形式の高解像度化に対応しているという。なおVer.8.10はmacOS版に向けては3月のリリースとなる予定。 【UPDATE 2024/02/14 14:39】 Ver.8.10の公開日について修正 「OPTPiX ImageStudio 8」は画像最適化ツールだ。本シリーズは1997年に発表された「OPTPiX」に端を発し、25年以上にわたってゲーム開発業界を中心として採用されてきている。その最新製品となるのが本製品だ。画像の品質を保ちながらファイルサイズを軽量化できる点が特徴。それだけでなく、解像度の低い画像を高解像度にリマスターする「リマスター超解像」が実装されている。この技術によって、人が描き直したような拡
「目は口ほどにものを言う」とはよく言ったもので、それは物語を描くアニメーションの世界においても決して例外ではありません。言葉はなくとも表情や仕草で伝わるコミュニケーションの妙。それをより良く体現しているのが瞳の存在であり、それを取り巻く目尻や瞼といった周辺部位の存在なのでしょう。 その中でも特に惹かれるのが "瞬 (まばた) き" という動作です。日々の営みの中で我々が日中2万回に満たない程度の数を自然とこなしているとされるこの所作。ですが時にそれは無意識ではなく作為的に行われ、アイコンタクトの一部として相手に感情を伝えるギミックとなります。 『ヤマノススメ Next Summit』7話。特にこの挿話を観てからはそういった思いがより強くなりました。振り返って「あれ？」と瞬きをするかすみ。それに伴い「え？」の瞬きで返すあおい。そこへ「どうかしたの？」と瞬きを再度かすみが送ると、「あ！大丈夫だ
高畑勲の恐るべき原作改変
宮崎駿は原作からかけ離れたアニメを作ることで有名だが、高畑勲はもっと恐ろしい。 高畑勲は原作と別の存在としてアニメを作るのではなく、原作を再解釈し、異なる意味を与えるアニメを作る。だから高畑勲アニメを視聴してから原作を読むと、「アニメとは別モノだね」ではなく、「アニメはおおむね原作通りだったね」という感想を抱きつつ、知らず知らずのうちにアニメの解釈で原作を読んでしまう。 高畑アニメは、原作そのものを改変してしまうアニメ。 火垂るの墓『火垂るの墓』の原作は野坂昭如という作家の自伝的な小説で、それ故にこのアニメは３層構造の原作になっている。 野坂昭如の実体験→野坂昭如の小説→アニメ版 実はこの「実体験→小説」の時点で大きな改変が入っている。 それは主人公の清太が死ぬ、という設定変更。 清太=作者なのに、死んだはずの清太が戦後に小説を書いて直木賞を受賞し、歌手デビューしたり、国会議員になったり、
日本の自衛隊ツエーツエー漫画
宇宙戦艦ヤマトの時から思ってたけど、リアルで勝てないから創作で無双してるの情けなくて父ちゃん涙出てきちゃうよ。
映像化作品トラブル事件簿
・いいひと。 ：フジテレビ(修正しました) 原作者が主人公とヒロインのキャラを変えるなと念を押していたが改変しまくり。 原作者ブチ切れで原作クレジットから原案クレジットへ変更。 「いいひと。」を守れなかった責任は作者にあると連載終了を決意。 ・おせん ：日本テレビ 原作を大きく改変し主演男優(ジャ◯ニーズ)の演技もひどく炎上状態に。 ドラマを見た原作者がが原作と違いすぎてショック。もうやってられんと連載休止に。 最終的に原作クレジットが原案に変更されてしまう。 ・八神くんの家庭の事情 ：テレビ朝日 作品のキモである「高校生の主人公が若く見えすぎてしまう母親を女性として意識してしまう」という設定に どう見てもババアにしか見えない女優をあて、ストーリーや設定を改変しまくり。 原作者がやっぱりブチ切れて、最終的に原作クレジットが原案クレジットに変更されてしまう。 ・ハガネの女s2 ：テレビ朝日
自分のデザインに合ったローダーを簡単に実装したい！ そんな要望に応えるオンラインで簡単にカスタマイズができるCSSで実装されたローダーを紹介します。 ローダーはHTMLとCSSをコピペするだけで簡単に実装でき、カスタマイズもオンラインでサイズ・カラー・アニメーションなどを変更できます。 Loadership Loadershipの特徴 Loadershipの使い方 Loadershipのローダー Loadershipの特徴 Loadershipは、CSSで実装されたローダーをコピペで簡単に利用できるオンラインツールです。ローダーはオンラインでカスタマイズもでき、自分のデザインに合ったローダーを作成できます。 ローダーのCSSは依存関係はなく、HTMLとCSSをコピペするだけで利用できます。MITライセンスで、個人でも商用プロジェクトでも無料で利用できます。詳しくは、Aboutをご覧ください
わずか8キロバイトのアニメーション映画を作る方法とは？
CGアニメーションを用いてデモシーンの制作を行うグループ「Ctrl-Alt-Test」が、わずか8キロバイトに収めるという制約の下で制作した3Dアニメーションを公開するとともに、その制作方法について解説しています。 How we made an animated movie in 8kB - Ctrl-Alt-Test https://www.ctrl-alt-test.fr/2024/how-we-made-an-animated-movie-in-8kb/ The Sheep and the Flower - Razor 1911 & Ctrl-Alt-Test (8kB demo) - YouTube Ctrl-Alt-Testは2022年11月に、8キロバイトに収めるという制約の下、短編アニメーションを制作するという課題を設定しました。Ctrl-Alt-Testによると、高品質なグ
こんにちは。株式会社トルクのデザイナー山﨑です。唐突ですが私は発達障害当事者です。ASD（自閉症スペクトラム障害/アスペルガー症候群）とADHD（注意欠如・多動症）を持っています。トルクでは私の障害を受け入れていただきウェブデザイナーとして一般雇用で勤務しています。 近年、発達障害は話題にあがりやすいトピックスですので、聞いたことある方やなんとなくご存じの方もいらしゃるかと思います。発達障害について説明しますとそれだけで長くなってしまいますので詳しくは「大人の発達障害ナビ」や政府広報オンラインの「発達障害って、なんだろう？」などをご覧いただくか、ご興味のある方は各自でググっていただければと思います。 今回は発達障害当事者デザイナーがウェブデザインをする上で工夫していることやアクセシビリティの観点からも書いていこうと思います。 ASD編：発達障害デザイナーがデザインする上で工夫していること①
詩とメルヘン、いちご新聞、リリカ、サンリオSF文庫、映画…… 数々の出版物と〈ギフト〉を世に送り出した、1960年代から1980代までのサンリオの多彩な文化事業に迫る *:.｡.☆☆.｡.:*･ﾟ*:.｡.☆☆.｡.:*･ﾟ*:.｡.☆☆.｡.:*･ﾟ*:.｡.☆☆.｡.:*･ﾟ*:.｡.☆☆.｡.:*･ﾟ サンリオ創業者の辻信太郎と、詩人のやなせたかしが出会い、抒情とヒューマニズムの夢をのせた出版事業が走り出す。「かわいい」キャラクター事業のかたわら、数々の出版物を世に送り出した新興企業は、他に類のない多彩な文化事業展開をみせ、多くのファンを獲得していった。 大量消費時代に先駆けた1960年代から1980年代までのサンリオ出版を、「女性文化」や出版史のなかに位置づける初めての試み。 ★小手鞠るい氏、小池昌代氏、永田萠氏、元『いちご新聞』編集長・高桑秀樹氏の関係者説話も収録 ★カラー口絵、
この記事は、本が読めないオモコロブロス編集部員が『銀河鉄道の夜』を読む代わりに、ライターと一緒にアニメーション映画版『銀河鉄道の夜（1985年）』を観る記事です。 『銀河鉄道の夜』といえば、言わずと知れた宮沢賢治の名作。 以前、『オツベルと象』をなんとか読み切ったみくのしんさんですが、「『銀河鉄道の夜』は本の厚みが……もう！！」とのことで、挑戦できずにいるそう。 今日はそんなみくのしんさんと、アニメーション映画版『銀河鉄道の夜』を観ます。 普段は登場人物の様子や、どんな空間にいるかなどを脳内で想像しつつ、ゆっくり音読しながら噛み砕かないと本が読めない（＋それを文字を読みながら処理できない）という理由で本を読むのがとても苦手なそうですが、 アニメーション映画なら場面を想像する必要がないため、みくのしんさんも楽しめるのではないでしょうか？ というわけで…… 観るぞ！！！！！ （（観られるかな〜
「リバース：1999」UIアニメーションが心地良いだけではなく、視線誘導・情報の優先度付け・世界観の表現などクオリティの高い実装事例まとめ - ゲームアプリのUIデザイン
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「リバース：1999」のUIアニメーションをご紹介します。 以下主な事例です。 「リバース：1999」のココがすごい３点 １：情報量のコントロールが絶妙 ２：引き算のデザイン 事例 01：メニュー ラインが伸びるアニメーション 02：ログインボーナス 動かす方向を対比させることで際立つ情報 03：プロフィール プレイヤーの経験値ゲージが伸びる 若干タイミングをずらして表示するパーツたち 格子状のマスクを利用してキャラを表示 04：イベントページ イベントの世界観を表現するアニメーション 05：ほえほえジュークボックス（シーズンパス） 進捗ゲージがオーディオスペクトラム風 名前もゆっくり動いてる ディスクが回ってい
本田雄が語る『君たちはどう生きるか』- ロングインタビュー by Matteo Watzky | Dec 29, 2023 | インタビュー | 0 comments キャリアの初期から「師匠」の異名を持つ本田雄は、アニメ界で最も優秀なアニメーターの一人である。アトリエ戯雅にデビューした後、1980年代と1990年代の大半をスタジオガイナックスで過ごし、『 トップをねらえ!』、『ふしぎの海のナディア』、『新世紀エヴァンゲリオン』などでガイナックスを代表する作品に携わった。退社後は、今 敏や押井守といった業界屈指の名匠たちの作品に手を掛けた。 宮崎駿監督の最新長編『君たちはどう生きるか』の作画監督を務めることが発表されて、本田氏の評判はさらに高まった。 本田氏のタッチは映画で強く感じられ、アニメーターの井上俊之氏と山下明彦氏とその制作について話し合ったとき、私たちはこのことについてもっと知り
【ドット絵×AfterEffects】ドット絵アニメにAfterEffectsができること｜Muscat
この記事は、ドット絵に関する記事をみんなで書いて、12月1日からクリスマスの25日まで毎日公開する、ドット絵Advent Calendar 2023 最終日の記事になります。 今年は3つも会場があります！もともと記事を読むのが好きで企画したのでたくさん読めて幸せでした。表も裏も端も全部読んでますよ～。 ご参加くださったみなさん、ありがとうございました！！ はじめに…みなさんこんにちは、Muscatです。 突然ですが、今日はとあるモノを皆さんに広めるためにこの記事を書いています。 ――これは数年前 とある先輩がいいモノ使っているという話を聞いたのがきっかけでした。 元々なんとなく興味があって、軽い気持ちで始めました。 使っていくうちにその魅力に取り憑かれて 今ではもうソレ無しでは生きていけなくなってしまいました… 警察に怯えながらも、日々ソレを使って過ごしています。 ・きっかけは先輩が使って
初めまして、プログラマーを始めて3年目の山田です。今回、日本発のReact UIコンポーネントライブラリYamada UIをリリースしたので、その素晴らしい機能の数々を紹介していこうと思います。 ちなみに、Yamada UIのYamadaは山田が名付けたわけではありません。気になる方は、山田に聞いてください。 Yamada UIとは 一言で言うならば、『すべてのUIコンポーネントライブラリを超えた(つもり)』のUIコンポーネントライブラリです。 現在のUIコンポーネントライブラリで代表的なものと言えば、Material UIやChakra UIであり、フロントエンドエンジニアであれば、誰でも知っている知名度だと思います。 しかし、現在主流となっているUIコンポーネントライブラリは数年前に開発されたものであり、色々な面(カラーモード・アニメーション・CSSプロパティ・型安全など)において首が
UE5 実践的で汎用的なアニメーションシステム設計について - Let's Enjoy Unreal Engine
この記事はUnreal Engine (UE) Advent Calendar 2023の25日目の記事です。 qiita.com Advent Calendar最終日となる本日は2023年におけるUE5の時代でも使える実践的かつ汎用的なアニメーションシステムの設計についての話をします。UEにおけるアニメーションと言えば、Animation Blueprint（以下ABP）を使ってステートマシンでAnimation Sequence（以下AS）を再生するわけですが、当然ながら大きくなりすぎるとキャラクター数が増えれば増えるとほど破綻していってしまいます。 大規模なプロジェクトではキャラクターが増えてもある程度汎用的に運用できるような設計を求められるわけですが、実際のところどのように作っているかはわかりにくいので、なるべく具体例に沿って解説していきたいと思います。 前提条件 スケルトンの共通
YouTubeではなかなか言えないアレコレを、杉田智和が興味を持った人に、興味の限り聞きつくす。AGRSが贈るオリジナルインタビュー企画「AGRSが聞く」。 最初のゲストは、サンライズ（現 バンダイナムコフィルムワークス）で『勇者特急マイトガイン』をはじめとする「勇者シリーズ」や『機動新世紀ガンダムX』、そして『銀魂』の初代監督を務めたアニメ監督・高松信司さん。作り上げてきた作品と、現場仕事の両面で杉田に大きな影響を与えたであろう高松監督の歴史を、全4編にわたってお届けする。
こんにちは、デザイナー・モーションデザイナーの田口です（@fuyuna_design）。 「ウェブサイトで使うアイコン・イラストを動かしたい」 「Lottieを作ってみたいけど、After Effectsはむずかしそう」 そう思っている方は多いのではないでしょうか？ これまでLottieといえばAfter Effectsで作るのが主流でしたが、いまはFigmaのプロトタイプとプラグインを使って作成できます！ この記事では、Figmaを使ったLottieの作成方法を解説します。プロトタイプ機能を使ったことがない人でも簡単に作れるので、ぜひチャレンジしてみてください。 FigmaでLottieを作るメリット Lottieは軽量かつ美しいアニメーションを手軽に実装できるライブラリです。FigmaでLottieを作成することで、次のようなメリットがあります。 After Effectsを使えなくて
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アニメーションをスムーズに見せるためのテクニック「指数平滑法」とはどんなものなのか？
テキストを1文字ずつアニメーションさせる時の注意点と実装例 ｜ TAKLOG
スクロール連動アニメーションの実装例 ｜ TAKLOG
ジブリ×氷室冴子「海がきこえる」制作から31年越しの初ティーチイン、監督＆Pが登壇
序 「アニメーション監督」としての富野由悠季を語りたい｜富野由悠季論｜藤津 亮太｜webちくま
アクションゲーム「ゴールデンアックス」がアニメーション製作決定！
スクロールフェードの基礎
第2回新潟国際アニメーション映画祭「機動戦⼠ガンダム 逆襲のシャア」上映記念 富野由悠季×出渕裕 特別対談（前編） | Febri
劇場アニメーション作品『KILLTUBE』発表 ARuFaら異色クリエイター陣が制作に参加
コピペで楽々、CSSでできるボーダーアニメーション５選
最新版！ Lottieアニメーションの実装方法 - Lottie-Player編 - ICS MEDIA
映画興行支える日本アニメの課題とは “危機感”で発案の映画祭 | 毎日新聞
アニメーター木上益治さんの遺作絵本が35年の時を経てアニメになるまで (1/4)
おもちゃ箱のようなアプリBaaaaのUI/UXが凄すぎた件｜Yusui Hoshino
「君たちはどう生きるか」アカデミー賞長編アニメーション賞に | NHK
Live2D×実写で表現した“そこに居る”存在感「Live2D Awards」グランプリインタビュー
今、タイでのVTuberブームが大変なことになっている "文化のるつぼ”から生まれる新たな才能を追う
アニメにおける瞬きと感情、その芝居について - Paradism
ブックマークしておくと便利！ CSSで実装されたローダー、簡単にカスタマイズもできる優れもの -Loadership
発達障害当事者デザイナーとウェブアクセシビリティ ｜Yuu Yamasaki
話題の「ChatGPT」こんなに使えたら本当にすごい！ 目からウロコの使い方を解説｜GPTs活用事例も | 【レポート】Web担当者Forumミーティング 2023 秋
慶應義塾大学出版会 | サンリオ出版大全 | 小平麻衣子 井原あや 尾崎名津子 徳永夏子
本が読めない編集部員とアニメーション映画『銀河鉄道の夜』を観る日 | オモコロブロス！
本田雄が語る『君たちはどう生きるか』- ロングインタビュー - fullfrontal.moe
日本発のReact UIコンポーネントライブラリ 『Yamada UI』
アニメ監督・高松信司氏にインタビュー(１/４)「富野監督のもとで修行」編 | 株式会社ＡＧＲＳ
FigmaでLottieアニメーションを作ってみよう！作成方法やメリット、注意点を解説 - necco note | necco inc.