1.需求场景
- 需求1:超图WebGL示例页面拥有丰富的示例,当我们自己做了一些示例功能,想合并到该项目供方便自己后续参考或他人参考的时候,需要自己定制。
- 需求2:基于该模板,做自己的其它项目示例。
2.自定义项目
2.1 首先下载项目
2.2 自定义增加示例
- 首先提前准备好自己的示例html文件,放到目录
examples\webgl\
里即可。 - 打开配置文件编辑即可
\examples\webgl\config.js
,分别填入
一级分组目录名(基于原有组可不填)
二级分组目录名(基于原有组可不填)
示例名称(必填)
示例图片(必填,建议以000开头便于区分哪些是自己的图片,示例图片存储于examples/webgl/img/
)
示例html(必填,html建议以000开头便于区分哪些是自己的示例)
其它资源(自定义的html涉及到的其它资源建议新建文件夹\examples\webgl\mysource
存放在里面。)
WebGL开发包升级
当官网开发包升级的时候,我们可以同步升级我们的项目。涉及到以下几项内容:
- 把
\examples\webgl\mysource
文件夹拷贝到新开发包里。 - 把
examples\webgl\
里000开头的html文件拷贝到新开发包里。 - 把
examples/webgl/img/
里000开头的图片拷贝到新开发包里。 - 配置文件对比合并:可借助任意一款文件对比工具把旧版
\examples\webgl\config.js
的内容合并到新版\examples\webgl\config.js
里面。