首頁 > 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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板