Skip to main content

​
液体背景

在细分平面上进行顶点位移的有机液体模拟。 HTML 内容漂浮在带有实时波浪动力学的波纹流体表面上。 html-in-canvas liquid webgl displacement background
需要 Chrome 标志。 启用 chrome://flags/#canvas-draw-element 进行实时预览。通过 CLI 渲染会自动启用该标志。 了解更多。

​
安装

npx hyperframes add vfx-liquid-background

​
细节

财产价值
类型堵塞
方面1920×1080
期间12秒

​
文件

文件目标类型
vfx-liquid-background.htmlcompositions/vfx-liquid-background.html超框架:组合

​
用法

安装后，将该块添加到您的主机组合中： 
<div data-composition-id="vfx-liquid-background" data-composition-src="compositions/vfx-liquid-background.html" data-start="0" data-duration="12" data-track-index="1" data-width="1920" data-height="1080"></div>