CSSがこんなに進化してるとは！18才の少年がつくった3Dアニメーションのライブラリがすごすぎる -voxel.css | コリス

2016/01/29 240 users CSSアニメーション コリス 進化 高校 CSS

CSSアニメーションの進化もすごいですが、3DのCSSアニメーションも驚きの進化です！ 高校を卒業したばかりの18才の少年がつくった3Dアニメーションのライブラリを紹介します。 voxel.css voxel.css - ...記事の続きを読む 続きを読む

「だから、3Dアニメーションの何がやりたいの？」アメリカで学ぶ日本人アーティストが選んだ道

2015/04/19 328 users アメリカ 日本人アーティスト スーツ ころ 両親

アメリカの大学に留学し、3Dアーティストを目指すーー日本の高校を卒業されたとのことですが、なぜアメリカの大学に進学しようと思われたのですか？ 小学生のころから、「このまま大人になったら、毎日朝早く起きて、スーツを着て、夜遅くまで働かないといけないのか？」という疑問が私にはあって、ある日、将来について両親に真剣に相名前：上田真子(うえだ まこ)さん 出身大学：アカデミーオブアート　アニメーション科 ... 続きを読む

CSS3の3Dアニメーションで何ができるかがよく分かるスライド | IDEA*IDEA

2013/12/19 67 users IDEA スライド CSS3

これ、一読しておくべきではないですかね。とってもわかりやすいです。 ↑ 矢印キーで操作します。 ↑ いろいろわかりやすいです。 ↑ これもdivで表現。 CSS3まわりのイメージをつかむのにいいですね。 » Unfolding the Box Model: Exploring CSS 3D Transforms 続きを読む

ピクサーのアニメーターが教えてくれた創造性に関する8つの大切なこと : ライフハッカー［日本版］

2013/09/23 132 users アニメーター ピクサー ジャスティン クロエ 原文著者

アイデア , モチベーション , 仕事がはかどる , 仕事術 , 生産性向上 ピクサーのアニメーターが教えてくれた創造性に関する8つの大切なこと 2013.09.23 20:00 創造性を発揮している人々の仕事現場に実際に触れてみると、予想もしていなかった気付きを得られることがあります。 （原文著者の）息子のジャスティンは3Dアニメーションに興味があり、娘のクロエは脚本づくりに興味を持っていました... 続きを読む

Pixar社製。実際に使われている3Dレンダリング技術をオープンソース化「OpenSubdiv」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/08/25 113 users MOONGIFT Pixar レンダリング ITエンジニア

世界最高峰の3Dアニメーションを創り出す企業と言えばPixarです。現在はディズニー傘下となっているPixarがリリースしたソフトウェアがOpenSubdivになります。オープンソースのSubdivision surface技術実装であり、リアルタイムに3Dオブジェクトのレンダリングを行うソフトウェアです。 0 続きを読む

角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成＆コード生成をしてくれる「CSS3 ジェネレーター」まとめ！！ | OZPAの表4

2012/06/14 607 users ドロップシャドウ OZPA グラデーション アニメーション

html5-css3-orange-logos / Nelson Felix Giga どうも！おつぱ（ @OZPA ）です！ 今回は、角丸やドロップシャドウ、グラデーションに2D/3Dアニメーションなど、CSS3に対応したスタイルを簡単に作成、さらにコードを生成してくれる「CSS3 ジェネレーター」を厳選して8つご紹介！ ｳｵｱｱｱｱｱｱｱｱ さて、CSS3対応ブラウザも増え、角丸、ドロップシャ... 続きを読む

JavaScriptなし!! CSSだけで実現する3Dアニメーション | HTML5GOGO

2011/10/14 96 users CSS JavaScript

CSS3のアニメーションサンプルで、立方体を扱ったものは数あれど、それ以上の多面体のサンプルが見当たらなかったので、倍の12面体を作りました。 イメージ 概要 今回はそのサンプルを題材に、CSS3で新たに追加されたアニメーション系のプロパティをご紹介します。 ※今回ご紹介するプロパティは、執筆時点では全て要ベンダープレフィックスです。 ※対応ブラウザ：Chrome 12～, Safari 5～ M... 続きを読む

3Dアニメーションを簡単に作るためのライブラリ『Sprite3D.js』 | IDEA*IDEA

2011/08/08 58 users IDEA JSライブラリ CSS ドキュメント ライブラリ

これはちょいとメモしておこう・・・。3Dアニメーションを作るためのJSライブラリですよ。座標の指定や取得なんかを簡単にできるようですね。 なお、CSSのTransform命令を使っているので対応ブラウザはモダンなものだけですよっと。 ↑ こういうのがグリグリ動きます。 ↑ ゲームっぽい画面もできるようですね。 ドキュメントも充実しているようですし、使いやすいそうですね。覚えておいて損はなさそうです... 続きを読む

暇人＼(＾o＾)／速報 : 【動画あり】神フリー３Dソフト、MMDがついにモーションキャプチャー対応！ - ライブドアブログ

2010/12/19 319 users ライブドアブログ MMD ゲームデバイス Kinect 速報

【動画あり】神フリー３Dソフト、MMDがついにモーションキャプチャー対応！ 1： 味噌スープ(千葉県)：2010/12/20(月) 00:39:02.36 ID:UQtHqzmYP ゲームデバイスとして発売されたものの、一部のファンによって別の用途で大活躍しているXbox360のKinect（キネクト）。 今回はハックしたKinectを利用して、3Dアニメーションソフト「MikuMikuDance... 続きを読む

jQuery版script.aculo.usの「Interface elements」がすごい:phpspot開発日誌

2007/05/28 195 users phpspot開発日誌 オートコンプリート スライダー ほか

Interface elements for jQuery - Real examples of Interface elements jQuery版script.aculo.usの「Interface elements」。 script.aculo.us 同様、エフェクト、ドラッグ＆ドロップ、アニメーション、スライダー、オートコンプリートのほか、 ３Dアニメーション、アイテム選択用UI、テキスト... 続きを読む