CSSアニメーションの進化もすごいですが、3DのCSSアニメーションも驚きの進化です! 高校を卒業したばかりの18才の少年がつくった3Dアニメーションのライブラリを紹介します。 voxel.css voxel.css -GitHub voxel.cssのデモ voxel.cssの使い方 voxel.cssのデモ 上部のアニメーションgifは、voxel.cssのトップページで楽しめます。 ファイルサイズの関係で尺を半分くらいにしているので、ぜひ全編を下記ページでお楽しみください。
![CSSがこんなに進化してるとは!18才の少年がつくった3Dアニメーションのライブラリがすごすぎる -voxel.css](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d5efa807374947edcc205188b2911c5f71a4ea7/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016012904.gif)
as3D の原理をあまり知らなかったので、ActionScript 3.0 で1から勉強してみた。1からなのでフレームワークは使わず、自力で実装していく。Web 上には色んな資料があってありがたいだけど、玉石混交な上に、有用なものでも一本道で幅の狭いものが多い。前提知識のない自分にとっては、資料間の関連性を理解するのが大変だった。なので、なるべく簡単なところからスタートしつつ、広く浅く体験していくことを目標としてみる。まずは、四面体をワイヤーフレームで表示するところからスタートしよう。四面体を定義するまずは、3次元上の点を表現する Point3D クラスを作る。 class Point3D { public var x:Number; public var y:Number; public var z:Number; public function Point3D(_x:Number =
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く