首页 > web前端 > html教程 > 一个轻量级的3D CSS 库_html/css_WEB-ITnose

一个轻量级的3D CSS 库_html/css_WEB-ITnose

WBOY
发布: 2016-06-21 08:57:00
原创
868 人浏览过

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 应用  Demo
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板