从"网页嵌套"选项中保存的文件与"公共 URL"使用的文件相同。这是将文件直接添加到 Web 项目中的方法。
- 当场景设计完成后,请点击顶部工具栏上的"
导出
"按钮。 - 从从“导出”面板的下拉列表中选择“
代码
”。然后选择“Vanilla JS (Web Content)”。 - 在面板底部,您会找到一个按钮,用于将内容下载为 .zip 文件。
- 如果你想运行体验,你可以运行一个本地服务器。从未压缩的文件夹路径打开您的操作系统终端或控制台并运行:
python -m SimpleHTTPServer
下面是您的文件结构的示例
注意:在索引内.html有一个画布元素,它运行 WebGL 3D 图形。
设置为网页背景
想要把spline的设计内容设置为网页背景,支持3D旋转的动画,并在此基础上进行开发,可通过一下方式:
<body>
<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
<iframe src="你的spline生成的Embed链接" frameborder="0" width="100%" height="100%">
</iframe>
</div>
<div style="position: fixed; width: 100%; height: 100%; pointer-events:none">
<input style="size:100px; pointer-events:initial"></input>
</div>
</body>