伪3D引擎 zdog

MIT
JavaScript
跨平台
2019-05-30
红薯

zdog 是一个圆形、扁平、设计师友好的伪3D引擎。

Zdog 灵感来自 Dogz ,Zdog 使用相同的原理。 它使用<canvas>或<svg>中的2D绘图API渲染所有形状。 球体实际上是点。 Toruses实际上是圆圈。 胶囊实际上是粗线。 这是一个简单而有效的技巧。

Zdog在美国用语中被称为“Zee-dog”,在英国被称为“Zed-dog”。

Made with Zdog Made with Zdog Made with Zdog Made with Zdog Made with Zdog Made with Zdog Made with Zdog Made with Zdog Made with Zdog Made with Zdog Made with Zdog Made with Zdog

示例代码

let isSpinning = true;
let illo = new Zdog.Illustration({
element: '.zdog-canvas',
zoom: 4,
dragRotate: true,
// stop spinning when drag starts
onDragStart: function() {
isSpinning = false;
},
});
// circle
new Zdog.Ellipse({
addTo: illo,
diameter: 20,
translate: { z: 10 },
stroke: 5,
color: '#636',
});
// square
new Zdog.Rect({
addTo: illo,
width: 20,
height: 20,
translate: { z: -10 },
stroke: 3,
color: '#E62',
fill: true,
});
function animate() {
illo.rotate.y += isSpinning ? 0.03 : 0;
illo.updateRenderGraph();
requestAnimationFrame( animate );
}
animate();

 

的码云指数为
超过 的项目
加载中
请先登录后再评论。

暂无资讯

暂无问答

ZDog:简单便捷好玩的的3D设计和动画制作库

各位老铁,我灰太狼又又又回来了,嘿嘿!!!!最近在忙所以有日子没写博客了,今天带大家看个好玩的东西 这个东西是今天偶尔看到的,是啥呢,难道是漂亮的小姐姐吗?当然是......不可能的了...

2019/04/10 10:10
5
0
讲解开源项目:让你成为灵魂画手的 JS 引擎:Zdog

<p align="center">本文作者:HelloGitHub-<strong>kalifun</strong></p> HelloGitHub 的《讲解开源项目》系列,项目地址:https://github.com/HelloGitHub-Team/Article 今天给大家推荐一个...

2019/04/10 10:10
38
0
教你用开源 JS 库快速画出 GitHub 章鱼猫

<p align="center">本文作者:HelloGitHub-<strong>kalifun</strong></p> 在上一篇文章我们介绍了 Zdog 如何使用,接下来这篇文章我将带领各位利用 Zdog 画出一个 GitHub 章鱼猫(和官方的还...

2019/04/10 10:10
49
0
《HelloGitHub》第 40 期

《HelloGitHub》第 40 期 兴趣是最好的老师,HelloGitHub 就是帮你找到兴趣! 简介 分享 GitHub 上有趣、入门级的开源项目。 这是一个面向编程新手、热爱编程、对开源社区感兴趣 人群的月刊,...

2019/04/10 10:10
13
0

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部