Playground
A-Frame
WebVR/AR 3D 씬 구축
scene.html
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!-- A-Frame WebVR/AR Scene --> <a-scene background="color: #1a1a2e"> <!-- Lighting --> <a-light type="ambient" color="#404060" intensity="0.5"></a-light> <a-light type="directional" color="#ffffff" intensity="1" position="2 4 3"></a-light> <!-- Objects --> <a-box position="-1 1 -3" rotation="0 45 0" color="#6366f1" shadow animation="property: rotation; to: 0 405 0; dur: 5000; loop: true; easing: linear" ></a-box> <a-sphere position="1 1.5 -4" radius="0.8" color="#f472b6" shadow animation="property: position; to: 1 2.5 -4; dur: 2000; loop: true; dir: alternate; easing: easeInOutQuad" ></a-sphere> <a-torus position="0 1 -5" radius="0.6" radius-tubular="0.15" color="#34d399" shadow animation="property: rotation; to: 360 360 0; dur: 4000; loop: true; easing: linear" ></a-torus> <a-cylinder position="2 0.75 -3" radius="0.4" height="1.5" color="#fbbf24" shadow ></a-cylinder> <!-- Floor --> <a-plane position="0 0 -4" rotation="-90 0 0" width="20" height="20" color="#262640" shadow="receive: true" ></a-plane> <!-- Text --> <a-text value="A-Frame Playground" position="0 3 -5" align="center" color="#e2e8f0" font="mozillavr" width="6" ></a-text> <!-- Camera --> <a-entity position="0 1.6 0"> <a-camera look-controls wasd-controls></a-camera> </a-entity> </a-scene>
Preview
Console
A-Frame
scene.html
UTF-8
Ln 1, Col 1
Spaces: 2