{"id":631,"date":"2018-10-31T22:24:30","date_gmt":"2018-11-01T03:24:30","guid":{"rendered":"http:\/\/wordpress.cs.vt.edu\/ccs2018f\/?p=631"},"modified":"2018-10-31T22:24:30","modified_gmt":"2018-11-01T03:24:30","slug":"history-of-augmented-reality-and-getting-started","status":"publish","type":"post","link":"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/2018\/10\/31\/history-of-augmented-reality-and-getting-started\/","title":{"rendered":"History of Augmented Reality and Getting Started"},"content":{"rendered":"<p><b>History <\/b><\/p>\n<p><span style=\"font-weight: 400\">Wikipedia describes augmented reality as an interactive experience of a real-world environment whereby the objects that reside in the real-world are &#8220;augmented&#8221; by computer-generated perceptual information. Although this definition is what we associate as augmented reality today, concepts of the term have been around for more than a century. <\/span><\/p>\n<p><span style=\"font-weight: 400\">The first description of an augmented reality device was made in 1901 by L. Frank Baum in his novel \u201cThe Master Key.\u201d Baum describes a device called a Character Marker as \u201cpair of spectacles, and while you wear them every one you meet will be marked upon the forehead with a letter indicating his or her character. The good will bear the letter &#8216;G,&#8217; the evil the letter &#8216;E.&#8217; The wise will be marked with a &#8216;W&#8217; and the foolish with an &#8216;F.&#8217; The kind will show a &#8216;K&#8217; upon their foreheads and the cruel a letter &#8216;C. Thus you may determine by a single look the true natures of all those you encounter.&#8221;<\/span><span style=\"font-weight: 400\">[1]<\/span><\/p>\n<p><span style=\"font-weight: 400\">Although L. Frank Baum was the first person to document a concept of augmented reality, the earliest forms of augmented reality were not implemented until 80 years later. There were a few attempts at creating virtual reality devices in the mid 20th century like the Sensorama<\/span><span style=\"font-weight: 400\">[2]<\/span><span style=\"font-weight: 400\">, but for the purposes of this blog we will consider virtual reality and augmented reality as completely different concepts.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-632 aligncenter\" src=\"http:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image5-300x210.png\" alt=\"\" width=\"267\" height=\"187\" srcset=\"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image5-300x210.png 300w, https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image5.png 500w\" sizes=\"auto, (max-width: 267px) 100vw, 267px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Only in 1982 did we see the first significant application of augmented reality with Dan Reitan\u2019s invention of RADAR for weather broadcasting.<\/span><span style=\"font-weight: 400\">[3]<\/span><span style=\"font-weight: 400\"> This is not the same as augmented reality as we know it today because there is no footage from a digital camera, however, it is still considered one of the first applications of augmented reality. Skipping forward, we see another application of augmented reality on the television in NFL football. In 1998 a company called Sportvision (now SMT) introduced the concept of the a yellow first down line projected on the screen of viewer.<\/span><span style=\"font-weight: 400\">[4]<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-633 aligncenter\" src=\"http:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image3-300x169.png\" alt=\"\" width=\"289\" height=\"163\" srcset=\"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image3-300x169.png 300w, https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image3-768x432.png 768w, https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image3.png 950w\" sizes=\"auto, (max-width: 289px) 100vw, 289px\" \/><\/p>\n<p><span style=\"font-weight: 400\">It wasn\u2019t until the 1990\u2019s that augmented reality started becoming a more popular technology. In 1990 Tom Caudell coined the term \u201caugmented reality\u201d to describe a heads up display system he developed for Boeing. In 1995 he wrote an article describing the differences between augmented reality and virtual reality as he knew it, and highlighted how the main difference was that augmented reality applications could be achieved with far less computing power than virtual reality applications.<\/span><span style=\"font-weight: 400\">[5]<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-639 aligncenter\" src=\"http:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image6-300x224.png\" alt=\"\" width=\"248\" height=\"185\" srcset=\"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image6-300x224.png 300w, https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image6.png 480w\" sizes=\"auto, (max-width: 248px) 100vw, 248px\" \/><\/p>\n<p><span style=\"font-weight: 400\">In 1996, Jun Rekimoto of Sony\u2019s Computer Science Laboratory dramatically changed the way we use augmented reality today, and I think it was the most important milestone in the history of the technology. Rekimoto introduced the concept of marker based augmented reality by using inexpensive sensors like a web camera. Using his software \u201cCyberCode\u201d, he found that it was possible to identify two-dimensional barcode like markers and detect their three-dimensional positions and directions to project an image as if it exists in the real world. This was a huge step for augmented reality development because it showed developers can use the tools they already have to make augmented reality applications, and introduced the concept of marker-based augmented reality which is still very relevant.<\/span><span style=\"font-weight: 400\">[6]<\/span><\/p>\n<p><span style=\"font-weight: 400\">In 2000 Hirokazu Kato released ARToolKit which was the first open source library for making augmented reality applications. ARToolKit allowed developers to project images using physical markers like a barcode or natural feature markers like a table. ARToolKit became heavily used in mobile phones to develop augmented reality apps, and was the best option for developers for years.<\/span><span style=\"font-weight: 400\">[7]<\/span><span style=\"font-weight: 400\"> It was not until 2009 that augmented reality on a web browser became possible with FLARToolKit. This open-source library uses flash-based technologies to make augmented reality possible through a browser. Therefore, the history of augmented reality on a web-browser is far shorter than augmented reality on mobile platforms.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-634 aligncenter\" src=\"http:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image1-300x225.png\" alt=\"\" width=\"213\" height=\"160\" srcset=\"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image1-300x225.png 300w, https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image1.png 320w\" sizes=\"auto, (max-width: 213px) 100vw, 213px\" \/><\/p>\n<p><b>Getting Started<\/b><\/p>\n<p><span style=\"font-weight: 400\">Since 2010 there have been many libraries that have been released for developing augmented reality apps. Now that we understand the history augmented reality grew in the past, we can begin to explore the best ways to develop augmented reality apps today. Augmented reality for mobile platforms has more established libraries. Building apps for an iPhone with iOS 11 is possible by using both like ARKit and ARCore. Using ARKit is possible by using Xcode and Swift to develop iPhone apps. <\/span><a href=\"https:\/\/github.com\/olucurious\/Awesome-ARKit\"><span style=\"font-weight: 400\">Here<\/span><\/a><span style=\"font-weight: 400\"> is a link to a page on GitHub with many open-source projects using ARKit. Amazon uses ARKit to show products on their shopping app. Development for Android and Apple devices is possible using ARCore. <\/span><a href=\"https:\/\/experiments.withgoogle.com\/collection\/ar\"><span style=\"font-weight: 400\">Here<\/span><\/a><span style=\"font-weight: 400\"> is a link to an page with many open-source projects with cool projects using ARCore.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-637\" src=\"http:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image4-300x189.png\" alt=\"\" width=\"300\" height=\"189\" srcset=\"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image4-300x189.png 300w, https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image4.png 660w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-635 alignright\" src=\"http:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image2-300x169.png\" alt=\"\" width=\"311\" height=\"175\" srcset=\"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image2-300x169.png 300w, https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image2-768x432.png 768w, https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image2-1024x576.png 1024w, https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image2.png 1280w\" sizes=\"auto, (max-width: 311px) 100vw, 311px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Libraries for developing augmented reality applications for a web browser are not yet as developed as one\u2019s for a mobile device yet. Currently the fastest and most robust applications on a web-browser are marker based. As we learnt earlier, this was the technology that developed in 1996. Using AR.js and WebAR together it is very easy to make a marker based application viewable on a mobile or desktop browser. <\/span><a href=\"https:\/\/medium.com\/arjs\/augmented-reality-in-10-lines-of-html-4e193ea9fdbf\"><span style=\"font-weight: 400\">Here<\/span><\/a><span style=\"font-weight: 400\"> is a link to an article that shows you how you can create such an app. Libraries for developing augmented reality web applications based on natural features are very new and growing fast.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Works Cited<\/b><\/p>\n<ol>\n<li style=\"font-weight: 400\"><a href=\"http:\/\/www.historyofinformation.com\/expanded.php?id=4698\"><span style=\"font-weight: 400\">http:\/\/www.historyofinformation.com\/expanded.php?id=4698<\/span><\/a><\/li>\n<li style=\"font-weight: 400\"><a href=\"http:\/\/www.mortonheilig.com\/SensoramaPatent.pdf\"><span style=\"font-weight: 400\">http:\/\/www.mortonheilig.com\/SensoramaPatent.pdf<\/span><\/a><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/isl.co\/2018\/01\/every-major-ar-development-platform-and-why-its-important\/\"><span style=\"font-weight: 400\">https:\/\/isl.co\/2018\/01\/every-major-ar-development-platform-and-why-its-important\/<\/span><\/a><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/www.smt.com\/\"><span style=\"font-weight: 400\">https:\/\/www.smt.com\/<\/span><\/a><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/www.spiedigitallibrary.org\/conference-proceedings-of-spie\/2351\/0000\/Introduction-to-augmented-and-virtual-reality\/10.1117\/12.197320.full?SSO=1\"><span style=\"font-weight: 400\">https:\/\/www.spiedigitallibrary.org\/conference-proceedings-of-spie\/2351\/0000\/Introduction-to-augmented-and-virtual-reality\/10.1117\/12.197320.full?SSO=1<\/span><\/a><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/www.sonycsl.co.jp\/tokyo\/320\/\"><span style=\"font-weight: 400\">https:\/\/www.sonycsl.co.jp\/tokyo\/320\/<\/span><\/a><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/web.archive.org\/web\/20160303222853\/http:\/\/webstaff.itn.liu.se\/~andhe\/UMAR\"><span style=\"font-weight: 400\">https:\/\/web.archive.org\/web\/20160303222853\/http:\/\/webstaff.itn.liu.se\/~andhe\/UMAR<\/span><\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>History Wikipedia describes augmented reality as an interactive experience of a real-world environment whereby the objects that reside in the real-world are &#8220;augmented&#8221; by computer-generated perceptual information. Although this definition is what we associate as augmented reality today, concepts of the term have been around for more than a century. The first description of an&#8230;<\/p>\n","protected":false},"author":213,"featured_media":637,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-631","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"jetpack_featured_media_url":"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-content\/uploads\/sites\/89\/2018\/10\/image4.png","_links":{"self":[{"href":"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-json\/wp\/v2\/posts\/631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-json\/wp\/v2\/users\/213"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-json\/wp\/v2\/comments?post=631"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-json\/wp\/v2\/posts\/631\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-json\/wp\/v2\/media\/637"}],"wp:attachment":[{"href":"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-json\/wp\/v2\/media?parent=631"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-json\/wp\/v2\/categories?post=631"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.cs.vt.edu\/ccs2018f\/wp-json\/wp\/v2\/tags?post=631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}