軽量の 3D CSS library_html/css_WEB-ITnose

JavaScript 3D ライブラリ

このプロジェクトの目的は、軽量で実用的でシンプルな 3D CSS ライブラリを作成することです。

使い方 使い方

縮小したライブラリファイルとcssファイルをダウンロードしてHTMLに組み込むだけで簡単です。

<script src="js/voxelcss.js"></script><link rel='stylesheet' href="css/voxel.css"></link>

次のコードはそのアプリケーションです:

<script>    var scene, world, editor;    init();    function init() {    scene = new voxelcss.Scene();    scene.rotate(-Math.PI / 8, Math.PI / 4, 0);    scene.attach(document.body);    var lightSource = new voxelcss.LightSource(300, 300, 300, 750, 0.3, 1);    scene.addLightSource(lightSource);    world = new voxelcss.World(scene);    editor = new voxelcss.Editor(world);    editor.enableAutoSave();    editor.load();    if(world.getVoxels().length === 0)      editor.add(new voxelcss.Voxel(0, 0, 0, 100, {        mesh: voxelcss.Meshes.grass      }));    }</script>

• 公式ドキュメント
• 3D CSS アプリケーション デモ