Add stickers

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

@ -1,34 +1,36 @@
<a-scene background="color: #FAFAFA" vr-mode-ui="enterVRButton: #vrButton"> <a-scene background="color: #FAFAFA" vr-mode-ui="enterVRButton: #vrButton">
<a-assets> <a-assets>
<a-mixin id="cube" <a-mixin id="sticker"
event-set__grab="material.color: #FFEF4F" event-set__grab="material.color: #FFEF4F"
event-set__grabend="material.color: #F2E646" event-set__grabend="material.color: #F2E646"
event-set__hit="material.color: #F2E646" event-set__hit="material.color: #F2E646"
event-set__hitend="material.color: #EF2D5E" event-set__hitend="material.color: #FEFEFE"
event-set__mousedown="material.color: #FFEF4F" geometry="primitive: box; height: 0.2; width: 0.2; depth: 0.01"
event-set__mouseenter="material.color: #F2E646" material="color: #FEFEFE;">
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;">
</a-mixin> </a-mixin>
</a-assets> </a-assets>
<!-- Extra lights -->
<a-light type="directional" color="#ffffff" intensity="0.3" position="0.5 2.2 2.866"></a-light>
<!-- Board --> <!-- Board -->
<a-entity <a-entity position="0 0 -0.5">
position="-1 2 -1" <a-entity
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 0"
text="color: white; align: center; width: 2; font: exo2semibold; text="color: white; align: center; width: 2; font: exo2semibold;
value: To Do" value: In Progress"
></a-entity> ></a-entity>
<a-entity <a-plane position="0.5 1.25 0" width="0.01" height="1.6" material="shader: flat; color: #ffffff"></a-plane>
position="0 2 -1" <a-entity
text="color: white; align: center; width: 2; font: exo2semibold; position="1 2 0"
value: Doing" text="color: white; align: center; width: 2; font: exo2semibold;
></a-entity> value: Done"
<a-entity ></a-entity>
position="1 2 -1" </a-entity>
text="color: white; align: center; width: 2; font: exo2semibold;
value: Done"
></a-entity>
<!-- End message--> <!-- End message-->
<a-entity id="endMessage" <a-entity id="endMessage"
position="0 2.2 -1" position="0 2.2 -1"
@ -36,16 +38,35 @@
value: SESSION FINISHED" visible="false" value: SESSION FINISHED" visible="false"
></a-entity> ></a-entity>
<!-- Stickers --> <!-- Stickers -->
<a-entity position="0 0 -0.5">
<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="cube" mixin="cube" position="0 1.35 0"></a-entity> <a-entity class="sticker" mixin="sticker" position="-0.30 0 0">
<a-entity class="cube" mixin="cube" position="-0.30 1.05 0"></a-entity> <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>
<a-entity environment="preset: forest;"></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; <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> value: 00:59"></a-entity>
</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> </a-scene>
Loading…
Cancel
Save