[B! アニメーション] kenzy_nのブックマーク

kenzy_n id:kenzy_n

アニメーションに関するkenzy_nのブックマーク (79)

「おジャ魔女どれみ」＆「明日のナージャ」の絶版絵本が電子書籍で同時復刻。東映アニメーション社による貴重な描きおろしのイラストの贅沢な絵本として刊行されながら、長年絶版となっていた往年の名作絵本37冊が緊急復刻
37冊奇跡の同時復刻！﹁おジャ魔女どれみ﹂シリーズ＆﹁明日のナージャ﹂の絶版絵本が電子書籍で！東映アニメーションの貴重な作画による往年の名作絵本が緊急復刻！株式会社講談社 2024年6月6日07時10分講談社おともだち・たのしい幼稚園編集チーム︵編集長‥浅野聡子︶は、2024年6月6日︵木︶に﹁おジャ魔女どれみ﹂シリーズおよび﹁明日のナージャ﹂の絶版絵本を電子書籍にて37冊同時復刻致します。今回電子復刻されるのは、1999年2月より放映スタートされた﹃おジャ魔女どれみ﹄、2000年2月開始の﹃おジャ魔女どれみ#﹄、2001年2月開始の﹃も〜っと!おジャ魔女どれみ﹄、2002年2月開始の﹃おジャ魔女どれみドッカ〜ン!﹄の全4シリーズの絵本30冊です。また、2003年2月に放映がスタートされた﹃明日のナージャ﹄からは絵本7冊が電子復刻されます。37冊は、すべて東映アニメーション社
kenzy_n 2024/06/06
世界名作アニメとして刊行してもよいと思う。

書籍

アニメーション

イラスト
リンク
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
kenzy_n 2024/05/22
CSSもなかなか面白い表現を実装できるようになってきた。

css

コード

アニメーション
リンク
Webやスマホアプリに最適なSVGアニメーションのスピナー！超軽量サイズで、くるくる快適に動くぞ -SVG Spinners
商用プロジェクトでも完全に無料、コピペで簡単に利用できるSVGアニメーションのスピナーを紹介します。よく見かけるものから変わったものまで、さまざまなスピナーが揃っており、スピナーの素材として重宝すると思います。 SVGのスピナーのほとんどは、300-2500バイトの超軽量サイズ。アニメーションも快適で、くるくる気持ちよく動きます。 SVG Spinners -GitHub SVG Spinnersは、SVGで実装された超軽量のスピナーです。24x24dpで設計されていますが、SVGなのでサイズやカラーを簡単に変更できます。MITライセンスで、商用プロジェクトでも無料で利用できます。スピナーは44種類あり、その中からいくつかコピペしてみました。まずはよく見かけるドットが回転するスピナー。 <svg width="24" height="24" viewBox="0 0 24 24"xm
kenzy_n 2022/07/14
アニメーション

css
リンク
アニメーションを作る仕事をしていた【前編】
﹁プリキュア﹂﹁ワンピース﹂など、東映アニメーション4作品の通常放送再開が発表　﹁お待たせをして申し訳ございません﹂ https://animeanime.jp/article/2022/04/06/68680.html 約十年前、曇りだったあの日。新卒で入った会社で人材営業をする日々に疲弊していた頃、新宿駅構内で、あるエンタメ企業の求人ポスターを見かけた。アニメを作る仕事をしたことはなかったが、興味を感じて応募したところ、あれよあれよという間に内定をいただいた。役員面接はパスだった。それからの私は、﹃アニメを作る仕事﹄に邁進する日々を過ごすことになる。長い時間だった。毎日が修業だった。数年前、無理がたたって病院送りになった。心も体も限界だったのだ。大したレベルではないが後遺症も残った。退院後も結局、心身の調子は回復しなかった。それで、退職を申し出て、東京から遠く離れた田舎に帰った
kenzy_n 2022/05/03
極彩色から暗晦色も生まれる。

増田

仕事

アニメーション

