______ __ _____ ____
/ ____/_ __/ /_ ___ |__ // __ \
/ / / / / / __ \/ _ \ /_ </ / / /
/ /___/ /_/ / /_/ / __/__/ / /_/ /
\____/\__,_/_.___/\___/____/_____/
Add pseudo 3d (minecraft like) elements to HTML without any 3D engine, canvas or OpenGL requirements
English δΈζ
This library is mainly developed to add Lightweight interesting pseudo 3D content in the HTML interface, and cannot realize 3D simulation and 3D graphics technology (such as lighting, texture, etc.)
The function of this library is based on CSS3 3D transformation, in which each cube is composed of 6 div planes. So, you can try more traditional HTML editing methods in the div. Just like the screenshot of my blog below.
<link rel="stylesheet" href="dist/cube3d.css">
</head>
</body>
<script src="dist/vdom.core.js"></script>
<script src="dist/cube3d.js"></script>
var cube = new C3dCube(120,120,120, [30,40,180,1] );
vdom('body').append( cube.container );
- container A vdom for HTML/2d display/animation
- cube A vdom for 3d display/transform/
- move
- rotate
- scale
- Sides Array of each side
- constract
- top(),bottom(),left(),right(),front(),back() Get each side
- vd
- bg
- d (direction id)
- constract