提供Verge3D教程和Web3D开发技术服务

【verge3D】iframe透明背景设置

将web3D内容嵌入到网页上。

步骤:

1.创建v3d工程,名称为transparent,在blender中预备场景,导出glTF

2.逻辑编辑器中Init标签下,设置背景透明

3.编辑v3d工程创建后生成的transparent.css,注释掉背景颜色设置

  1. body {
  2. /* background-color: #fff; */
  3. margin0px;
  4. overflowhidden;
  5. }

4.新建一个index.html文件,在<iframe>标签中嵌入transparent.html

  1. <iframe src=“transparent.html” frameborder=“0”></iframe>

5.完成!

https://zjbcool.com/static/app/transparent/

 

zjbcool

zjbcool
关闭菜单