该项目的目的是为了打造轻量级的、实用简单的3d css库。
下载 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>
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号