並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 55件

新着順 人気順

animationの検索結果1 - 40 件 / 55件

  • パキスタンで、こんなアニメ映画がつくられたらしい…「THE GLASSWORKER」(広島の映画祭で8月上映?) - INVISIBLE Dojo. ーQUIET & COLORFUL PLACE-

    上海映画祭17本目、パキスタンアニメ「THE GLASSWORKER」> 「THE GLASSWORKER」<、圧倒的戦争映画だった。個人的アニメ映画史上日本作以外滅多にない「見入った」体験を得た、完全没入。 中国はPV見てパキスタン宮崎(笑)とか言ってたけど見終えて皮肉なしに「パキスタン高畑」だった。 これ日本でやったら話題作間違いなし。 pic.twitter.com/Hz12I6zv3L— 酱牛腱 (@jiangniujian) June 23, 2024 ネタバレしないで主に演出作画の話をこれからするが、少しだけテーマの話を。 例え戦争という抗えようのないものを前に、何を拠り所に救いを探していくか問題に対して、主流なら家族、恋人、守るべきもの、信念、愛国心とかあるけど、本作は明らかに中日米作品に辿り着けそうにない答えを出してみた。— 酱牛腱 (@jiangniujian) 2024

      パキスタンで、こんなアニメ映画がつくられたらしい…「THE GLASSWORKER」(広島の映画祭で8月上映?) - INVISIBLE Dojo. ーQUIET & COLORFUL PLACE-
    • Flashエミュレーター誕生のきっかけは別に「フラッシュ愛」じゃなかった 「swf2js」開発者の本音と数奇な運命【フォーカス】

      株式会社ソニックムーブ エンジニアグループ ソリューションユニット マネージャー 家永 稔之 2011年にソニックムーブに入社。個人ではJavaScriptとTypeScriptを用いて、「swf2js」や「Next2D」の開発を手がける。業務のリモート化をきっかけに地元の消防団に所属し、防災活動として月に数回、消防車両に乗って地域の巡回を行う。 X GitHub Animation Tool かつてインタラクティブなWebコンテンツを支えた「Adobe Flash」。「Adobe Flash Player」は2020年12月末でサポートを終了し、ほとんどのコンテンツはすでに姿を消しました。そんなFlashコンテンツ(SWF)を最新のHTML環境で再生可能にする、オープンソースのJavaScriptライブラリが「swf2js」です。ソフトウェアエンジニアの家永稔之さんが開発し、2015年に

        Flashエミュレーター誕生のきっかけは別に「フラッシュ愛」じゃなかった 「swf2js」開発者の本音と数奇な運命【フォーカス】
      • TV アニメ「らんま 1/2」第 1 弾 PV / "Ranma1/2" Trailer 1

        高橋留美子先生による名作格闘ラブコメディー「らんま 1/2」(小学館「少年サンデーコミックス」刊)が完全新作的アニメ化! 2024 年 10 月 5 日(土)より放送/配信開始! ▷公式サイト:https://ranma-pr.com/ ▷公式 X:https://x.com/ranma_pr ▷公式 TikTok:https://www.tiktok.com/@ranma_pr <放送/配信> 2024 年 10 月 5 日より、日本テレビにて毎週土曜日 24:55〜放送スタート! 日本テレビ系にて順次全国放送 放送直後より Netflix にて独占配信! ※放送、配信の日時は予告なく変更される場合があります。 <イントロダクション> 早乙女乱馬と、天道道場三女の天道あかねは親が決めた許婚同士。 しかし乱馬にはある悩みが…。 中国での修行中、伝説の修行場「呪泉郷」に落ちてしまい、

          TV アニメ「らんま 1/2」第 1 弾 PV / "Ranma1/2" Trailer 1
        • 栗田 唯の映画から学ぶ画づくりのセオリー 第1回:『ブレイキング・バッド』シリーズから学ぶ、視線誘導(前編)【新連載】

          2023/12/28 栗田 唯の映画から学ぶ画づくりのセオリー 第1回:『ブレイキング・バッド』シリーズから学ぶ、視線誘導(前編)【新連載】 映画、アニメ、ゲーム、イラスト……。クリエイティブな画づくりの基礎をCGWORLD.jpで学ぼう! この連載では、画づくりの基礎を学びたい、復習したい人に向けて、有名な映画やTVドラマシリーズからシーンをピックアップして、そのセオリーを解説していきます。紹介する内容は、「画」が関わる全てのクリエイティブに通じるもの。登場する映画やTVドラマを研究しながら、基礎を一緒に学んでいきましょう! この連載について 皆さん、こんにちは! ストーリーボードアーティストの栗田です。キャリアとしてはBlizzard Entertainmentからマーザ・アニメーションプラネット株式会社、トンコハウス・ジャパンを経て、現在はフリーランスで様々な作品に携わっています。本

            栗田 唯の映画から学ぶ画づくりのセオリー 第1回:『ブレイキング・バッド』シリーズから学ぶ、視線誘導(前編)【新連載】
          • 追記あり エヴァンゲリオンって磯光雄の作品だろ

            最近出た「磯光雄 ANIMATION WORKS preproduction」読んでビビったわ! 13話の使徒侵入の回と旧劇の2号機VS量産機のあのかっこいいシーンをやってたのは知ってたけどこんなにエヴァンゲリオンの根幹に関わってたなんて知らなかったわ! この本400ページあって2キロぐらいあるんだけど、磯光雄がこれまで関わった攻殻機動隊とかエヴァとかガンダムとか未発表企画とか色々な作品の資料が載ってんだけど、マジでボリュームがすげえんだよ。 エヴァだけでも50ページぐらいあるんだけど、担当した13話の脚本とストリーボードとかアイデアメモで終わるかと思ったら、もう各話の設定、ストーリーボード、アイデアメモがびっっっっっっしり載ってんの! 1~26話のシリーズ構成案とかさ各キャラの設定案とかちょっとしたセリフから、何から何まで膨大な仕事量なのよ! 一番ビックリしたのはエヴァで好きな19話の男

              追記あり エヴァンゲリオンって磯光雄の作品だろ
            • アニメーションをスムーズに見せるためのテクニック「指数平滑法」とはどんなものなのか?

              グラフィック系の開発者であるニキータ・リシッツァ氏が、「自身のプロダクトのあらゆる場所で使用している」と述べるお気に入りのテクニックである「指数平滑法」について解説を投稿しました。 My favourite animation trick: exponential smoothing | lisyarus blog https://lisyarus.github.io/blog/programming/2023/02/21/exponential-smoothing.html リシッツァ氏は下図のようなトグルボタンを例に解説を行っています。クリックすると「オン」「オフ」が切り替わります。まだアニメーションを何も設置しておらず、トグルボタンは左端と右端を瞬間移動しています。 機能的にはアニメーションが設定されていなくとも問題はないのですが、アニメーションを設定することでユーザーは何が起こって

                アニメーションをスムーズに見せるためのテクニック「指数平滑法」とはどんなものなのか?
              • 2024年秋開始の新作アニメ一覧

                放送・配信中のアニメの最終回が近づき、入れ替わりに新たな作品が始まる時期がやってきました。2024年秋に始まるアニメの数は、70本超。 オリジナルアニメでは、2018年秋のマチ★アソビで初のパイロット版上映会が行われた「メカウデ」、原案公募企画から生まれた「魔法使いになれなかった女の子の話」、釣りを題材にした「ネガポジアングラー」などが放送されます。 原作ありの作品は漫画原作が約40作品と最も多く、2024年3月に急逝した鳥山明さんがストーリーやキャラクターを手がけた「ドラゴンボール」シリーズ最新作「ドラゴンボールDAIMA」、SNS連載の人気作品を原作とした「ねこに転生したおじさん」、「うる星やつら」に続く高橋留美子作品のリメイク作でメインキャストは続投する「らんま1/2」、ビッグコミックスピリッツ連載作品で「星雲賞」コミック部門を受賞した「チ。ー地球の運動についてー」、劇場版も制作され

                  2024年秋開始の新作アニメ一覧
                • デザイナーにもお勧め! CSSもThree.jsもタイムライン編集を可能にするTheatre.jsが凄い - ICS MEDIA

                  デザイナーにもお勧め! CSSもThree.jsもタイムライン編集を可能にするTheatre.jsが凄い ウェブサイトの演出を作る上でアニメーションの実装は欠かせません。一般的には、CSSアニメーションやJavaScriptのライブラリ(GSAPジーサップなど)を用いてコードベースで動きをつけることが多いと思います。ですが、完全にコードだけでアニメーションを調整するのは大変だと思ったことはないでしょうか? 一度実装したことがある方は共感いただけるかもしれませんが、少し直そうにもコードに戻って調整し、反映されたブラウザ画面を確認して、もう一度コードを直して…と往復していると結構大変です。また、アニメーションさせるプロパティや要素が複数ある場合には、コードを解読する難易度も上がります。 本記事ではそんな悩みを解決できる、GUIからアニメーションを調整できるライブラリ「Theatre.jsシアタ

                    デザイナーにもお勧め! CSSもThree.jsもタイムライン編集を可能にするTheatre.jsが凄い - ICS MEDIA
                  • ドット絵VTuberシステムを作る|るっちょ

                    hako 生活さんがフェイシャルトラッキングでドット絵を動かすやつをやっていて、楽しそうだったので自分も作ってみました。 Xで結構たくさんの反応があったのもあり、せっかくなので今回作ったシステムでどんなことをやってるかを軽く紹介してみます。 チュートリアル記事ではないので再現性はあまり無いですが、何かヒントになればということで……。もしあなたがドット絵スタイルのアバター制作にチャレンジしていて、この記事でわからないことがあればXでお聞きください。可能な範囲でお答えしたいです! 環境Unity 2023.2.3f1 主要なパッケージはこんな感じ↓ 2D Animation 10.0.3 2D Aseprite Importer 1.0.1 2D PSD Importer 9.0.1 Burst 1.8.11 Live Capture 4.0.0 Universal RP 16.0.4 方針フ

                      ドット絵VTuberシステムを作る|るっちょ
                    • 2024年夏開始の新作アニメ一覧

                      放送・配信中のアニメの最終回が近づき、入れ替わりに新たな作品が始まる時期がやってきました。2024年夏に始まるアニメの数は、約60本。 YOASOBIによる主題歌「アイドル」が記録的ヒットとなったことも有名なアニメ「【推しの子】」の第2期や、シリーズ新作「〈物語〉シリーズ オフ&モンスターシーズン」、往年のロボットアニメが復活する「グレンダイザーU」、ヴィランたちが大暴れする「異世界スーサイド・スクワッド」、ゲーム原作の「天穂のサクナヒメ」、連載作品3度目のアニメ化となる松井優征作品「逃げ上手の若君」などが名前を連ねています。 以下、作品リストは放送・配信時期が早いものから順に並べています。配信サービスは数が多いため基本的に最速タイミングのみ&見放題配信のみ記載で、【独占】と記載したものは独占配信のため他サービスでの配信はありません。 ▼目次表示 ・あたしンちNEXT ・まぁるい彼女と残念

                        2024年夏開始の新作アニメ一覧
                      • ファンタジー・SF映画向けに「架空言語」創作 米国人夫婦

                        北アイルランド・バンブリッジで行われた「ゲーム・オブ・スローンズ」のスタジオツアー(2022年2月2日撮影)。(c)Paul Faith / AFP 【8月12日 AFP】テレビシリーズ「ゲーム・オブ・スローンズ(Game of Thrones)」のドスラク語やヴァリリア語、映画『デューン(Dune)』のチャコブサ(Chakobsa)砂漠の民が話す言葉。こうした架空の言語は、米国人のデービッド・ピーターソン(David Peterson)氏とジェシー・ピーターソン(Jessie Peterson)氏夫妻が考案したものだ。映画やテレビドラマのキャラクターのために語彙(ごい)や文法をつくり出すことを職業にしているのは、世界中でこの2人しかいないとみられている。 「あなたは私の最後の希望、わが血族の血」 「ゲーム・オブ・スローンズ」でドスラク語のせりふが語られると、視聴者はファンタジーの世界に一

                          ファンタジー・SF映画向けに「架空言語」創作 米国人夫婦
                        • ヤフーのユーザー5,400万人から"同意"を得るための技術(HTML/CSS/JavaScript)

                          こんにちは。SWATチームの今谷と、LY会員サービス統括本部の木所です。 LINEとヤフーの会社合併に伴って、LINEヤフー株式会社が提供するサービスを利用するユーザーに「新プライバシーポリシーへの同意」をいただくためのモジュールを開発しました。本記事では、ヤフーのユーザー5,400万人から”同意”を得るための工夫について、実装上の不具合も交えてご紹介します。 なお、ご紹介する内容は、UIT × Bonfire Front-end Meetup #1 での発表が起点となっています。詳細についてより深く知りたい方は、発表資料 や Podcast をあわせてご参照ください。 会社合併と、新プライバシーポリシーのご案内 LINEとヤフー、それぞれで同意モジュールがあります。Web向けのほか、iOS・Androidアプリ向けにも提供しました。 Webの同意モジュールでは「Modal版」と「Ful

                            ヤフーのユーザー5,400万人から"同意"を得るための技術(HTML/CSS/JavaScript)
                          • 「シャフト演出マニュアル」の存在について - もにも~ど

                            「シャフトのスタジオ内には演出の方法論や注意事項をまとめた演出マニュアルが存在する」という話はこれまで様々なインタビューで折に触れて語られてきたことですが、演出マニュアルに書かれている具体的な内容については明かされていませんでした。とはいえ、いくつかの資料と実際の映像を照らし合わせればどのような方針が掲げられているかは十分に推測可能ですので、この場で思い出せる範囲で演出マニュアルに言及している代表的な公式の文献を以下の通りまとめておきます。シャフト作品のある種の傾向を把握する資料として参考になれば幸いです! もっとも、この演出マニュアルも最初に作られてからすでに10年以上経過していることは間違いなく、何度かアップデートされている痕跡はあるものの今と昔ではシャフトのスタイルもかなり変化したので、現在進行系で参照されている可能性は限りなく低そうです。あらかじめご承知おきください。 「マニュアル

                              「シャフト演出マニュアル」の存在について - もにも~ど
                            • 映画「きみの色」

                              思春期の鋭すぎる感受性というのは いつの時代も変わらずですが、 すこしずつ変化していると感じるのは 「社会性」の捉え方かと思います。 すこし前は「空気を読む」「読まない」「読めない」 みたいなことでしたが、 今はもっと細分化してレイヤーが増えていて、若い人ほど 良く考えているな、と思うことが多いです。 「自分と他人(社会)」の距離の取り方が 清潔であるためのマニュアルが たくさんあるような。 表層の「失礼のない態度」と内側の「個」とのバランスを 無意識にコントロールして、目配せしないと いけない項目をものすごい集中力で やりくりしているのだと思います。 ふとその糸が切れたときどうなるのか。 コップの水があふれるというやつです。 彼女たちの溢れる感情が、 前向きなものとして昇華されてほしい。 「好きなものを好き」といえるつよさを 描いていけたらと思っております。 (山田尚子監督の企画書より)

                                映画「きみの色」
                              • 2024年冬開始の新作アニメ一覧

                                放送・配信中のアニメの終わりが近づき、新作の開始時期が近づいてきました。2024年冬(年末年始)に始まるアニメの数はショートアニメや特撮も含めると60本ほどで、70本を超えた前期に比べると控えめ。 漫画や小説などの原作を持たないオリジナルアニメとしては、麻雀と題材とした「ぽんのみち」、メカデザイナー・出渕裕とボンズが手がけるバトルアクションアニメ「メタリックルージュ」、過去に「Free!」「SK∞ エスケーエイト」を手がけた内海紘子が脚本家の岸本卓やMAPPA、東宝と組んだ「ヤンキー×千夜一夜物語」がテーマの「ぶっちぎり?!」、シリーズもの以外では制作されることがわりと珍しくなってきたロボットアニメの新作「勇気爆発バーンブレイバーン」、さらにオリジナルアニメの2期として「HIGH CARD」や「SYNDUALITY Noir」の新シリーズが放送されます。 以下、作品リストは放送・配信時期が

                                  2024年冬開始の新作アニメ一覧
                                • CSS 数式アニメーションで初速も考慮できる表現力の高いイージングを書く - Katashin .info

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

                                    CSS 数式アニメーションで初速も考慮できる表現力の高いイージングを書く - Katashin .info
                                  • アニメ『血界戦線』ノンクレジットED/♪:「シュガーソングとビターステップ」UNISON SQUARE GARDEN

                                    アニメ『血界戦線』ノンクレジットEDムービー EDテーマ:「シュガーソングとビターステップ」UNISON SQUARE GARDEN 【STAFF】 原作:内藤泰弘(集英社 ジャンプ・コミックス刊) 監督:松本理恵 脚本:古家和尚 キャラクターデザイン:川元利浩 音楽:岩崎太整 アニメーション制作:ボンズ OP:「Hello,world!」BUMP OF CHICKEN ED:「シュガーソングとビターステップ」UNISON SQUARE GARDEN 【CAST】 クラウス・V・ラインヘルツ:小山力也 レオナルド・ウォッチ:阪口大助 ザップ・レンフロ:中井和哉 スティーブン・A・スターフェイズ:宮本充 チェイン・皇:小林ゆう ツェッド・オブライエン:緑川光 K・K:折笠愛 ギルベルト・F・アルトシュタイン:銀河万丈 ソニック:内田雄馬 ミシェーラ:水樹奈々 🄫2015 内藤泰弘/

                                      アニメ『血界戦線』ノンクレジットED/♪:「シュガーソングとビターステップ」UNISON SQUARE GARDEN
                                    • MoonBit が WebAssembly 時代の理想(の原型)だった

                                      最近 moonbit という言語を知ったのですが、これが調べれば調べるほど好きになる言語だったので、紹介させてください。 文法的には GC 付きの Rust で、 WebAssembly にコンパイルされます。とくに CDN Edge Worker 上での実行を想定しているようです。もう好き。 注意: まだ若い言語なので、これから言語仕様がガンガン変わっていくと思われます。あくまで現時点での情報です。 tl;dr Pros だいたい GC あり Rust と捉えていい 文法面のキャッチアップが容易 ライフタイムの難しさを考えなくていい すでに vscode 拡張やパッケージマネージャ等のエコシステムが整っている Cons まだ安定していない / しばらくはソースコードが公開されない 現時点では学習リソースやパッケージ数が足りず、書き手の腕力が求められる はじめに: JS/TS/Rust へ

                                        MoonBit が WebAssembly 時代の理想(の原型)だった
                                      • HTMLとCSSでつくる! リンクテキストのホバー時アニメーション11選 - ICS MEDIA

                                        テキストをホバーしたときの変化やアニメーションをつくることは、どのようなサイトをつくっていてもほぼ必ず行う工程ではないでしょうか。 テキストがリンクであることをユーザーに伝えるという点では、ブラウザのデフォルトスタイルのような下線のみで十分な場合もあると思います。 しかしそれだけではなく、変化をつけてよりわかりやすくしたい場合や、サイト全体の雰囲気に合わせたい場合にちょっとしたアニメーションが効果的です。 今回はHTMLとCSSのみで作成できる、シンプルながら少し目を引くアニメーションをテーマに実装例を紹介します。 ▼今回紹介する実装例一覧 とくに、以下のようなデザイナー/エンジニアにとって参考になれば嬉しいです。 HTMLとCSSのみでどのようなホバー時のアニメーションができるのか知りたい 透明度の変化や、下線のつけ外し以外の実装例の引き出しを増やしたい ※今回の実装例では主にヘッダー/

                                          HTMLとCSSでつくる! リンクテキストのホバー時アニメーション11選 - ICS MEDIA
                                        • おうち3D配信を支えるトラッキングシステムについて|カバー株式会社 公式note

                                          こんにちは。 カバー株式会社CTO室エンジニアのIです。 今回はタレントさんが普段の配信で使用しているホロライブアプリのトラッキングシステムについて紹介します。 弊社のタレントさんが自宅から3Dモデルを使った配信を行う、通称「おうち3D」では複数のトラッキング方式が複合的に利用されていることにお気づきでしょうか? カバーのスタジオでは本格的なモーションキャプチャー設備を用いて多自由度かつ精度の高い3D配信が可能ですが、おうち3Dでは自宅でも簡単かつ表情豊かなトラッキングが利用できることを目指しています。 ※おうち3D配信参考リンク 【おうち3D凸待ち】mocopiに敗北したぺこマリ【ホロライブ/宝鐘マリン・兎田ぺこら】 トラッキング入力の種類おうち3Dでは複数のトラッキング入力からさまざまなデータを受け取り、合成した後、タレントの3Dモデルの全身に適用しています。 トラッキング入力の種類に

                                            おうち3D配信を支えるトラッキングシステムについて|カバー株式会社 公式note
                                          • YOASOBI「Biri-Biri」 Official Music Video

                                            Streaming & Download : https://orcd.co/biri-biri Music : Ayase (https://twitter.com/Ayase_0404) Vocal : ikura (https://twitter.com/ikutalilas) 『ポケットモンスター スカーレット・バイオレット』インスパイアソング「Biri-Biri」 ○インスト音源はこちら https://piapro.jp/t/J6zP 「Biri-Biri」原作小説:「きみと雨上がりを」 著:武田綾乃 監修:株式会社ポケモン・株式会社ゲームフリーク 原案:『ポケットモンスター スカーレット・バイオレット』 https://novel-kimiame.pokemon.co.jp/ ◼️あらすじ ーー世界はきれいだった。きみと出会う前よりも、ずっと。ーー パルデア地方のオレ

                                              YOASOBI「Biri-Biri」 Official Music Video
                                            • 『楽園追放 心のレゾナンス』ティザーPV

                                              『楽園追放 心のレゾナンス』ティザーPV “RAKUEN TSUIHO -Liberated from Paradise” Teaser PV ©TOEI ANIMATION, NITRO PLUS / EFP Society

                                                『楽園追放 心のレゾナンス』ティザーPV
                                              • 【AI動画生成】Animate Anyone 論文解説

                                                はじめに 11月も終わり、今年も残るところあと一か月となりました。 今年ももう終わるから今年中に成果を上げとけ!と言わんばかりに最近は新技術の登場が多いです。 今回取り上げるのも11月最後の大砲として出てきた新技術、その名もAnimate Anyone Animate Anyoneとはなんぞや 文字で説明するより見たほうが早い 凄くざっくり説明すると、一枚の絵と動きをボーン動画として入力すると、入力した絵がボーン動画と同じ動きをしてくれるよ!というもの。 似たようなものは今までもReferenceOnly × openpose × animatediffとかで出来ましたが、特筆すべきはその精度。 動画生成の大敵であるちらつきは一切なく、入力画像にかなり忠実な動画を生成しています。 さてこの技術、動画生成にずっと注目している自分としてはいますぐにでも弄り倒したいのですが、残念ながらコードとモ

                                                  【AI動画生成】Animate Anyone 論文解説
                                                • 膨大なアニメの原画や動画を後世に伝えるためにはどうやって保存すべき?「2Dアニメの素材アーカイブについて!」をTRIGGER取締役が語る

                                                  アニメの原画や絵コンテ、設定資料集はアニメを作る上で必要な資料ですが、アニメが完成すると使うことはありません。こうしたアニメ制作の素材はこれまで時間が経ったら廃棄されていましたが、さまざまな理由で保存するべきではないかという声も挙がっています。「キルラキル」「プロメア」で知られるアニメ制作会社のTRIGGERもこうした素材をアーカイブする事業に着手しており、その辺りをたっぷり語る「2Dアニメの素材アーカイブについて!」というトークイベントをマチ★アソビ Vol.27で開催していたので、じっくり聞いてきました。 2Dアニメの素材アーカイブについて! マチ★アソビvol.27 : イベント情報 - アニメハック https://anime.eiga.com/event/162818/ 2000年にアニメ業界に入って23年目になる舛本和也さんは、クリエイターではなくて制作進行からスタートしてアニ

                                                    膨大なアニメの原画や動画を後世に伝えるためにはどうやって保存すべき?「2Dアニメの素材アーカイブについて!」をTRIGGER取締役が語る
                                                  • HTML/CSSでできる、押したくなる最新Webボタンエフェクト集

                                                    この記事では、ウェブサイトを訪れたひとが思わず押したくなるボタンデザインをまとめてご紹介します。 どのボタンも基本、HTMLとCSS(JSもすこし)で作成されているので、手軽にコピペで利用でき、カスタマイズも自由自在。 ボタンをデザインするときに気をつけたいポイントをチェックしておけば、より効果的なボタンの使い方ができますよ。有名サイトのボタンをコピペできるサービスもおすすめです。 HTML/CSSやJSのコードをリアルタイムで編集、確認できるので、今後のデザイン制作に活用してみてはいかがでしょう。 こんなことできるの?!最新HTMLテクニック・スニペット きらりと輝くコール・トゥ・アクションボタン すべてのモダンブラウザでサポートされるようになった@propertyを利用した新しいCSSの使い方エフェクト。細部まで洗練されあt、注目を集めるCTAボタン。 See the Pen Shin

                                                      HTML/CSSでできる、押したくなる最新Webボタンエフェクト集
                                                    • Vue.js と Nuxt の 2023年まとめ

                                                      2023年は Vue.js および Nuxt のアップデートがとっても活発な一年でした。 これだけ多くの、そして多様な進展があると、1年を振り返っておかないと何があったか忘れてしまいそうです。 というわけで Nuxt, Vue.js, Vite 関連の情報をピックアップして🏃‍♂駆け足で振り返ってみます。 (数が多かったので、おもに公式周辺のアカウントから告知されたものが中心です。漏れがあったらすみません。教えていただければ追加します) 🗓2023年1月 2022年の春先に正式に Vue.js 3 がデフォルトのバージョンとなり、2022年11月に Nuxt 3.0 がリリースされました。 年が明けて2023年1月の主だった情報です。 🔼Nuxt 関連 2023年1月17日に公開された Daniel Roe @danielcroe氏による公式ブログ記事 Nuxt: A vision

                                                        Vue.js と Nuxt の 2023年まとめ
                                                      • 海外で有名なデザインおしゃれなトグルボタンをコーディングしてみた

                                                        FigmaのXアカウントがおしゃれなトグルボタンを公開していて、「コーディング泣かせだ」との声を見かけたので、改めて自分でコーディングしてみようと思い書いてみました。 デザイナに作れよ!って言われれば作るよ。だってぷろだもん。https://t.co/HF6afHhfzm https://t.co/IXl7iufv7v pic.twitter.com/T4x4uV7tKX — ゆひゃ (@zaty_Akiyama) October 14, 2023 元ネタ 参考にしたのはFigmaのこのポストですが、結構有名なデザインで、最初に見たのはこのポストだと思います。 still laughing at this pic.twitter.com/Ny525aAuYH — Joie Chung (@hellojoie) April 28, 2023 このポストの一連の引用や返信を見ると、海外でもっと

                                                          海外で有名なデザインおしゃれなトグルボタンをコーディングしてみた
                                                        • ゲーム会社コナミがアニメスタジオ設立、ゲーム制作のノウハウを注ぎこむ

                                                          ゲーム大手のコナミデジタルエンタテインメントが、アニメーション制作に本格進出する。2024年2月3日、アニメーション映像制作を目的とした新組織「KONAMI animation(コナミ アニメーション)」の設立を発表した。 KONAMI animationは、これまでコナミがゲーム制作で培ったCG技術やノウハウ、制作環境をアニメーションに注ぎこむ。これまでも同社が開発してきたゲームには多くのアニメーション映像が使われてきたが、これらとは異なる本格的なアニメ作品に乗り出すと見てよさそうだ。 そうなれば気になる作品だが、オープンしたばかりの公式サイトでは、“遊戯王カードゲーム25周年特別映像「Yu-Gi-Oh! CARD GAME THE CHRONICLES」”と“テレビアニメ『七つの魔剣が支配する』オープニング”を紹介している。 「Yu-Gi-Oh! CARD GAME THE CHRON

                                                          • CSSのスクロール駆動アニメーションを1回だけ実行し、終了フレームに留まらせる実装方法 -runOnce

                                                            スクロール駆動アニメーションは、ビジターがスクロールするとそれに連動して要素がアニメーションします。スクロールに連動するということは、上下に繰り返しスクロールするとアニメーションも繰り返し実行されてしまいます。 スクロール駆動アニメーションを1回だけ実行し、アニメーションの終了フレームに留まらせる実装方法を紹介します。 Run a Scroll-Driven Animation only once by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに スクロール駆動アニメーションを1回だけ実行するコード コードの使い方 なぜ機能するのか デモ はじめに スクロール駆動アニメーション(Scroll-Driven Animations)は、スクロールによって制御されます。上下にスクロールすると、アニメーショ

                                                              CSSのスクロール駆動アニメーションを1回だけ実行し、終了フレームに留まらせる実装方法 -runOnce
                                                            • TVアニメ『ぷにるはかわいいスライム』PV第1弾/2024年10月よりテレ東系列にて放送開始!

                                                              2024年10月よりテレ東系列にて放送開始! じゃ~ん!変幻自在のニューヒロイン(スライム)なぼくで~す! WEBコミック配信サイト「週刊コロコロコミック」にて 創刊時よりオリジナル作品として連載中となる『ぷにるはかわいいスライム』。 主人公・コタローが作ったスライム・ぷにるが超絶美少女の姿に大変身する ところから始まる本作は、体がスライムという特性から、 大人に、ギャルに、小学生に、悪い子に、王子様に、巨大にと様々な姿に かわいく変化するぷにるの新しいヒロイン像が話題沸騰! スライムと暮らす笑いの絶えない日常の楽しさや、 コタローとぷにるの幼馴染ラブコメが人気を集め、 連載開始から2か月で「週刊コロコロコミック」での累計350万PVを突破! その後も、2022年8月には連載から4か月という短い期間で迎えた 「次にくるマンガ大賞2022」にてWebマンガ部門第4位を受賞。 2024年3月

                                                                TVアニメ『ぷにるはかわいいスライム』PV第1弾/2024年10月よりテレ東系列にて放送開始!
                                                              • 『葬送のフリーレン』TVアニメ2期発表映像

                                                                「そろそろ、旅の続きを始めようか。」 『葬送のフリーレン』TVアニメ2期、制作決定――。 原作:山田鐘人・アベツカサ(小学館「週刊少年サンデー」連載中) アニメーション制作:マッドハウス 【イントロダクション】 「週刊少年サンデー」(小学館)で連載中、山田鐘人(作)とアベツカサ(画)による漫画『葬送のフリーレン』。勇者とそのパーティーによって魔王が倒された“その後”の世界を舞台に、勇者と共に魔王を打倒した千年以上生きる魔法使い・フリーレンと、彼女が新たに出会う人々の旅路が描かれていく。“魔王討伐後”という斬新な時系列で展開する胸に刺さるドラマやセリフ、魔法や剣による戦い、思わず笑ってしまうユーモアなど、キャラクターたちが織り成す物語で、多くの読者を獲得。2021年には「マンガ大賞2021」大賞、「第25回手塚治虫文化賞」の新生賞を受賞し、さらに「第69回(2023年度)小学館漫画賞」

                                                                  『葬送のフリーレン』TVアニメ2期発表映像
                                                                • 師匠に聞け!『機動武闘伝Gガンダム』30周年 マスター・アジア役 秋元羊介インタビュー | Febri

                                                                  ――『機動武闘伝Gガンダム(以下、Gガンダム)』が放送30周年を迎えました。 秋元 この30年、だいたい毎年、何らかのかたちで『Gガンダム』関係の仕事があるんです。去年もストーカーとしてナレーションを1本録りました。あれは担当者がまだやりたがっていたから、今年も話が来るんじゃないかと(笑)。他にもゲームとか『Gガンダム』の役を演じる機会はいろいろと多いですね。 ――じつに息の長い作品ですね。 秋元 本当に。ありがたいことです。だから作品に関係する思い出も多いんです。 ――ぜひ、いろいろと聞かせてください。まず、そもそも『Gガンダム』への出演はどのように決まったのでしょう? 秋元 オーディションなどはなく、突然「今度こういう作品の仕事が入りました」と連絡をいただきました。当時はそういう、それまでの仕事のお付き合いの流れでお話をもらうことが多かったですね。最初はストーカー……つまりはナレーター

                                                                    師匠に聞け!『機動武闘伝Gガンダム』30周年 マスター・アジア役 秋元羊介インタビュー | Febri
                                                                  • 『葬送のフリーレン』【一級魔法使い試験編】PV/OPテーマ:「晴る」ヨルシカ/Frieren: Beyond Journey's End

                                                                    『葬送のフリーレン』【一級魔法使い試験編】PV 『葬送のフリーレン』 全28話各動画配信サービスで配信中 Blu-ray&DVDシリーズ全7巻順次発売中 第2クールOPテーマ:「晴る」ヨルシカ 配信中➤https://yorushika.lnk.to/sunny 『葬送のフリーレン』 【スタッフ】 原作:山田鐘人・アベツカサ(小学館「週刊少年サンデー」連載中) 監督:斎藤圭一郎 シリーズ構成:鈴木智尋 キャラクターデザイン・総作画監督:長澤礼子 コンセプトアート:吉岡誠子 魔物デザイン:原科大樹 アクションディレクター:岩澤亨 デザインワークス:簑島綾香/山﨑絵美/とだま。/長坂慶太/亀澤蘭/松村佳子/高瀬丸 美術監督:高木佐和子 美術設定:杉山晋史 色彩設計:大野春恵 3DCGディレクター:廣住茂徳 撮影監督:伏原あかね 編集:木村佳史子 音響監督:はたしょう二 音楽:Evan

                                                                      『葬送のフリーレン』【一級魔法使い試験編】PV/OPテーマ:「晴る」ヨルシカ/Frieren: Beyond Journey's End
                                                                    • 『CITY THE ANIMATION』公式サイト

                                                                      ひとたび歩けばCITYが踊る! 天真爛漫、歩くハプニングガール。 “楽しいこと”をする、それが南雲の将来の夢!

                                                                        『CITY THE ANIMATION』公式サイト
                                                                      • 【ブルアカTVアニメ】 ノンクレOP「青春のアーカイブ」

                                                                        TVアニメ『ブルーアーカイブ The Animation』 のOPのノンクレジット版を公開! 本アニメの劇伴も務める、40mP制作の楽曲『青春のアーカイブ』を使用した爽やかなOP映像となっています。 アビドス廃校対策委員会メンバーが歌う爽やかな楽曲をお楽しみください! 【作詞・作曲・編曲:40mP】 『ブルーアーカイブ The Animation』 テレ東系列 毎週日曜 23時45分より放送中! BS11 毎週月曜 24時00分より放送中! dアニメストア、U-NEXT、Amazon Prime Video他でも配信中! 【公式サイト】 https://bluearchive-anime.jp 【公式X】 @BlueArchive_TV  https://twitter.com/BlueArchive_TV X推奨ハッシュタグ: #ブルアカTVアニメ 【イントロダクション】

                                                                          【ブルアカTVアニメ】 ノンクレOP「青春のアーカイブ」
                                                                        • 【コード付き】非線形の偏微分方程式の数値解法【Python】 - LabCode

                                                                          本記事では、非線形の偏微分方程式の数値解法について、分かりやすい具体例とともに掘り下げていきます。Pythonを活用したアプローチ方法を学びます。 本記事を通して偏微分方程式の数値解法の1つを会得しましょう! 注) 差分法の一部の話だけにとどめています。誤差や境界条件などの詳細な議論は冗長化を避けるためにご紹介していません。 偏微分方程式の数値解法とは 偏微分方程式の数値解法は、偏微分方程式(PDE: Partial Differential Equations)の解を近似的に求めるための手法のことを指します。これらの方程式は、多くの場合、解析的な解が見つけられないため、数値的な手法が必要となります。以下に、主な数値解法をいくつか紹介します。 有限差分法(Finite Difference Method): 空間や時間を離散的なグリッドに分割し、微分を差分に置き換えることにより近似します。

                                                                            【コード付き】非線形の偏微分方程式の数値解法【Python】 - LabCode
                                                                          • Animate Anyone

                                                                            Animate Anyone: Consistent and Controllable Image-to-Video Synthesis for Character Animation Character Animation aims to generating character videos from still images through driving signals. Currently, diffusion models have become the mainstream in visual generation research, owing to their robust generative capabilities. However, challenges persist in the realm of image-to-video, especially in c

                                                                            • 『Hi-Fi RUSH』で実績あげたTango Gameworksが閉鎖された理由が「はっきりしない」ままで混乱生じる。元スタッフも含め止まらぬ波紋 - AUTOMATON

                                                                              先日5月7日、マイクロソフトが傘下のBethesda Softworks(以下、Bethesda)にて人員削減を実施することが報じられた。さらに、BethesdaおよびZeniMax Media(以下、ZeniMax)が擁する4つのスタジオが閉鎖されることが発表・報道されている。閉鎖となったのはTango GameworksとArkane Austin、Alpha Dog Games、Roundhouse Studiosだ。このうちTango Gameworksの閉鎖理由がマイクロソフト側から「ちゃんと明かされない」点に、ファンや関係者からの批判も寄せられている。 Tango Gameworksは、東京に拠点を構えるゲームスタジオだ。元カプコンの三上真司氏によって2010年に設立。ZeniMaxの傘下スタジオとして、Bethesdaをパブリッシャーとしゲームをリリース。『サイコブレイク』シ

                                                                                『Hi-Fi RUSH』で実績あげたTango Gameworksが閉鎖された理由が「はっきりしない」ままで混乱生じる。元スタッフも含め止まらぬ波紋 - AUTOMATON
                                                                              • Google — 25 Years in Search: The Most Searched

                                                                                Google is celebrating the most searched figures and moments in 25 years of Google Search. From BTS to Taylor Swift, see the moments that have changed the world and inspired the next generation to come. Explore more at https://trends.google.com/trends/yis/2023/GLOBAL/ #YearinSearch Audio described version here: https://www.youtube.com/watch?v=AqduXftWeEE Music by: U2 “I Still Haven’t Found What

                                                                                  Google — 25 Years in Search: The Most Searched
                                                                                • Making of “Kindolphin” | 麦 Baku

                                                                                  group_inou / HAPPENING group_inouとAC部のミュージックビデオ作品『HAPPENING』をWebアプリ化しました。デザインと実装は僕一人です。元のビデオがGIFアニメ縦長漫画が歌詞に合わせて自動スクロールする仕様だったので、GIFの質感をロスレスかつ自分のペースで楽しめるように、某電子書籍アプリのような体裁でインタラクションできるようにした次第です。 We have just released a Webtoon app that highlights the lyrics of group_inou's music video "HAPPENING". You can switch between Japanese/English, change colors, stop and have a close look, or just scratch and

                                                                                    Making of “Kindolphin” | 麦 Baku