webprogramming_group2/board.html at main · EscapeSleep/webprogramming_group2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Quiz Screen</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-entity position="0 2 -3">
        <a-text value="Quiz Screen" align="center" width="5"></a-text>
      </a-entity>
      <a-entity position="-1 1.6 -3">
        <a-text value="Question: 아래 중 알맞은 것을 선택" align="center" width="4"></a-text>
      </a-entity>
      <a-entity position="-1 1.3 -3">
        <a-text value="A. 그런 것 같아" align="center" width="4"></a-text>
      </a-entity>
      <a-entity position="-1 1.0 -3">
        <a-text value="B. 그런 것 갔아" align="center" width="4"></a-text>
      </a-entity>
      <a-entity position="-0.5 -1.4 -3">
        <a-text id="result" align="center" width="5"></a-text>
      </a-entity>
      <a-entity position="-0.8 0.3 -3">
        <a-box id="buttonA" class="button" color="#0080FF" width="0.8" height="0.5" depth="0.05"></a-box>
        <a-text value="A" align="center" width="2" position="0 0.1 0.025"></a-text>
      </a-entity>
      <a-entity position="0.2 0.3 -3">
        <a-box id="buttonB" class="button" color="#0080FF" width="0.8" height="0.5" depth="0.05"></a-box>
        <a-text value="B" align="center" width="2" position="0 0.1 0.025"></a-text>
      </a-entity>
    </a-scene>

</body>