首页 > Web开发 > 详细

一个轻量级的3D CSS 库

时间:2016-05-05 00:27:04      阅读:207      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!