用Zdog做一个(伪)3D的小宇宙App图标
Blog iconSunskyXH
Oct 28
之前简单玩了玩Zdog,用它制作了一个非常简单的3D版小宇宙图标,把过程中遇到的一些趣事分享给大家。Zdog简介Zdog是一个绘制伪3D模型的库,可以输出成Canvas或者svg。模型的geometry是在3D空间中进行计算的,渲染出来的是想被拍平的2D图像。 基于这种特性,Zdog有着一些自己的特点,例如可以更好的画出「圆」的东西。3D中球体的geometry可能是由很多个三角形拼起来的,而Zdog实际渲染出的球体其实是一个平面的圆形,相比真正的球体简单了很多。 对比threejs之类专门绘制3D图像的库,Zdog没有诸如mesh, texture, material, geometry之类的概念,只需要实例化自带的图形然后将他们添加到画布上就能看到图像出现在显示器上了。但也是由于一切都被简化了,像z-fighting之类的问题非常容易出现,下文的例子中就遇到了。Quick Start使用Zdog非常简单,只需要创建一个,实例化一个Illustration 和任意的图形,执行一下render方法就可以获得画面了。// create illo let illo =...

SunskyXH

Written by
SunskyXH
Subscribe

2025 Paragraph Technologies Inc

PopularTrendingPrivacyTermsHome
Search...Ctrl+K

SunskyXH

Subscribe