初始化 | Initialization

这些拼图应放置在 Init 标签下,并在Verge3D应用初始化之前进行解释。

初始化可视化编程块

内容

拼图参考

configure application

可设置应用初始化参数,包括一些WebGL上下文创建参数。

配置应用可视化编程块
compressed assets
设置应用加载 .xz 格式的压缩场景,而不是常规的 .gltf 文件。参见资产压缩了解详情。
default fullscreen button
启用位于右上角的默认全屏按钮。
transparent background
使背景透明,这样就可以透过WebGL画布看到网页的底层内容。启用此参数可在网页中内嵌您的3D内容或将其用于增强现实功能。
enable screenshots
可对WebGL画布进行正确的屏幕截图(将WebGL上下文的 preserveDrawingBuffer 属性设置为 true)。如果您打算使用 take screenshot 拼图,请启用此参数。
fade annotations
当注解被场景对象挡住时淡出。

setup preloader + percentage

移除默认的预加载器并公开事件回调,以便于处理预加载进度事件。

设置预加载器和百分比可视化编程块

在下方示例中,自定义预加载器用一个id为"preloader"的容器HTML元素(例如,一个 <div>)来表示。在它里面,还有一个id为"loading progress"的元素(例如,一个 <span>),其中加载的百分比使用 percentage 拼图来打印。除此之外,第三个元素(例如,一个 <div>)的宽度也是动态变化的,以图形化的方式表示加载进度。

设置预加载器示例

load font

从指定的URL中加载字体,并使其可通过 font-family CSS规则访问。

加载CSS字体的可视化编程块

您可以在HTML拼图中使用自定义字体,也可以用于生成文字纹理

在使用拼图时遇到困难?

欢迎您随时在 论坛上提问!您还可以加入中文用户社区QQ群(171678760),在线寻求帮助。