Browse Source

Docs: add animated gif

customisations
alemart 8 months ago
parent
commit
a1529049ef
3 changed files with 12 additions and 6 deletions
  1. 10
    6
      docs/api/plugin-aframe.md
  2. BIN
      docs/img/demo-box.gif
  3. 2
    0
      docs/tutorial/augment-the-scene.md

+ 10
- 6
docs/api/plugin-aframe.md View File

1
 # A-Frame plugin
1
 # A-Frame plugin
2
 
2
 
3
-Documentation of the [A-Frame](https://aframe.io){ ._blank } plugin.
3
+Documentation of the [A-Frame](https://aframe.io){ ._blank } plugin. Study the [demos](../demos.md) for elaborate examples.
4
 
4
 
5
-We'll get to the details, but a basic augmented scene can be constructed as follows:
5
+*Since:* 0.3.0
6
+
7
+## Basics
8
+
9
+### Example
10
+
11
+A basic augmented scene can be constructed as follows:
6
 
12
 
7
 ```html
13
 ```html
8
 <a-scene encantar="stats: true; gizmos: true">
14
 <a-scene encantar="stats: true; gizmos: true">
33
 </a-scene>
39
 </a-scene>
34
 ```
40
 ```
35
 
41
 
36
-*Since:* 0.3.0
37
-
38
-## Basics
42
+[![A box displayed in Augmented Reality](../img/demo-box.gif){ .responsive }](../img/demo-box.gif){ ._blank }
39
 
43
 
40
 ### encantar
44
 ### encantar
41
 
45
 
42
-The `encantar` component *enchants* (augments) `<a-scene>`, so that it displays content in AR.
46
+The `encantar` component *enchants* `<a-scene>`, so that it displays content in AR.
43
 
47
 
44
 **Properties**
48
 **Properties**
45
 
49
 

BIN
docs/img/demo-box.gif View File


+ 2
- 0
docs/tutorial/augment-the-scene.md View File

57
 </a-scene>
57
 </a-scene>
58
 ```
58
 ```
59
 
59
 
60
+[![A box displayed in Augmented Reality](../img/demo-box.gif){ .responsive }](../img/demo-box.gif){ ._blank }
61
+
60
 [Tell me more!](../api/plugin-aframe.md){ .md-button ._blank }
62
 [Tell me more!](../api/plugin-aframe.md){ .md-button ._blank }
61
 
63
 
62
 ### Babylon.js
64
 ### Babylon.js

Loading…
Cancel
Save