Free Educational Augmented Reality by Scott Turner - University of Northampton
"Explore the world of free educational augmented reality offered by Scott Turner from the University of Northampton. Discover tools, challenges, and the fun of building virtual reality with web technologies. Dive into creating augmented reality experiences with detailed guides and markers for a hands-on approach."
Download Presentation
Please find below an Image/Link to download the presentation.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author. If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.
You are allowed to download the files provided on this website for personal or commercial use, subject to the condition that they are used lawfully. All files are the property of their respective owners.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.
E N D
Presentation Transcript
Free Educational Augmented Reality SCOTT TURNER COMPUTING, UNIVERSITY OF NORTHAMPTON
Why I got interested in this? Tools Problems
Disclaimer I don t have all the answers (or even many) Personal reflections
Background Internet Programming module Wanted something different Virtual Reality and Augmented Reality can be build with web technologies It was fun for me as well !
The Markers https://1.bp.blogspot.com/-RDK67lTEU_4/XPYhQuoEj8I/AAAAAAAAEYU/EIQITCvR8lQdHTHXgZ8q1dVCgK40BTYfQCLcBGAs/s400/Screenshot%2B2019-06-03%2Bat%2B17.25.39.png
Lets play http://bit.ly/2F5QsPB Use the markers
First Tool Free web hosting and software Used to use https://thimble.mozilla.org/en-US/ Now using www.glitch.com Use Aframe from Mozilla (https://aframe.io/) you don t need to install or download anything for this.
Getting Started The guide for all this is https://aframe.io/blog/arjs/, with this you have pretty much everything you need.
Try it this one with the Hiro Marker http://bit.ly/2Z6c3Pe
Change the bold line We can make the box become a sphere and change the colour to blue.
Dont panic A Blog post with more is available here: https://computingnorthampton.blogspot.com/2 019/06/free-augmented-reality.html Notes where the code can be copied and with links https://figshare.com/articles/Notes_for_Free_Edu cational_Augmented_Reality/8233229
We can start adding images to the shapes Example http://bit.ly/2HYAQiD How I feel sometimes http://bit.ly/2Mv3koe
Problems Make sure all the markers have white space surrounding them.
Problems: video Fun It is browser dependent on Firefox https://thimbleprojects.org/scottturneruon/692403 would place a video on Chrome and so others it is a static image.
Problems: Video There are ways around it http://bit.ly/2HWKe69 a play button is added but it does involve more code https://glitch.com/~cloudy-nation
Problems: 3D models Th!ere are number of issues around adding 3D models if your not a 3D modeller Example: Size of ready available models is the scale is often wrong for this approach
