Augmented Reality

Joel Gethin Lewis

Session 2: Trying

What I'm going to talk about today:

1. Glitch.com.
2. A-Frame School.
3. AR.js.
4. p5.js and p5.geolocation.

1. Glitch.com.

• "Glitch is the friendly community where everyone can discover & create the best stuff on the web". It's true!
• Step 1: sign up to Glitch.com. Probably best to do so with non-school emails so you still have access later.
• Step 2: let's try the website starter kit all together.
• Step 3: let's browse other featured projects just for fun.

2. A-Frame School.

• Let's do the A-Frame School all together.
• Step 1: go to https://aframe.io/aframe-school.
• Step 2: let's work through it together.

3. AR.js.

• Let's see if we can make some fun things with AR.js.
• Step 1: make a new Glitch project using the source code from: https://github.com/jeromeetienne/ar.js.
• Step 2: customise it! What content would you like to add?

4. p5.js and p5.geolocation.

• p5.js is great! It's what I recommend everyone to start with.
• Let's watch the intro video together, which features Lauren McCarthy and Daniel Schiffman.
• p5.geolocation is a library for p5.js that allows you to get the GPS location of the user when they are using your software.
• Location demo, edit here.
• Distance demo, edit here.
• Seek demo, edit here.
• Locative image demo, edit here.
• Let's try to play a sound when you are at a certain location. How should we do this?

Thanks!

• More about me: @joelgethinlewis
• Get in contact via: www.joelgethinlewis.com
• Website:
  https://jgl.github.io/MANEAR2018
• Today's slides:
  https://jgl.github.io/MANEAR2018/session2.html