考え方
リンク
-webkit-text-stroke-widthをアニメーションさせるとたのしい - hitode909の日記
歌川さんの記事で-webkit-text-strokeの存在を知らなかった。昔はこういうことをやろうとすると、同じ文字の要素をいくつか生成して、ちょっとずつ座標を変えて重ねる、ということをやっていて地道なことをしていた。良い時代になって嬉しい。だんだんstrokeを伸ばしていったらおもしろいかと思って、最初CSSアニメーションでやってみたら、アニメーションにはならず、残念ながらなめらかなアニメーションにはならず、かくかく動いていたので、こうしてrequestAnimationFrameで動かしています。みなさんには読みづらくてご迷惑をおかけします。 const text = document.querySelector('#entry-26006613784505675'); const updateTextStroke = () => { text.style = '-webkit-t
kenzy_n 2021/07/08
キラキラすぎて

アニメーション

css
リンク
シリーズ初のUnreal Engineでフィニッシュ！『ヒーリングっど♥プリキュア』後期ED
2021/02/17 シリーズ初のUnreal Engineでフィニッシュ！﹃ヒーリングっど♥プリキュア﹄後期ED﹃プリキュア﹄シリーズのエンディング︵以下、ED︶映像は、﹃フレッシュプリキュア！﹄︵2009︶以降、3DCGアニメーションで制作されており、毎シリーズごとにファンのみならずアニメCG制作者からも注目をあつめるコンテンツとなっている。現在、クライマックスをむかえているTVシリーズ﹃ヒーリングっど♥プリキュア﹄。その後期ED﹃エビバディ☆ヒーリングッデイ！﹄アニメーションは、シリーズ初のUnreal Engine 4によるリアルタイムCGによって仕上げられた。アニメーション制作を担当したGUILD STUDIO中核スタッフに話を聞いた。 TEXT＿坂本剛一︵亡霊工房︶ / Go uichi Sakamo︵Boureikoubou︶EDIT＿沼倉有人 / Arihito Numa
kenzy_n 2021/02/17
思ったよりヌルヌル動く

アニメーション

CG

制作

3D
リンク
線形代数とは？初心者にもわかりやすい解説 | HEADBOOST
﹁線形代数を簡単に理解できるようになりたい…﹂。そう思ったことはないでしょうか。当ページはまさにそのような人のためのものです。ここでは線形代数の基礎のすべてを、誰でもすぐに、そして直感的に理解できるように、文章だけでなく、以下のような幾何学きかがく的なアニメーションを豊富に使って解説しています。ぜひご覧になってみてください︵音は出ませんので安心してご覧ください︶。いかがでしょうか。これから線形代数の基礎概念のすべてを、このようなアニメーションとともに解説していきます。線形代数の参考書の多くは、難しい数式がたくさん出てきて、見るだけで挫折してしまいそうになります。しかし線形代数は本来とてもシンプルです。だからこそ、これだけ多くの分野で活用されています。そして、このシンプルな線形代数の概念の数々は、アニメーションで視覚的に確認することで、驚くほどすんなりと理解することができます。実際のと
kenzy_n 2021/02/12
眼で理解する

アニメーション

数学
リンク
『千年女優』の今敏監督作品が世界で「千年生き続ける」理由――没後10年に捧ぐ
「10年一昔」。アニメ監督の今敏（こん・さとし）が、1999年に自身のエッセイの中で語った言葉だ。10年間を一区切りとして、そこで大きな変化があるという。その今敏が、2010年8月24日に、多くの人に惜しまれ46歳で逝去してから10年目を迎える。千年女優、東京ゴッドファザーズ、パプリカ…… 国内外の歴代名作映画のランキングにたびたび作品が挙がるのもその1つ。08年の米国ニューズウィーク誌日本版が選んだ歴代映画ベスト100には『パプリカ』（2006）が、日本アニメから唯一選ばれた。2014年の英国の名門映画雑誌「トータルフィルム」による歴代アニメーション映画ベスト75に、『パーフェクトブルー』（1997）、『千年女優』（2002）、『東京ゴッドファザーズ』（2003）と3つも今敏作品をラインアップした。今年になっても米国批評サイト「ロッテン・トマト」のアニメーション映画ベスト60
kenzy_n 2020/08/24
時折また観たくなる作品揃い、平沢進の手がけた曲もとても合っている。

映画

アニメーション

世界
リンク
【FGO】バトルキャラの開発資料を特別公開。5周年記念企画“潜入！FGO開発の舞台裏” | ゲーム・エンタメ最新情報のファミ通.com
本企画は5つのWebメディアの横断企画となり、初回はファミ通.comが担当。バトルキャラクターのグラフィックをテーマに、星5サーヴァント“レオナルド・ダ・ヴィンチ（ライダー）”の制作工程や開発スタッフのこだわりポイントなどを紹介する。バトルグラフィックの制作工程を解説週刊ファミ通を含む数々のインタビューにて、完成までに半年以上の期間を要することが明らかになっていたサーヴァントのバトルキャラ制作は、以下のように進行する。バトルキャライラスト制作・ラフの作成・線画・パーツの分割・着彩・見た目完成～差分作成アニメーション制作・作画打ち合わせ・セットアップ・待機や宝具演出のアニメーション制作・攻撃やスキルのアニメーション制作・納品バトルエフェクト制作・エフェクトリストの作成・エフェクト作成作業・実装後の作業・監修・動作確認・バグ修正・リリース実装作業・作画打
kenzy_n 2020/07/31
キャラ

アニメーション

ゲーム
リンク
やめてほしいUIアニメーション
最近はクオリティの高いアプリも増え、UIの見せ方も工夫されて昔より質の高いアプリが増えましたが、低コストで開発していくとUIアニメーションは後回しにされがちですよね。開発時間や人員の問題、UIアニメーションをやる人がいないから自分がやった人など、UIアニメーションの優先順位が低いため、手探りでやっている方も多いと思います。今回の記事では今出ているアプリに対してあれはダメだ！と言いたいわけではなく、リリースされているアプリを触って、自分が作るときはここは気をつけようと思ったり、これはアニメーションいいなとか、実際体感して勉強していけるため、その経験が業界全体を徐々にクオリティアップしていくため、結果は惜しいアニメーションだとしても挑戦した結果でもあると思うため大事なことだと思っています。前置きはここまでにして、今回はアニメーションの中で、あれ？と思ってしまう、そんな﹁これはやめてほしい
kenzy_n 2020/06/18
UzaIアニメーション

アニメーション

ui

デザイン
リンク
「動き」のあるWebサイトを支えるCSSアニメーション技術｜yui540
昨日、PIXIV TECH FESで登壇させていただいたときに発表したスライドの内容になります。当日、来れなかった方はぜひこちらをご覧ください！そして、当日お越し下さった皆さま本当にありがとうございました！ Twitterで﹁CSSアニメーション﹂﹁CSSヤクザ﹂というワードがたくさん飛び交って、とても嬉しいです。これからもCSSと共に新しい表現を模索していきますのでぜひお楽しみに！
kenzy_n 2020/02/18
Flashでわちゃわちゃ動かしていたのを思い出す。

css

アニメーション

技術

web
リンク
CSSでアニメーションを作ろう！”keyframes”について解説！ - Qiita
はじめにこんにちは！プラコレのアドベントカレンダー2日目です！！10月からプラコレでお世話になっている森下です。私は9月まで看護師をしていました日々業務を行いながら勉強という感じですが、今回は最近教えていただいたcssでのアニメーションについてお話しようと思います〜！どうかお手柔らかにお願い致します CSSだけでアニメーションを作る方法って？アニメーションというと、JavaScriptやjQueryを思い浮かべ、難しそうというイメージを持つ方もいるかと思います。ここではCSSで簡単にアニメーションを実装させる方法をサンプルを一緒にご紹介しようと思います CSS3でアニメーションを実装する方法は大きく分けて以下の2種類があります。・ transition プロパティでの定義・ animation プロパティでの定義︻Transition︼・始めと終わりのみ指定可能
kenzy_n 2019/12/13
アニメーション

css
リンク
フロントエンドエンジニアがUE4を触って気づいた勘所｜PARTY
PARTYで主にフロントエンドを開発している清滝です。今年のフジロックに合わせてリリースされた﹁FUJI ROCK `19 EXPerience by SoftBank 5G﹂というアプリの開発に携わりました。このアプリは、Unreal Engine 4というゲームエンジンでフジロック会場を完全再現しました。フジロック開催中は、ステージの生中継やステージの盛り上がりがリアルタイムにアプリ内に反映されるなど、フジロックに行けなくても会場を感じられるアプリとして話題になりました。詳しくはこちらも御覧ください。今回のお話では、UE4の便利なTipsというよりも、フロントエンドエンジニアが初めてUE4を触ったときにどんなことをしていったらうまく学習することができるのか、というところをメインにお伝えします。そして、今回はUIの実装をメインに行っていたので、3Dの話はあまりでてきません！UE
kenzy_n 2019/10/11
アンリアルエンジンで駆動するフジロックというパワーワードに発奮する

アニメーション

アプリ

エンジニア
リンク
「劇場版ヴァイオレット・エヴァーガーデン」公開日延期に、外伝は本日公開
2020年1月10日に公開が予定されていた本作。公式サイトでは﹁諸般の事情により、公開日を調整させて頂くこととなりました。公開を楽しみにして頂いておりました皆様にはお詫びを申し上げます。﹃劇場版ヴァイオレット・エヴァーガーデン﹄は現在鋭意制作中です﹂とコメントが掲載された。新たな公開日については、追って発表されるとのこと。すでに購入した﹁劇場版ヴァイオレット・エヴァーガーデン﹂の前売券とムビチケカードは、公開日の延期に関わらず使用できる。京都アニメーション制作による﹁ヴァイオレット・エヴァーガーデン﹂は、“自動手記人形”と呼ばれる代筆屋の少女の成長を描く物語。TVアニメが2018年に放送された。なお本日9月6日より、外伝作品となる﹁ヴァイオレット・エヴァーガーデン外伝 -永遠と自動手記人形-﹂が3週間限定で上映される。
kenzy_n 2019/09/06
お待ち致したい。

アニメーション

映画

制作
リンク
CSSの可能性は無限大！ウゴウゴルーガみたいに文字をジジジと波打つように震わせる -Squigglevision
若い人は知らないかも、、、昔ウゴウゴルーガで見たような、文字をジジジと波打つように震わせるアニメーションを実装するCSS+SVGを紹介します。この動きの名称は何かなと思って調べてみたら、﹁Squigglevision﹂だそうです。特許取得済みのコンピューターアニメーションの方法で、画像のエッジを波打つことにより画像をアニメーション化だそうです。
kenzy_n 2019/09/06
ウゴウゴルーガが通じる安心感

css

アニメーション

表現
リンク
共同通信・大阪社会部 on Twitter: "京都アニメーションの事件でお亡くなりになった方のご家族や親友の皆様へー共同通信社大阪社会部 https://t.co/HiFkmy4q8w"
京都アニメーションの事件でお亡くなりになった方のご家族や親友の皆様へー共同通信社大阪社会部 https://t.co/HiFkmy4q8w
kenzy_n 2019/08/02
せめぎ合い

アニメーション

社会
リンク
京都アニメーション制作OVA「バジャのスタジオ」について
沼光絵理佳 @eririn981 京都アニメーションさん、言葉になりません。京都アニメーションさんの﹁バジャのスタジオ﹂を弾かせて頂いています。20曲程散りばめられた素敵なアニメになっていて今見返して涙が止まりません。こんな素敵なものづくりの方々…同じ側として、心が痛いです。心が張り裂けそう。力になりたいです。 2019-07-18 23:01:44
kenzy_n 2019/07/22
アニメーション

イメージ

仕事
リンク
京都アニメーションホームページ
令和元年7月18日　午前10時30分ころに発生したこの度の凄惨な事件により、将来ある若者たちをはじめとする弊社社員の生命が奪われ、傷つけられました。アニメーションを志し、全国から集まった若者たち、長年に渡って共に作品を創りあげてきた弊社社員がこんなかたちで将来を閉ざされてしまったことが残念で、残念で言葉に出来ません。本当に優秀で素晴らしい仲間たちでした。当社にとって、そして業界にとっても、本当に大きな痛手です。事件の詳細は伏見警察署から発表のとおりです。弊社からはそれ以上、申し上げるべきことはございません。弊社は現在、傷ついた社員のご家族・ご親族、そして亡くなられた社員とご家族・ご親族に対し、出来る限りの取組みに努めております。つきましては、メディア等の対応は下記の弁護士に依頼することと致しました。当面の間、弊社、弊社社員及び弊社社員のご家族・ご親族、ご遺族及びご友人、弊社お取引
kenzy_n 2019/07/21
アニメーション

事件

情報
リンク
アニメ会社放火 33人の死亡確認消防 | NHKニュース
京都市の「京都アニメーション」のスタジオが放火された事件で消防は現場で説明を行い、これまでに33人の死亡が確認されたと明らかにしました。
kenzy_n 2019/07/18
ポイントオブノーリターンを指している。だが、残酷だが還る事を臨んでいる。

アニメーション

事件

ニュース
リンク
アニメ会社で放火 33人の死亡確認 36人けが消防 | NHKニュース
京都市伏見区にあるアニメーション製作会社のスタジオが男に放火された事件で警察によりますと33人の死亡が確認されたということです。また35人がけがをして病院に搬送されたということです。火をつけたのは41歳の男とみられ、警察が放火の疑いで調べています。消防車30台が出て消火にあたった結果、出火から5時間近くがたった午後3時すぎに火はほぼ消し止められました。出火当時、建物には従業員など70人余りがいたとみられていて、警察によりますと、33人の死亡が確認されたということです。男性が12人、女性が20人で1人は性別が不明だということです。また35人が病院に搬送されました。このうち17人は重傷で、16人が入院して手当てを受けているということです。消防によりますと建物内の救助活動は終了し、取り残されている人はいないということです。一方、放火した男は現場から逃走しましたが、100メートルほど離
kenzy_n 2019/07/18
無事を祈りたい

アニメーション

会社

犯罪

ニュース
リンク
1 2 3 4 次のページ