Add stickers

dev
Unboring SL 5 years ago
parent 23f961b19c
commit 61b54a2a10
  1. 57
      src/home.html

@ -1,34 +1,36 @@
<a-scene background="color: #FAFAFA" vr-mode-ui="enterVRButton: #vrButton">
<a-assets>
<a-mixin id="cube"
<a-mixin id="sticker"
event-set__grab="material.color: #FFEF4F"
event-set__grabend="material.color: #F2E646"
event-set__hit="material.color: #F2E646"
event-set__hitend="material.color: #EF2D5E"
event-set__mousedown="material.color: #FFEF4F"
event-set__mouseenter="material.color: #F2E646"
event-set__mouseleave="material.color: #EF2D5E"
event-set__mouseup="material.color: #F2E646"
geometry="primitive: box; height: 0.30; width: 0.30; depth: 0.05"
material="color: #EF2D5E;">
event-set__hitend="material.color: #FEFEFE"
geometry="primitive: box; height: 0.2; width: 0.2; depth: 0.01"
material="color: #FEFEFE;">
</a-mixin>
</a-assets>
<!-- Extra lights -->
<a-light type="directional" color="#ffffff" intensity="0.3" position="0.5 2.2 2.866"></a-light>
<!-- Board -->
<a-entity position="0 0 -0.5">
<a-entity
position="-1 2 -1"
position="-1 2 0"
text="color: white; align: center; width: 2; font: exo2semibold;
value: To Do"
></a-entity>
<a-plane position="-0.5 1.25 0" width="0.01" height="1.6" material="shader: flat; color: #ffffff"></a-plane>
<a-entity
position="0 2 -1"
position="0 2 0"
text="color: white; align: center; width: 2; font: exo2semibold;
value: Doing"
value: In Progress"
></a-entity>
<a-plane position="0.5 1.25 0" width="0.01" height="1.6" material="shader: flat; color: #ffffff"></a-plane>
<a-entity
position="1 2 -1"
position="1 2 0"
text="color: white; align: center; width: 2; font: exo2semibold;
value: Done"
></a-entity>
</a-entity>
<!-- End message-->
<a-entity id="endMessage"
position="0 2.2 -1"
@ -36,16 +38,35 @@
value: SESSION FINISHED" visible="false"
></a-entity>
<!-- Stickers -->
<a-entity position="0 0 -0.5">
<a-entity class="cube" mixin="cube" position="0.30 1.05 0"></a-entity>
<a-entity class="cube" mixin="cube" position="0 1.35 0"></a-entity>
<a-entity class="cube" mixin="cube" position="-0.30 1.05 0"></a-entity>
<a-entity position="0 1.5 -0.2">
<a-entity class="sticker" mixin="sticker" position="-0.30 0 0">
<a-entity
position="0 0 0.005"
text="color: black; align: center; width: 1; font: exo2semibold;
value: Task #1"
></a-entity>
</a-entity>
<a-entity class="sticker" mixin="sticker" position="0 0 0">
<a-entity
position="0 0 0.005"
text="color: black; align: center; width: 1; font: exo2semibold;
value: Task #2"
></a-entity>
</a-entity>
<a-entity class="sticker" mixin="sticker" position="0.30 0 0">
<a-entity
position="0 0 0.005"
text="color: black; align: center; width: 1; font: exo2semibold;
value: Task #3"
></a-entity>
</a-entity>
</a-entity>
<a-entity environment="preset: forest;"></a-entity>
<a-entity hand-controls="left" aabb-collider="objects: .cube;" grab>
<a-entity hand-controls="left" aabb-collider="objects: .sticker;" grab>
<a-entity watch id="watch" position="-0.02 -0.005 0.16" rotation="0 -90 180" text="color: white; align: center; width: .5; font: exo2semibold;
value: 00:59"></a-entity>
</a-entity>
<a-entity hand-controls="right" aabb-collider="objects: .cube;" grab></a-entity>
<a-entity hand-controls="right" aabb-collider="objects: .sticker;" grab></a-entity>
</a-scene>
Loading…
Cancel
Save