【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/

 

文章
【web3d】基洛夫飞艇

基洛夫飞艇(Kirov Airship)是即时战略游戏《红色警戒》系列中苏联空军单位,拥有强大的攻击防御能力,是公认的《红色警戒》 …

文章
【Verge3D】如何在Blender和Verge 3D中创建3D交互式Web体验

(注:文章翻译自https://cgbookcase.com/tutorials/how-to-create-3d-interac …

文章
用GoogleWebDesigner制作的360图片展示

 等待360图片加载。 图片加载完成后,拖动图片可360度旋转。 https://zjbcool.com/static/asse …