51 lines
886 B
JavaScript
51 lines
886 B
JavaScript
let illo = new Zdog.Illustration({
|
|
element: '.illo',
|
|
rotate: { x: -Zdog.TAU/10, y: Zdog.TAU/8 },
|
|
dragRotate: true,
|
|
})
|
|
|
|
let smallGroup = new Zdog.Group({ addTo: illo })
|
|
let bigGroup = new Zdog.Group({ addTo: illo })
|
|
|
|
let smallCube = new Zdog.Box({
|
|
addTo: smallGroup,
|
|
width: 60,
|
|
height: 60,
|
|
depth: 60,
|
|
storke: false,
|
|
fill: true,
|
|
color: '#175d96'
|
|
})
|
|
smallCube.copy({
|
|
addTo: smallGroup,
|
|
stroke: 1,
|
|
fill: false,
|
|
color: '#fff'
|
|
})
|
|
|
|
let bigCube = new Zdog.Box({
|
|
addTo: illo,
|
|
width: 120,
|
|
height: 120,
|
|
depth: 120,
|
|
stroke: false,
|
|
fill: true,
|
|
color: 'rgba(141, 214, 249, 0.5)'
|
|
})
|
|
bigCube.copy({
|
|
addTo: bigCube,
|
|
stroke: 3,
|
|
fill: false,
|
|
color: '#FFF'
|
|
})
|
|
|
|
function animate() {
|
|
smallGroup.rotate.y += 0.01
|
|
bigCube.rotate.y -= 0.01
|
|
// Fun rotation
|
|
// illo.rotate.z += 0.01
|
|
illo.updateRenderGraph()
|
|
requestAnimationFrame(animate)
|
|
}
|
|
|
|
animate() |