1.进入zdog官方网站
在这里附上链接https://zzz.dog/

2.下载原型代码
在这里选择一个你自己感兴趣的3D立体模型,然后点进去

然后就会出来原型代码,这里我们点击下载整个原型代码

下载完成之后,代码结构如图所示

3.将html项目改写为vue项目
- 首先在vue自带的全局html文件中引入zdog所需要的zdog文件(这里有个点需要注意,我们的js文件需要放在body下面,等到页面渲染完成后在渲染zdog模型,否则会出现模型加载不出来的情况),这里有两个js文件,一个是直接引入,另一个需要将js文件放在一个目录下,并且采用相对位置引入此js文件。

本文介绍如何从Zdog官网下载3D模型原型代码,并将其整合进Vue项目中,实现3D模型的展示与交互。文章详细说明了代码的引入方式及合并过程。
最低0.47元/天 解锁文章
1万+

被折叠的 条评论
为什么被折叠?



