宮﨑駿『君たちはどう生きるか』を観て - 内田樹の研究室
私は宮崎駿の映画のかなり熱烈なファンである。これまでいくつかの宮崎駿作品について映画評を書いてきた。宮崎作品を観た後は、いつでも語りたいことが湧き上がってきて、語らずにはいられないのである。 今回の『君たちはどう生きるか』についても、何かを語らずにはいられないことに変わりはないのだが、それはこれまでのように自分が観た映画について語ることを通じて「さらなる愉悦」を引き出すためではない。「これは一体どういう作品なのか」を何とか言葉にしてみないと、自分が何を観たのかがよくわからないからである。 これまでの宮崎作品なら、物語は完結し、ラストで伏線は回収され、映画の「メッセージ」も別に解釈の手間をかけずにもすんなりと伝わってきた。映画を楽しむためには、それで十分だった。そして、映画をたっぷり楽しんだ上で、「果たして物語はあれで完結しているのか？」「伏線はほんとうに回収されているのか？」「あんな『わか
新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました - ICS MEDIA
新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました アニメーションを作る時に、「思いついた演出をすぐに実装したい」「頭の中ではできているのに、コーディングするのが面倒」と思ったことはありませんか？アニメーション作成にはライブラリを使用することが多いと思いますが、使い方を調べて覚えて、ドキュメントからコピペしたり、ひたすらタイピングをして… 私はこれらの問題を解決するために、「Tween24」というライブラリを作りました。Tween24はメソッドチェーンで記述するのが特徴で、たった1行でアニメーションが実装できます。依存ライブラリもなく、単体で動作します。アニメーションライブラリの多くはオブジェクト型でプロパティを指定するためタイピングが多くなりがちですが、メソッドチェーンであればエディターのコード補完機能でスラスラと記述できます。 その他にも、メソ
「アニメーターの課題集 -動きの法則を理解するための第一歩-」 | 日本動画協会
私ども一般社団法人日本動画協会では、観察して自ら法則を解き明かしどのような動きでも描くことができるようになるための基礎を学ぶことを目的とした「アニメーターの課題集 -動きの法則を理解するための第一歩-」をPDFにて無償配布しております。 本書は、アニメーターを目指している方、また、若手のアニメーターの育成に向けて、日本動画協会 人材育成委員会が、アニメーション作家の遊佐かずしげ氏にご協力いただき、作成いたしました。 近年にはCGでキャラクターを描くアニメも増えてきましたが、多くの作品は手描きの作画によって支えられています。アニメーターの仕事は作品に応じて、求められる内容に合わせて、様々な絵柄で様々な構図・動きを描く仕事です。いわば、動きのプロフェッショナルであり、大変重要な職種です。 本書は、【課題説明と出題】と【解答例と分析】の２章にて構成しています。アニメーターの方が、ご自身の訓練とし
イージング関数を使ったUI挙動の作り方｜しゅん
今回はイージング関数を使ったUIの動きの作り方を紹介します。イージング関数とは、0.0〜1.0 の値を渡すといい感じの曲線で推移するパラメータを返してくれる関数です。Tween や Easing と呼ばれることもあります。 上記画像は、cubeOut (3次関数) によるイージング関数の使用例です。横軸が時間の経過で、縦軸が値の変化となります。 イージング関数の一覧は以下のページにまとめられています。 イージング関数が簡単に使用できるかどうかは環境によりますが、プログラムが書ければ、移植は難しくありません。例えば、HaxeFlixelという開発環境では、cubeOutであれば以下の関数が用意されていますが、別の環境であってもこのコードを移植すれば同じことができます。 // cubeOutのイージング関数 public static inline function cubeOut(t:Flo
AnimeEffects | 2D Animation Tool
AnimeEffectsは、ポリゴンメッシュの変形をベースとする2Dキーフレームアニメーション製作ツールです。 とっつきやすく、思いつきをすぐ形にでき、心変わりがあればいつでもやり直せるようなツールを理想として開発しています。 主な特徴 移動、回転、拡大縮小などの基本的な変形はもちろん、ボーン変形、自由変形(Free-form Deformation)、不透明度や画像の切り替えなど様々な要素をアニメーションさせることが可能です。 jpg、png、gifなどの基本的な画像ファイルはもちろん、Adobe PhotoshopをはじめとしてEasy Paint Tool SAIやClip Studio Paintなどでも対応されているPSDファイルを読み込む事が可能です。 レイヤーのクリッピング設定や、大部分のブレンディング設定にも対応しています。 ペイントツールでおなじみの、ペンタブレット操作や
庵野秀明x川上量生対談｢アニメの『情報量』とは何か｣ダイジェスト #ニコニコ超会議2015
庵野秀明x川上量生対談｢アニメの『情報量』とは何か｣ダイジェスト #ニコニコ超会議20152015.04.25 18:006,401 庵野秀明x川上量生（かわんご）x氷川竜介（司会）がお送りする｢アニメの『情報量』とは何か｣という対談を聞いてきました。 観客にはパヤオ（宮﨑駿さんのコスプレ）までいらっしゃって、大変な期待感に満ち溢れていました。 ｢情報量｣という言葉に反応して、理系的にアニメの世界や庵野さんのことを理解しようとするかわんごさんと、あくまでも職人でありアーティストである庵野さんのズレが面白かったです。同じ山について語ってるんだけど違う方向から見ている、みたいな。 以下、特に面白かった部分をピックアップします。 なぜこの対談？ 川上 僕、ジブリで見習いしてたときに知ったんですけど、アニメの世界では｢情報量｣って言葉を、現場でみんな使ってるんですよね。情報ってなんだか｢情報理論｣
庵野秀明氏「アニメは情報です。理屈で作ります」川上量生氏との対談でアニメ制作の理論を語る #ニコニコ超会議2015
2015年4月25日にニコニコ超会議・超言論エリアで行われた、ドワンゴ・川上量生氏とエヴァンゲリオンの監督を務めた庵野秀明氏の対談を全文書き起こしでお送りします。庵野氏は「アニメは理屈で作っている」と、全ての工程に理論があることを語った。 「アニメの情報量」とはなにか 氷川竜介氏（以下、氷川）：みなさんこんにちは。アニメーション研究家の氷川竜介です。今日はようこそお越しくださいましてありがとうございます。 こっちの方ではニコニコ超会議・超言論ブースなんですけど、これから1時間「アニメの情報量とは何か」そういうお題でスタジオカラー代表の庵野秀明監督、KADOKAWA・DWANGOの川上量生会長にお越しくださいました。じっくりお話をうかがいたいと思います。よろしくおねがいします。 庵野秀明（以下、庵野氏）：庵野です。今日はお忙しい中どうもありがとうございます。 川上量生（以下、川上氏）：川上で
Velocity.js
Overview Velocity is an animation engine with the same API as jQuery's $.animate(). It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Download Velocity, include it on your page, and replace all instances of jQuery's $.animate() with $.veloci
Volocity.jsを使ってアニメーションのパフォーマンスを比較してみた - beijaflor
CSS vs. JS Animation: Which is Faster? CSS AnimationよりもJavascriptを使った方がパフォーマンスが出るよ、というこの記事を見たので実際に試してみた。 結論 アニメーションさせる時は、Velocity.jsを使いましょう デモ DEMO1 - 画面下からスクロールインしてくるモーダルウィンドウ DEMO2 - 120個の丸が一度に動く、シンプルなアニメーション [source code @ GitHub] 機能比較 ライブラリ 特徴 メリット jQuery(animate()) 標準で組み込まれているアニメーションライブラリ ライブラリの読み込み不要 Velocity.js 標準のanimate()と同じ文法で使える拡張ライブラリ スピード最適化された実装 Transit CSS Animationを制御するためのライブラリ 3d-
Easing Functions Cheat Sheet
Easing functions specify the rate of change of a parameter over time. Objects in real life don’t just start and stop instantly, and almost never move at a constant speed. When we open a drawer, we first move it quickly, and slow it down as it comes out. Drop something on the floor, and it will first accelerate downwards, and then bounce back up after hitting the floor. This page helps you choose t
Ui General Blog
Are you searching Free Guest Posting Submission Site? Before you submit, check out this list of guidelines to make sure your post is up to par. By following these simple tips, you can increase your chances of having your guest post accepted - and make a great impression on the blog's regular readers.> No one's life is as perfect as it seems on social media. So next time you're feeling down, rememb
PNG vs SVG for sprites
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
HTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIA
スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか？ 近年、HTML5を利用できる分野はウェブサイトのみならず、ゲームやSPA（シングルページアプリケーション）など多岐に渡っています。そこで、本記事ではiOSやAndroidの新旧さまざまな端末を使ってパフォーマンスを検証。記事の前半では描画性能を、後半ではJavaScriptの計算性能を測定しています。 描画性能の検証ビデオをご覧ください さまざまな端末を使って、描画検証の様子を録画しました。この80秒の動画では画像のオブジェクトの表示可能な個数を測定しています。ビデオの後半が見どころで、iPhone 5のパフォーマンスが良すぎてビデオを早送りするほどスコアがでるまで時間がかかっています。 さまざまな端末のスコアを測定しました 次の表に、2012年までに発売されたスマートフォンのスコアを掲載しました。
HTML5開発者必見、最速のJavaScriptライブラリはどれだ!? パフォーマンスの徹底検証 | ICS MEDIA
HTML5で2次元のインタラクティブコンテンツを制作するには、さまざまなJavaScriptライブラリがあります。どれを選択するべきか迷いどころではないでしょうか？ そこで今回はHTML5の各種JavaScriptライブラリについて、パフォーマンスを比較検証してみました。 今回検証したフレームワーク メジャーなJavaScirptライブラリとして次の5種類でテストしました。バージョンは2013年4月10日現在の最新版を使っています。詳しい検証方法は記事の後半にまとめています。 CreateJS (EaselJS 0.6.0) Arctic.js (v0.1.11) enchant.js (v0.6.3-48) Pixi.js (v1.0.0) Processing.js (v1.4.1) 各種JavaScirptライブラリのベンチマーク結果 ※グラフの数値が高いほどパフォーマンスが高いこと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IORAMA
Rive - Build interactive motion graphics that run anywhere
Spirit - The animation tool for the web
OS X 10.10 YosemiteやiOS 8に搭載されている次世代SafariはAPNG（アニメーションPNG）をサポート？
ソースコードを一切書かなくてもアニメーション処理ができるCanvasがおもしろい - Qiita
TexturePacker | Sprite sheet creation and image optimization
