mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-11-03 20:37:30 +00:00
Miguel Ángel
46f6cb3567
* feat(registry): eight more WebGPU shader backgrounds and a bundle with thirty new shaders * refactor(registry): simpler bundle copy step in the shader build * test(registry): every shader block ships the same bundle and names a shader in it * refactor(registry): one block loader for the shader block tests * test(registry): name the stale block and match only shader names * feat(registry): eight more WebGPU shader backgrounds, from blob to fractal noise * chore(registry): shorter licence line at the top of the shader bundle * chore(registry): bring in the latest shader bundle branch * chore(registry): shorter licence line at the top of the shader bundle * test(registry): every shader block installs the bundle's licences
32 lines
764 B
HTML
Vendored
32 lines
764 B
HTML
Vendored
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<style>
|
|
[data-composition-id="waveform"] canvas[data-shader] {
|
|
position: absolute;
|
|
inset: 0;
|
|
width: 1920px;
|
|
height: 1080px;
|
|
display: block;
|
|
background: #000;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div
|
|
data-composition-id="waveform"
|
|
data-start="0"
|
|
data-duration="2"
|
|
data-width="1920"
|
|
data-height="1080"
|
|
data-requires-webgpu
|
|
data-no-timeline
|
|
style="position: relative; width: 1920px; height: 1080px; overflow: hidden; background: #000"
|
|
>
|
|
<canvas data-shader="Waveform" width="1920" height="1080"></canvas>
|
|
</div>
|
|
<script src="lib/shaders.iife.js"></script>
|
|
</body>
|
|
</html>
|