iPhone & MacBook 3D Showcase

Live preview needs the chrome://flags/#canvas-draw-element flag switched on. Without it this item’s screen renders black. Rendering from the CLI switches it on for you. How it works

Add it to your video

It runs for 15 seconds at 1920×1080. Paste this into your composition:

index.html

<div
  data-composition-id="vfx-iphone-device"
  data-composition-src="compositions/vfx-iphone-device.html"
  data-start="0"
  data-duration="15"
  data-track-index="1"
  data-width="1920"
  data-height="1080"
></div>

Move it in time with data-start. Put it on a different timeline row with data-track-index. See data attributes for the rest.Tagged html-in-canvas 3d device iphone macbook gltf.

Catalog

iPhone & MacBook 3D Showcase

Add it to your video

Related topics