Skip to content

Commit 2c4509a

Browse files
dmarcosdmarcos
committed
Update docs with new A-Frame version
1 parent 90d70d4 commit 2c4509a

14 files changed

+46
-46
lines changed

‎README.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -112,7 +112,7 @@ and publishing now, remix the starter example on:
112112
```html
113113
<html>
114114
<head>
115-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
115+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
116116
</head>
117117
<body>
118118
<a-scene>
@@ -127,7 +127,7 @@ and publishing now, remix the starter example on:
127127
```
128128

129129
With A-Frame's [entity-component
130-
architecture](https://aframe.io/docs/1.2.0/introduction/entity-component-system.html), we can drop in community
130+
architecture](https://aframe.io/docs/1.3.0/introduction/entity-component-system.html), we can drop in community
131131
components from the ecosystem (e.g., ocean, physics) and plug them into our
132132
objects straight from HTML:
133133

@@ -136,10 +136,10 @@ objects straight from HTML:
136136
```html
137137
<html>
138138
<head>
139-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
139+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
140140
<script src="https://unpkg.com/aframe-particle-system-component@1.0.x/dist/aframe-particle-system-component.min.js"></script>
141141
<script src="https://unpkg.com/aframe-extras.ocean@%5E3.5.x/dist/aframe-extras.ocean.min.js"></script>
142-
<script src="https://unpkg.com/aframe-gradient-sky@1.2.0/dist/gradientsky.min.js"></script>
142+
<script src="https://unpkg.com/aframe-gradient-sky@1.3.0/dist/gradientsky.min.js"></script>
143143
</head>
144144
<body>
145145
<a-scene>
@@ -167,11 +167,11 @@ objects straight from HTML:
167167

168168
### Builds
169169

170-
To use the latest stable build of A-Frame, include [`aframe.min.js`](https://aframe.io/releases/1.2.0/aframe.min.js):
170+
To use the latest stable build of A-Frame, include [`aframe.min.js`](https://aframe.io/releases/1.3.0/aframe.min.js):
171171

172172
```js
173173
<head>
174-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
174+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
175175
</head>
176176
```
177177

‎docs/components/animation.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -114,7 +114,7 @@ Accessed as `el.components.animation.<MEMBER>`.
114114

115115
### Controlling Animations using setAttribute
116116

117-
Like any A-Frame component, the animation component can be configured from JavaScript by calling [setAttribute()]( https://aframe.io/docs/1.2.0/introduction/javascript-events-dom-apis.html#updating-a-component-with-setattribute) on an element.
117+
Like any A-Frame component, the animation component can be configured from JavaScript by calling [setAttribute()]( https://aframe.io/docs/1.3.0/introduction/javascript-events-dom-apis.html#updating-a-component-with-setattribute) on an element.
118118

119119
By default, the animation will begin playing immediately (autoplay is true by default).
120120

@@ -154,7 +154,7 @@ To start an animation by explicitly emitting an event, you can do the following:
154154
el.emit(`startanim001`, null, false);
155155
```
156156

157-
The [third parameter of emit](https://aframe.io/docs/1.2.0/core/entity.html#emit-name-detail-bubbles) set to "false" parameter ensures the event won't bubble up to parents, so that you can target the animation at just one particular element.
157+
The [third parameter of emit](https://aframe.io/docs/1.3.0/core/entity.html#emit-name-detail-bubbles) set to "false" parameter ensures the event won't bubble up to parents, so that you can target the animation at just one particular element.
158158

159159
This assumes that an animation has already been configured to respond to that custom start event, for example like this:
160160

‎docs/components/embedded.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ a-scene {
3434

3535
An inline example of an embedded scene:
3636

37-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
37+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
3838

3939
<style>
4040
#myEmbeddedScene {

‎docs/components/material.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -393,7 +393,7 @@ Let's walk through an [example CodePen][example] with step-by-step commentary.
393393
As always, we need to include the A-Frame script.
394394

395395
```js
396-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
396+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
397397
```
398398

399399
Next, we define any components and shaders we need after the A-Frame

‎docs/components/text.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -186,7 +186,7 @@ Lastly, you should specify the character set used in your HTML by using `<meta>`
186186
<html>
187187
<head>
188188
<meta charset="UTF-8">
189-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
189+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
190190
</head>
191191
<body>
192192
<a-scene>

‎docs/guides/building-a-360-image-gallery.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -166,7 +166,7 @@ need to know the component's npm package name and the path:
166166
<html>
167167
<head>
168168
<title>360° Image Browser</title>
169-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
169+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
170170
<script src="https://unpkg.com/aframe-template-component@3.x.x/dist/aframe-template-component.min.js"></script>
171171
<script src="https://unpkg.com/aframe-layout-component@4.x.x/dist/aframe-layout-component.min.js"></script>
172172
<script src="https://unpkg.com/aframe-event-set-component@5.x.x/dist/aframe-event-set-component.min.js"></script>

‎docs/guides/building-a-basic-scene.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ We start out with a minimal HTML structure:
4040
```html
4141
<html>
4242
<head>
43-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
43+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
4444
</head>
4545
<body>
4646
<a-scene>
@@ -228,7 +228,7 @@ First, include the environment component using a script tag after A-Frame:
228228

229229
```html
230230
<head>
231-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
231+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
232232
<script src="https://unpkg.com/aframe-environment-component/dist/aframe-environment-component.min.js"></script>
233233
</head>
234234
```

‎docs/guides/building-a-minecraft-demo.md‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ mobile and desktop.
2626
We'll start off with this skeleton HTML:
2727

2828
```html
29-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
29+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
3030

3131
<body>
3232
<a-scene>
@@ -49,7 +49,7 @@ our assets, and create a thin cylinder entity pointing to that texture:
4949
<p data-height="265" data-theme-id="dark" data-slug-hash="MpbXXe" data-default-tab="html,result" data-user="mozvr" data-embed-version="2" data-pen-title="Minecraft VR Demo (Part 1)" data-preview="true" data-editable="true" class="codepen">See the Pen <a href="http://codepen.io/mozvr/pen/MpbXXe/">Minecraft VR Demo (Part 1)</a> by mozvr (<a href="http://codepen.io/mozvr">@mozvr</a>) on <a href="http://codepen.io">CodePen</a>.</p>
5050

5151
```html
52-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
52+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
5353

5454
<a-scene>
5555
<a-cylinder id="ground" src="https://cdn.aframe.io/a-painter/images/floor.jpg" radius="32" height="0.1"></a-cylinder>
@@ -58,7 +58,7 @@ our assets, and create a thin cylinder entity pointing to that texture:
5858

5959
### Preloading Assets
6060

61-
[assets]: https://aframe.io/docs/1.2.0/core/asset-management-system.html
61+
[assets]: https://aframe.io/docs/1.3.0/core/asset-management-system.html
6262

6363
Specifying a URL via the `src` attribute will load the texture at runtime.
6464
Since network requests can negatively impact render performance, we can
@@ -76,7 +76,7 @@ Let's move our ground texture to `<a-assets>` to be preloaded using an
7676
<p data-height="265" data-theme-id="dark" data-slug-hash="LWbrBQ" data-default-tab="html,result" data-user="mozvr" data-embed-version="2" data-pen-title="Minecraft VR Demo (Part 2: Preloading Texture)" data-preview="true" data-editable="true" class="codepen">See the Pen <a href="http://codepen.io/mozvr/pen/LWbrBQ/">Minecraft VR Demo (Part 2: Preloading Texture)</a> by mozvr (<a href="http://codepen.io/mozvr">@mozvr</a>) on <a href="http://codepen.io">CodePen</a>.</p>
7777

7878
```html
79-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
79+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
8080

8181
<a-scene>
8282
<a-assets>
@@ -89,7 +89,7 @@ Let's move our ground texture to `<a-assets>` to be preloaded using an
8989

9090
## Adding a Background
9191

92-
[a-sky]: https://aframe.io/docs/1.2.0/primitives/a-sky.html
92+
[a-sky]: https://aframe.io/docs/1.3.0/primitives/a-sky.html
9393
[flickr]: https://www.flickr.com/groups/equirectangular/
9494

9595
[gradient]: https://github.com/zcanter/aframe-gradient-sky
@@ -112,7 +112,7 @@ to match the ground:
112112
<p data-height="265" data-theme-id="dark" data-slug-hash="PpbaBL" data-default-tab="html,result" data-user="mozvr" data-embed-version="2" data-pen-title="Minecraft VR Demo (Part 3: Adding a Background)" data-preview="true" data-editable="true" class="codepen">See the Pen <a href="http://codepen.io/mozvr/pen/PpbaBL/">Minecraft VR Demo (Part 3: Adding a Background)</a> by mozvr (<a href="http://codepen.io/mozvr">@mozvr</a>) on <a href="http://codepen.io">CodePen</a>.</p>
113113

114114
```html
115-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
115+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
116116

117117
<a-scene>
118118
<a-assets>
@@ -140,15 +140,15 @@ from scratch.
140140

141141
### Entity-Component Pattern
142142

143-
[entity]: https://aframe.io/docs/1.2.0/core/entity.html
143+
[entity]: https://aframe.io/docs/1.3.0/core/entity.html
144144

145145
Every single object in an A-Frame scene is [`<a-entity>`][entity], which by itself
146146
doesn't do anything, like an empty `<div>`. We plug in components (**not to be
147147
confused with Web or React Components**) to that entity to provide with
148148
appearance, behavior , and logic.
149149

150-
[geometry]: https://aframe.io/docs/1.2.0/components/geometry.html
151-
[material]: https://aframe.io/docs/1.2.0/components/material.html
150+
[geometry]: https://aframe.io/docs/1.3.0/components/geometry.html
151+
[material]: https://aframe.io/docs/1.3.0/components/material.html
152152

153153
For a box, we attach and configure A-Frame's basic [geometry] and [material]
154154
components. Components are represented as HTML attributes, and component
@@ -190,7 +190,7 @@ AFRAME.registerComponent('random-color', {
190190
});
191191
```
192192

193-
[js]: https://aframe.io/docs/1.2.0/introduction/javascript-events-dom-apis.html
193+
[js]: https://aframe.io/docs/1.3.0/introduction/javascript-events-dom-apis.html
194194

195195
For the random color component, we want to set a random color on the entity
196196
that this component is attached to. Components have a reference to the entity
@@ -237,7 +237,7 @@ and include it before the scene:
237237
<p data-height="265" data-theme-id="dark" data-slug-hash="ryWKqy" data-default-tab="html,result" data-user="mozvr" data-embed-version="2" data-pen-title="Minecraft VR Demo (Part 4: Random Color Component)" data-preview="true" data-editable="true" class="codepen">See the Pen <a href="http://codepen.io/mozvr/pen/ryWKqy/">Minecraft VR Demo (Part 4: Random Color Component)</a> by mozvr (<a href="http://codepen.io/mozvr">@mozvr</a>) on <a href="http://codepen.io">CodePen</a>.</p>
238238

239239
```html
240-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
240+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
241241
<script src="components/random-color.js"></script>
242242

243243
<a-scene>
@@ -301,7 +301,7 @@ to describe all the voxels in our scene.
301301

302302
### Mixins
303303

304-
[mixin]: https://aframe.io/docs/1.2.0/core/mixins.html
304+
[mixin]: https://aframe.io/docs/1.3.0/core/mixins.html
305305

306306
We can create [a mixin][mixin] to define a reusable bundle of components.
307307
Instead of `<a-entity>`, which adds an object to the scene, we'll describe it
@@ -310,7 +310,7 @@ using `<a-mixin>` which can be reused to create voxels like a prefab:
310310
<p data-height="265" data-theme-id="dark" data-slug-hash="OpbEaY" data-default-tab="html,result" data-user="mozvr" data-embed-version="2" data-pen-title="Minecraft VR Demo (Part 5: Mixins)" data-preview="true" data-editable="true" class="codepen">See the Pen <a href="http://codepen.io/mozvr/pen/OpbEaY/">Minecraft VR Demo (Part 5: Mixins)</a> by mozvr (<a href="http://codepen.io/mozvr">@mozvr</a>) on <a href="http://codepen.io">CodePen</a>.</p>
311311

312312
```html
313-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
313+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
314314
<script src="components/random-color.js"></script>
315315
<script src="components/snap.js"></script>
316316

@@ -391,7 +391,7 @@ add the component via a `<script>` tag and just set the `teleport-controls`
391391
component on the controller on the entity:
392392

393393
```html
394-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
394+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
395395
<script src="https://unpkg.com/aframe-teleport-controls@0.3.x/dist/aframe-teleport-controls.min.js"></script>
396396

397397
<!-- ... -->
@@ -428,7 +428,7 @@ that attaches the clicking laser to VR tracked controllers. Like the
428428
`laser-controls` component. This time to the right hand:
429429

430430
```html
431-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
431+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
432432
<script src="https://unpkg.com/aframe-teleport-controls@0.3.x/dist/aframe-teleport-controls.min.js"></script>
433433

434434
<!-- ... -->

‎docs/introduction/entity-component-system.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -419,7 +419,7 @@ Now we can include it into our HTML:
419419
```html
420420
<html>
421421
<head>
422-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
422+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
423423
<script src="https://unpkg.com/aframe-particle-system-component@1.0.9/dist/aframe-particle-system-component.min.js"></script>
424424
</head>
425425
<body>
@@ -440,7 +440,7 @@ Now we can include it into our HTML:
440440
```html
441441
<html>
442442
<head>
443-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
443+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
444444
<script src="https://unpkg.com/aframe-particle-system-component@1.0.9/dist/aframe-particle-system-component.min.js"></script>
445445
</head>
446446
<body>
@@ -464,11 +464,11 @@ Glitch][glitch].
464464
```html
465465
<html>
466466
<head>
467-
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
467+
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
468468
<script src="https://unpkg.com/aframe-animation-component@3.2.1/dist/aframe-animation-component.min.js"></script>
469469
<script src="https://unpkg.com/aframe-particle-system-component@1.0.x/dist/aframe-particle-system-component.min.js"></script>
470470
<script src="https://unpkg.com/aframe-extras.ocean@%5E3.5.x/dist/aframe-extras.ocean.min.js"></script>
471-
<script src="https://unpkg.com/aframe-gradient-sky@1.2.0/dist/gradientsky.min.js"></script>
471+
<script src="https://unpkg.com/aframe-gradient-sky@1.3.0/dist/gradientsky.min.js"></script>
472472
</head>
473473
<body>
474474
<a-scene>

‎docs/introduction/faq.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ use of resources, we will need deeper understanding about 3D graphics. See
6262
[release]: https://github.com/aframevr/aframe/releases
6363
[webxr]: https://immersive-web.github.io/webxr/
6464

65-
If you are using A-Frame 1.2.0 or older you probably need to update to the [latest release][release]. Browsers are migrating to the [WebXR standard][webxr] and old versions might no longer work.
65+
If you are using A-Frame 1.3.0 or older you probably need to update to the [latest release][release]. Browsers are migrating to the [WebXR standard][webxr] and old versions might no longer work.
6666

6767
You also have to serve your content over HTTPS. The WebXR API won't be available over HTTP.
6868

0 commit comments

Comments
 (0)