{"id":357,"date":"2013-09-19T16:19:27","date_gmt":"2013-09-19T20:19:27","guid":{"rendered":"http:\/\/blog.uvm.edu\/tiie-vlog\/?p=357"},"modified":"2022-04-13T09:59:04","modified_gmt":"2022-04-13T13:59:04","slug":"how-to-create-your-own-aurasma-auras","status":"publish","type":"post","link":"https:\/\/tiie.w3.uvm.edu\/blog\/how-to-create-your-own-aurasma-auras\/","title":{"rendered":"How to: create your own Aurasma auras"},"content":{"rendered":"<p>In a nutshell, Aurasma&#8217;s augmented reality images are called auras. You make them with Aurasma Studio, which runs in your web browser. An aura consists of two parts:<\/p>\n<ul>\n<li>A trigger image, aka the image viewers will point their device at to trigger the content;<\/li>\n<li>and an overlay, or the hidden content that will be triggered. In Aurasma studio, you lay the content over the image to make an aura.<\/li>\n<\/ul>\n<p>This is an aura based off the cover of This Dark Endeavor, a prequel to Frankenstein. Point your iOS or Android device at the image below:<\/p>\n<p><a href=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2013\/09\/thisdarkcover-e1379617081214.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-353\" alt=\"thisdarkcover\" src=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2013\/09\/thisdarkcover-e1379617081214-225x300.jpg\" width=\"225\" height=\"300\" srcset=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2013\/09\/thisdarkcover-e1379617081214-225x300.jpg 225w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2013\/09\/thisdarkcover-e1379617081214.jpg 720w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/><\/a><\/p>\n<p>Here&#8217;s a brief screencast of how to create a simple aura with a video overlay.<\/p>\n<div class=\"epyt-video-wrapper\">\n<div  style=\"display: block; margin: 0px auto;\"  id=\"_ytid_56770\"  width=\"525\" height=\"394\"  data-origwidth=\"525\" data-origheight=\"394\" data-facadesrc=\"https:\/\/www.youtube.com\/embed\/G6f-5cYh_50?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=1&#038;cc_lang_pref=&#038;iv_load_policy=1&#038;loop=0&#038;modestbranding=1&#038;rel=0&#038;fs=1&#038;playsinline=1&#038;autohide=2&#038;theme=dark&#038;color=red&#038;controls=1&#038;\" class=\"__youtube_prefs__ epyt-facade epyt-is-override  no-lazyload\" data-epautoplay=\"1\" ><img decoding=\"async\" data-spai-excluded=\"true\" class=\"epyt-facade-poster skip-lazy\" loading=\"lazy\"  alt=\"How to Make an Aurasma Aura\"  src=\"https:\/\/i.ytimg.com\/vi\/G6f-5cYh_50\/maxresdefault.jpg\"  \/><button class=\"epyt-facade-play\" aria-label=\"Play\"><svg data-no-lazy=\"1\" height=\"100%\" version=\"1.1\" viewBox=\"0 0 68 48\" width=\"100%\"><path class=\"ytp-large-play-button-bg\" d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\" fill=\"#f00\"><\/path><path d=\"M 45,24 27,14 27,34\" fill=\"#fff\"><\/path><\/svg><\/button><\/div>\n<\/div>\n<p><a href=\"https:\/\/tiie.w3.uvm.edu\/blog\/brian-wagner-on-aurasma-and-the-periodic-table\/#.YlbXEujMI2w\">But what can you do with them in a classroom?<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In a nutshell, Aurasma&#8217;s augmented reality images are called auras. You make them with Aurasma Studio, which runs in your web browser. An aura consists of two parts: A trigger image, aka the image viewers will point their device at to trigger the content; and an overlay, or the hidden content that will be triggered. &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/tiie.w3.uvm.edu\/blog\/how-to-create-your-own-aurasma-auras\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to: create your own Aurasma auras&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[17,18],"class_list":["post-357","post","type-post","status-publish","format-standard","hentry","category-tools-we-like","tag-augmented-reality","tag-aurasma"],"_links":{"self":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts\/357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/comments?post=357"}],"version-history":[{"count":1,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts\/357\/revisions"}],"predecessor-version":[{"id":31160,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts\/357\/revisions\/31160"}],"wp:attachment":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/media?parent=357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/categories?post=357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/tags?post=357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}