on:2016年1月29日sponsorsCSSアニメーションの進化もすごいですが、3DのCSSアニメーションも驚きの進化です!高校を卒業したばかりの18才の少年がつくった3Dアニメーションのライブラリを紹介します。-GitHubvoxel.cssのデモvoxel.cssの使い方voxel.cssのデモ上部のアニメーションgifは、voxel.cssのトップページで楽しめます。ファイルサイズの関係で尺を半分くらいにしているので、ぜひ全編を下記ページでお楽しみください。voxel.cssトップページの下の方では、アニメーションがどれくらい快適に動作するかが分かります。デモまた、デモページでは3Dのオブジェクトがさまざまな動きをします。外部ファイル当スクリプトとスタイルシートを外部ファイルとして記述します。HTMLHTMLは特に必要ありません。領域の確保をする必要もなく、JavaScriptに記述します。JavaScriptオブジェクトやアニメーションをJavaScriptで設定します。voxelcss.Meshes.grass}));}</script>重要なクラスは、4つ。Voxelオブジェクトの設定です。Sceneただのカメラで、回転・パン・ズームして、voxelsを含むことができます。Worldvoxelsの状態を保存します。Editorvoxelsのあらゆる変化を設定します。