网站首页 > 技术文章 正文
一个轻量有趣的 3D 引擎,可以用来做一些简单的 3D 模型展示。
关于 Zdog.js
Zdog.js (下称Zdog)是一款基于<canvas>和 SVG 的 JavaScript 3D 引擎,通过简单的 api 可以让我们在 Web 页面上设计和渲染简单的 3D 模型。Zdog 是一个伪 3D 引擎。其几何形状存在于3D空间中,但被渲染为平面形状。这使得 Zdog 很特别。
Zdog 的作者是 Metafizzy,既是一位设计师,同时也是开发工程师。开发 Zdog 的灵感源自于一款于 1995 年发行的叫 Dogz 的虚拟宠物游戏,特点是使用平面 2D 圆圈精灵来渲染 Dogz 的模型。
Zdog.js 3D 引擎特点
- Zdog 只占用很小的空间。整个代码库只有2,100行代码。压缩版仅 28KB
- 圆润的外观。所有圆形形状都呈现为带有圆形边缘的 3D 圆圈,很有特色,能帮助我们快速建立模型
- api 很友好。易于上手的声明式 api,用来快速构建简单的模型
开发上手体验和使用建议
Zdog 是一个有趣的 3D javascript 引擎,基于我们熟悉的 canvas 和 SVG 来构建简单的 3D 模型。官网有很全面的关于基础图形的代码例子来让我们快速学会它,并且做出一些有趣的模型,极易上手。官网上展示了不少使用 Zdog 来实现的模型,风格简洁有特点。
Zdog 使用也很简单,支持 npm 安装和 cdn 引入的方式。Zdog 可以很快把现有的矢量插画变成 3D 模型,而遇到实现 3D 模型的需求,比如盒子状模型物品预览、三维图形教学演示等,往往需要游戏引擎才能实现,但如果真的只是简单的建模,引入一个游戏引擎显然太过庞大了,稍微花点时间了解一下,或许 Zdog 可以实现你要的功能。
免费开源说明
Zdog 基于 MIT 开源协议开源了代码,任何个人和公司都可以免费下载使用。
关注我,持续分享高质量的免费开源、免费商用的资源。
↓↓点击查看本次分享的网址。
- 上一篇: 官方示例(17):3D场景顶牌模型化技术解析ThingJS
- 下一篇: three.js开发3D地球
猜你喜欢
- 2024-11-27 cesium.js神了,让3d地图变得惊艳无比
- 2024-11-27 Unity(WebGL)与JS通讯2021最新姿势
- 2024-11-27 官方示例(十四)多线段开发3D场景测量标点距离ThingJS
- 2024-11-27 从零开始学习3D可视化之摄像机投影方式
- 2024-11-27 THREE.js:网页上的3D世界构建者
- 2024-11-27 nunustudio 基于threejs的web3d开源编辑器
- 2024-11-27 WebGL+Three.js 入门与实战,系统学习 Web3D 技术无密梅花含苞
- 2024-11-27 Three.js、Babylon.js 和 ClayGL:哪款Web3D引擎最适合你的项目?
- 2024-11-27 3D地图的开发离不开CesiumJs,效果超出你的想象。
- 2024-11-27 3D 世界的钥匙「GitHub 热点速览 v.22.08」
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- oraclesql优化 (66)
- 类的加载机制 (75)
- feignclient (62)
- 一致性hash算法 (71)
- dockfile (66)
- 锁机制 (57)
- javaresponse (60)
- 查看hive版本 (59)
- phpworkerman (57)
- spark算子 (58)
- vue双向绑定的原理 (68)
- springbootget请求 (58)
- docker网络三种模式 (67)
- spring控制反转 (71)
- data:image/jpeg (69)
- base64 (69)
- java分页 (64)
- kibanadocker (60)
- qabstracttablemodel (62)
- java生成pdf文件 (69)
- deletelater (62)
- com.aspose.words (58)
- android.mk (62)
- qopengl (73)
- epoch_millis (61)
本文暂时没有评论,来添加一个吧(●'◡'●)