CSSのoffsetプロパティで、楽しいパスアニメーションを作ろう - ICS MEDIA
offsetプロパティは、パス上に要素を配置・移動させるCSSのプロパティです。animationプロパティやtransitionプロパティと組み合わせることで、手軽に一見複雑そうなアニメーションが作れます。 SVGやJavaScriptは詳しくないけど、複雑そうな動きのアニメーションを作ってみたい方、animationプロパティなどのおさらいをしておきたい方にオススメの記事です。 サンプルを別ウインドウで開く ソースコードを確認する offsetプロパティと対応ブラウザについて offsetプロパティは、任意のパス上に要素を配置・移動させる一括指定プロパティです。以下の5つのプロパティが指定可能です。プロパティの詳細については、MDNのドキュメントをご参照ください。 offset-path：要素を配置・移動させるためのパス。（MDN） offset-distance：offset-pat
Web制作者は1冊持っておくとかなり便利！UIに適したさまざまなアニメーションの実装方法が分かる解説書 -動くWebデザイン アイディア帳 実践編
Webページに動きやアニメーションを加えたい、毎回検索で探している、実装の手順を解説してほしい、そんな時にすぐに役立つコピペで利用でき実装方法もカスタマイズもていねいで分かりやすい解説書を紹介します。 動きやアニメーションのコードはサポートサイトから最新版がダウンロードでき、要素表示、背景の動き、エリアの動き、画像の動き、テキストの動きなど9種類にバリエーションが100個以上あり、「この1冊が丸ごとカバー」の文字通り大全集です。 既視感を覚えた人は、大正解！ 「動くWebデザインアイディア帳（紹介記事）」の第2弾で、第1弾は基本的な動きでしたが、第2弾の本書は実践編として「印象に関わる動き」となっています。 Web制作者は、1冊持っておくとかなり便利だと思います。こういった気持ちいいアニメーションはクライアントからの要望も多く、喜ばれます。
数学・物理学の知識を理解するための「足りない知識」を「ツリー構造」で掘り下げていける学習サイト「コグニカル」レビュー
分野が広く、さまざまな知識を求められる数学や物理学。これらの知識をツリー構造により分からないところまでひたすら掘り下げて、基礎の基礎から学ぶことができる学習サイトが「コグニカル」です。一体何かどう学べるのか？ということで、実際にコグニカルを使ってみました。 コグニカル https://cognicull.com/ja コグニカルのトップページはこんな感じ。「ばねの弾性力による位置エネルギー」「位置エネルギー」など、数学・自然科学・工学のさまざまな知識が353個並んでいます。 試しに「熱振動」をクリックすると、「熱振動とは、分子など、原子の集合で生じる原子の振動のことです。」と、熱振動について記述されたページが表示されました。また、分子と原子が振動している様子のイメージがアニメーションで表示されています。 読み進めていくと、「説明が理解できない場合」は「以下の知識が不足している可能性がありま
HTMLにclassを加えるだけで、画像のさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリ -Izmir
シンプルなHTMLにclassを加えるだけで、画像のさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリを紹介します。 デスクトップではホバー時のエフェクトとして、スマホではフォーカス時のエフェクトとして適用されるので、どちらでも楽しめます。 Izmir Izmir -GitHub Izmirの特徴 Izmirのデモ Izmirの使い方 Izmirの特徴 画像をホバーすると多彩なアニメーションを適用します。 エフェクトを組み合わせることで、2000通り以上のエフェクトを使用可能。 20種類のボーダーエフェクト、9種類の画像エフェクト、12種類のテキストエフェクト。 オーバーレイのスタイル、アニメーションの遅延、テキストのレイアウトなど、classも豊富。 アクセシブル（デスクトップはホバー、スマホはフォーカス）。 2Kbの超軽量ライブラリ。 実装・カスタマイズ用のドキュメント完備
CSSアニメーションライブラリー25選！あなたのサイトに楽しい動きとより良い機能を
LINE25 Line25 was built in March 2009 as a place to share web design ideas and inspiration through articles, tutorials and examples of stunning site designs. この記事のリストに、非常に優れたCSSアニメーションライブラリのいくつかを掲載しました。ウェブサイト設計の際に貴重な時間を節約し、またこれらのCSSアニメーションライブラリを使用して、皆さんの作品に動きと双方向型の機能を加えましょう。 テキスト、画像、ボタン、フォーム、タブ、ツールチップ、カードなど、あらゆる種類のWeb要素のためのCSSアニメーションやエフェクトが沢山あります。 これらのCSSアニメーションライブラリにはCSSエフェクトのための異なるスタイルがあるので、クリーン
ジブリで使用されているアニメ制作ソフト「Toonz」の無償公開が決定！ドワンゴがオープンソース化、両社独自の機能も実装 | インサイド
ドワンゴは、イタリア・ローマのDigitalVideo社が独自開発したアニメーション制作ソフト「Toonz」を買収し、オープンソースソフトウェア「OpenToonz」を3月26日より公開すると発表しました。 「OpenToonz」は「Toonz」を元にしたオープンソースプラットフォームで、無償かつ誰でも改良できるソフトとして公開。「Toonz」を利用してきたスタジオジブリが独自に開発した機能「Toonz Ghibli Edition」や、ドワンゴの人工知能技術を使ったエフェクト、エフェクト追加プラグインといった機能も搭載されます。 なお、「Toonz Ghibli Edition」とは「Toonz」のソースコードをスタジオジブリ社内でカスタマイズしたもので、「借りぐらしのアリエッティ」以降のほぼすべての作品の仕上、色指定、撮影工程（手描きの絵をスキャンするところから、最終的な画面を組み上げ
2時間で3Dモデルを作ってUnityでアニメーションさせた - takashicompany.blog
Unity x 3Dでゲームを作れるようになりたい！という願望がでてきた。 今回第一歩ということで、3Dモデルを作ってUnityでアニメーションさせるということをやった。 1. 3Dモデルを作る（45分）： まずは、3Dモデルを作るところから。 今回使ったモデリングソフトはSculptris。 専門的な知識無しでも粘土感覚でモデリングできるので楽しい。 今回はUnityでアニメーションさせるのが目的なので、 さっくりと。 ちなみに、次の工程でボーンを入れやすいように、人型のキャラクターの場合はTの字にポージングして作るとと良いらしい。 ポージングとかすると、ボーンが入れづらい & アニメーションさせたときに関節周りがおかしくなるから。 obj形式でエクスポートして次へ。 2. モデルにボーンを入れる（45分）： 続いて、1.で作った3Dモデルにボーンを入れる。 今回使ったソフトはBlend
「良い作品を作ろう！」主義がもたらす弊害――日本のアニメはブラック業界/くみかおる - SYNODOS
先日寄稿した拙論「なぜ若者は遣い潰されるのか――日本のアニメはブラック業界」には予想を超える反響があって驚いた。何より驚いたのは、当のアニメ業界内部の方々からの反応が大きいことだった。それも怒りの反応が圧倒的だ。 だがそれも考えてみれば予想してしかるべきだった。まずアニメにはジャーナリズムが働いていない。アニメ情報誌はたくさんあっても、業界の歪みを糾弾することはけっしてない。アイドル雑誌と同じで、アイドルならぬ人気キャラクターの版権イラストを業界側から提供してもらわなければあっという間に休刊に追い込まれる。 そのうえ大手マスコミもこの手の情報誌あがりのライターの言説を取り上げる傾向が近年あるため、アニメの監督や有名スタッフたちは「クリエイター」としてひたすら持ち上げられる。 アニメ情報誌の老舗『アニメージュ』の表紙。アイドル雑誌の紙面作りを踏襲しているのがわかる。 そこに「労働者」という視
『ガールフレンド（仮）におけるボーンアニメーション実装』
はじめまして。 ガールフレンド(仮)でアニメーションを担当しています。峯岸と申します。 本日はガールフレンド(仮)のぷちガールアニメーションの制作に関してご紹介したいと思います。 ぷちガールちゃんとは？ ガールフレンド(仮)ではぷちガールちゃんという機能があり、ゲーム内でバトルをしたりイベントに参加したりするときに応援してくれる小さなガールがいます。 "会いに行く"機能では、ぷちガールちゃんにアニメーションをつけて可愛く動くよう実装されています。 ボーンアニメーションとは？ 体にボーンを階層的に設置してゆき、その骨格のつなぎ目を基準にキーフレームで動きをつけてアニメーションをつけていく技法のことです。 スケルタルアニメーションや、スキンドメッシュアニメーションとも呼ばれています。 ガールフレンドでは、アニメーション制作にFlashを使用しているため、ガールの各パーツを関節ごとにムービークリ
育児に疲れ果て今晩も一人酒が止まらないという人におすすめしたい『シャキーン！』の名曲10選。 - ママがんばってません。
2014-06-06 育児に疲れ果て今晩も一人酒が止まらないという人におすすめしたい『シャキーン！』の名曲10選。 Eテレ 全国の、なんだか脇汗が止まらないご婦人の皆様 はじめましてこんばんら。 二児の母です。 特技は舌打ちです。 ポール師匠の指パッチンと競えるんじゃねぇのってくらいの早さでチッチ言います。 私も、皆様と同じように 荒んだ社会とご近所付き合いに神経をすり減らし、「ママのおっぱいプラプラしてる、アハハ！」と我が子に乳首をひっぱられるなど虐げられ、今日も18時から酒がとまらない類の人間ですが、最近どうも涙もろくなりまして。 中年だからしょうがないっちゃしょうがないんですけども、アレですよ、Eテレの子供番組とか危険ですよね？いちいち涙腺を刺激される、素敵番組ありますよね？ 特に、毎朝7時からやってる「シャキーン！」とういう番組で流れる歌が、もっぱら好きです。 曲も詞も映像も素敵
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
＜全三部作：最終章＞アニメーション映画『GODZILLA 星を喰う者』OFFICIAL SITE
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP