码迷,mamicode.com
首页 > Web开发 > 详细

一个轻量级的3D CSS 库

时间:2016-05-05 00:28:33      阅读:382      评论:0      收藏:0      [点我收藏+]

标签:

 

JavaScript 3D library

 

该项目的目的是为了打造轻量级的、实用简单的3D CSS库。

 

Usage使用方法

 

下载 minified 库文件 和 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 库

标签:

原文地址:http://www.cnblogs.com/zgblog/p/5460162.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!