mirror of https://github.com/wayvr-org/wayvr.git
dash-frontend: Welcome screen: Add center marker video
This commit is contained in:
parent
951dbbd87f
commit
741ffee62e
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="M11 17h2v-6h-2zm1.713-8.287Q13 8.425 13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9t.713-.288M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"/></svg>
|
||||||
|
After Width: | Height: | Size: 501 B |
|
|
@ -1,7 +1,7 @@
|
||||||
<layout>
|
<layout>
|
||||||
<!-- icon, title -->
|
<!-- icon, title -->
|
||||||
<template name="PageTitle">
|
<template name="PageTitle">
|
||||||
<div position="absolute" align_self="start" justify_self="center" width="100%" margin_top="8" gap="8" align_items="center" justify_content="center">
|
<div position="absolute" align_self="start" justify_self="center" width="100%" margin_top="16" gap="8" align_items="center" justify_content="center">
|
||||||
<sprite width="48" height="48" src_builtin="${icon}" color="#FFFFFF"/>
|
<sprite width="48" height="48" src_builtin="${icon}" color="#FFFFFF"/>
|
||||||
<label size="28" weight="bold" text="${title}" shadow="#000000" shadow_x="3" shadow_y="3" />
|
<label size="28" weight="bold" text="${title}" shadow="#000000" shadow_x="3" shadow_y="3" />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,20 @@
|
||||||
<layout>
|
<layout>
|
||||||
|
<include src_builtin="welcome_common.xml"/>
|
||||||
|
|
||||||
<elements>
|
<elements>
|
||||||
<label text="Page 4" shadow="#000000" shadow_x="10" shadow_y="10" color="#FF00FF" size="30"/>
|
<rectangle color="#0A2939" width="100%" height="100%" position="absolute"/>
|
||||||
<label text="Page 4" shadow="#000000" shadow_x="10" shadow_y="10" weight="bold" color="#FFFF00" size="30"/>
|
<Video macro="video_overlay_component" src_builtin="video/onboarding_center_marker.ivf" aspect_ratio="1.33333">
|
||||||
<label text="Page 4" shadow="#000000" shadow_x="10" shadow_y="10" color="#00FFFF" size="30"/>
|
<div macro="video_overlay_content">
|
||||||
|
<PageTitle icon="dashboard/panorama.svg" title="Moving your set"/>
|
||||||
|
<div position="relative" align_self="end" padding="16" flex_direction="column" gap="4">
|
||||||
|
<label shadow="#000000" size="14" weight="bold" wrap="1" color="#aaffcc" text="— Grab it with one hand to move your set."/>
|
||||||
|
<label shadow="#000000" size="14" weight="bold" wrap="1" color="#ccaaff" text="— Grab it with both hands if you want to move a specific overlay in your set."/>
|
||||||
|
<div align_items="center" gap="8">
|
||||||
|
<sprite src_builtin="dashboard/info.svg" width="24" height="24" color="#ffff00"/>
|
||||||
|
<label shadow="#000000" size="16" weight="bold" wrap="1" color="#ffff00" text="Center marker determines the center or your set."/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Video>
|
||||||
</elements>
|
</elements>
|
||||||
</layout>
|
</layout>
|
||||||
|
|
|
||||||
Binary file not shown.
|
|
@ -4,8 +4,8 @@
|
||||||
<div width="192" height="192" padding="8">
|
<div width="192" height="192" padding="8">
|
||||||
<rectangle
|
<rectangle
|
||||||
width="100%" height="100%"
|
width="100%" height="100%"
|
||||||
margin="4" box_sizing="border_box"
|
margin="6" box_sizing="border_box"
|
||||||
border_color="#FFFF00" border="2"
|
border_color="#FFFF00" border="4"
|
||||||
round="100%" color="#00000000"
|
round="100%" color="#00000000"
|
||||||
align_items="center"
|
align_items="center"
|
||||||
justify_content="center">
|
justify_content="center">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue