このプロジェクトの目的は、軽量で実用的でシンプルな 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>