Jump to content
  • Advertisement
Sign in to follow this  
  • entries
    27
  • comments
    0
  • views
    2925

Entries in this blog

 

A Week in WebAR: Ally + MONOPOLY Transform Cities into a Live Board Game and Adidas Surprises…

A Week in WebAR: Ally + MONOPOLY Transform Cities into a Live Board Game and Adidas Surprises Commuters We’re sensing a growing trend of brands using web-based AR to bring an element of surprise and delight to their customers’ daily routines, with entertaining games that truly augment their realities. Check out how these companies took over trains and sidewalks to gamify the commutes around North America: Ally Bank Transforms Cities into a Live MONOPOLY Game In October, Ally turned six American cities into a giant MONOPOLY board game scavenger hunt with the launch of the WebAR campaign: Ally + MONOPOLY®. The game gave passersby the chance to win up to $50,000 in cash, a new Jeep Wrangler, and up to $1 million in other prizes. Ally + MONOPOLY activation used WebAR to transform American cities into board games.Created by agencies Anomaly, MediaCom and m ss ng p eces, and powered by 8th Wall, the activation allowed users to quickly unlock the game by using a link or QR code which appeared on life-size game squares. The squares appeared on sidewalks throughout New York, Chicago, Detroit, Charlotte, Dallas and Seattle. By partnering with Hasbro, Ally managed to gamify financial literacy with everyone’s favorite board game. And, by leveraging WebAR, the companies were able to remove the friction of entering the experience, allowing busy pedestrians to immediately access the content while going about their day. Adidas Turns Transit Passes into Scratch Cards To promote its newest line of sneakers, Ultraboost 19, adidas wrapped streetcars in Toronto with “Boost My Ride” messaging. Once passengers step on board, ads within the cart invite them to scan a QR code to turn their transit pass into a scratch card using WebAR, which they can then tap to “scratch” in order to reveal if they won a prize. https://medium.com/media/95e9c339018725453c3652aed219f75b/hrefWinners could then hop off the tram at adidas’ flagship store in Toronto to claim their prize. The activation was created by interactive agency Jam3 using 8th Wall, and was part of a campaign that extended from outdoor to social media, to the flagship store itself. The activation is one of the first WebAR campaigns to integrate outdoor media with AR content to funnel customers to a physical storefront, where they could instantly cash in on their winnings. How do you see AR activations augmenting the routines of consumers? Do you think this is part of a new trend in immersive marketing? Leave us your thoughts in the comments or tweet us @the8thwall! A Week in WebAR: Ally + MONOPOLY Transform Cities into a Live Board Game and Adidas Surprises… was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

Introducing 8th Wall’s Cloud Editor & Built-in Hosting

Cloud Editor and Hosting allows users to create, collaborate on and instantly publish WebAR projects.It’s finally time for us to share what we’ve been busy working on and we couldn’t be more excited! We spent the past year listening to you on how we could make creating WebAR faster, easier and more collaborative. Today, we are debuting an all-in-one platform to create, collaborate and publish augmented reality projects to the web. No third party software, server setup or outside tools required. Just log in, code and click publish. https://medium.com/media/cf5583d5d37a32bc42ae9e0e57b32f2d/hrefCreate WebAR experiences anywhere you are The Cloud Editor is a single place to create WebAR projects anywhere, at any time and on any device. And we mean literally any device, even an iPad! It features a fully-featured text editor, an asset viewer, developer keybindings and supports popular frameworks such as A-Frame, Babylon.js, Three.js, React and Vue.js. Fully-featured text editor for creating and editing WebAR projects in real time.Our sample projects in Github have been an extremely popular way for many of you to learn and quickly start a WebAR project⁠ — so much so that we loaded them directly into the editor to make it even easier to select and edit them to start building your own. 8th Wall Templates allow you to get started on your next WebAR project even faster.And with the ability to wirelessly debug your code in real time, you can view instant previews of your most recent changes, making testing and troubleshooting your WebAR projects a breeze. Debug your code wirelessly in real time.Collaborate with teams of unlimited size WebAR projects don’t need to be a lonely experience. The Cloud Editor supports team members of unlimited size working together on the same project at the same time. Invite unlimited team members to your workspace to collaborate on projects.8th Wall’s distributed source control lets you review incoming changes, resolve conflicts and view diffs before landing. Compare commits over time with a full diff view and current client status. Review incoming changes from teammates and resolve merge conflicts before landing.Publish your WebAR projects instantly One of the biggest benefits of our platform is that there is no need to worry about setting up servers to test and launch your projects. With Built-In Hosting, 8th Wall’s got you covered with different environments including a password-protected staging. Instantly publish your AR project to the web.For experiences that require their own domain, we can handle that too. Custom domains can easily be attached to live projects right in the settings. Ability to connect your own domain to any project.8th Wall’s Cloud Editor and Built-in Hosting are available today for Agency and Business plan users and we can’t wait to see what you create. Learn more about the features and how to access it here. 🙌 A big thank you to our developer community for consistently providing us with helpful insights and critiques on our software. We’re continuing to develop and iterate based on the valuable feedback that you provide us. Introducing 8th Wall’s Cloud Editor & Built-in Hosting was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

A Week in WebAR: London’s Waterloo Station, Porsche, Clarins, EVA Air and a Spider-Man: Far From…

A Week in WebAR: London’s Waterloo Station, Porsche, Clarins, EVA Air and a Spider-Man: Far From Home Activation A Week in WebAR is a new 8th Wall blog series that highlights innovative brand experiences created by our customers and partners. https://medium.com/media/58fd9e884062be301494fc3705b95884/hrefThe 2020 Porsche Taycan Porsche is running a print advertisement that appears in the September and October issues of German magazine Auto Motor Sport for the 2020 Porsche Taycan, which serves as an image target for a WebAR experience. Once activated, the ad triggers a realistic 3D model of the Porsche Taycan to appear. 2020 Porsche TaycanUsers can scale, rotate, change the paint color, and even change the hub caps of the vehicle before being directed to the Porsche website to learn more. Vienna-based digital agency Innovation.rocks is behind the WebAR ad. EVA Air Teleports Us to Bangkok International airline EVA Air takes us to Thailand with its latest WebAR activation, which transforms a simple print ad into a portal to a busy Bangkok waterway. The full page advertisement appears in the September issue of Fast Company and was created by agency, Tool. Fast Company (Sept. 2019 Issue)The ad itself is actually an image target which triggers a 360-degree video to play, giving the viewer the perspective of a passenger sitting in boat. Since the video itself is immersive, the viewer is invited to peer into the magazine at various angles to explore the scene around them. Trainline Activation Takes Over London’s Bustling Waterloo Station Trainline, a UK platform for finding and booking train tickets, installed a series of 16 WebAR-activated posters around Waterloo Station which transform into live departure boards when viewed through a smartphone. Produced by digital agency Byte, the AR timetables also reveal a comparison of CO₂ emissions generated by each journey when traveled by a car versus train. Take a look: https://medium.com/media/be1e8f78f1ef5c7c37fb282dd224619d/hrefSpider-Man: Far From Home In partnership with Walmart, Sony Pictures launched a WebAR activation for the DVD and VUDU release of Spider-Man: Far From Home. Produced by agency Ignite, the activation initially uses the front camera to apply a face filter to the user, then switches to the back camera where 3D drones appear. Spider-Man: Far From Home WebAR experience.The user is instructed to use voice commands to launch drones and explore their surroundings to collect the data for Peter Parker, MJ and Quentin Beck. See if you can complete the mission — give it a try here! Enter the House of Clarins Cosmetics and skincare brand Clarins is known for the premium plant-based formulas behind its popular line of makeup and serums. With its House of Clarins pop-up in Singapore, visitors had the opportunity to explore activities, learn about products and play an interactive WebAR game. House of Clarins pop-up in SingaporeProduced by agency Threedom, the WebAR experience highlights the company’s use of natural ingredients by sending users on a mission to capture the exotic ingredients found in Clarins Double Serum. Once the user captures the ingredients, they are sent to learn more about Clarins. Try it out for yourself here! On the hunt for ingredients at 8th Wall HQ.Did you try any of this week’s activations? Show us on Twitter 📸 @the8thwall. A Week in WebAR: London’s Waterloo Station, Porsche, Clarins, EVA Air and a Spider-Man: Far From… was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

New Integration: Microsoft’s Mixed Reality Capture Studios Brings Lifelike Holograms to the Web

Image provided by MicrosoftOur latest integration will allow you to bring realistic holograms to life in WebAR. Microsoft’s Mixed Reality Capture Studios generates high res, low latency volumetric videos which can now be imported into your 8th Wall Web project. Check it out: https://medium.com/media/acbae201feaccb867ae41133f6e3924a/hrefNow your favorite celebs, athletes (and even you!) can teleport anywhere at anytime, using Microsoft’s MRCS and 8th Wall WebAR. Try the demo out for yourself here! We love the quality of the volumetric videos produced by MRCS and the speed at which they load in a web browser is unmatched. It isn’t too far-fetched to assume that we may see sporting events, concerts and even films being reenacted by human holograms on kitchen tables around the world very soon. “We’re thrilled to partner with 8th Wall, and have been impressed how great our holograms look and play in their WebAR solution. Such easy and instant access really delivers on the promise of volumetric video for mixed reality anytime, anywhere,” said Steve Sullivan, General Manager of MRCS. View all of 8th Wall’s supported integrations in our docs. Is there an integration that you’d like to see 8th Wall support? Drop us a note in the comments below, message us on Slack or tweet us @the8thwall 📢 New Integration: Microsoft’s Mixed Reality Capture Studios Brings Lifelike Holograms to the Web was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

A Year in WebAR: Celebrating the First Anniversary of 8th Wall Web

Wow, we can’t believe it’s already been one year since we rolled out 8th Wall Web! Since its debut in September 2018, our partners and customers have developed some pretty amazing augmented reality activations using 8th Wall’s entirely web-based solution. We’ve seen everything from super heroes scaling walls to cheers-ing leprechauns to flight attendants inviting you to step onboard a Transatlantic flight. Take a look back at our first year in WebAR: https://medium.com/media/94efab600479ab20012fef4f5ea92114/hrefThe Numbers One year, 10,575 developer accounts and 5,103 WebAR apps later, we’ve learned that 80% of end users spend more than 1 full minute within each published WebAR experience. Furthermore, according to our data, 50% of users spend greater than 2 minutes interacting within a single WebAR activation. In terms of market reach, recent reports published by ARtillry estimate that the global market of WebAR-compatible devices is over 2.97 billion, compared to just 1.11 billion ARKit- and 550 million ARCore-compatible devices. That means that WebAR has the ability to reach nearly twice as many smartphones as native AR apps. Courtesy of ARtillry IntelligenceWhat’s New? Since we first launched 8th Wall Web, we’ve listened closely to your requests and project needs, and have responded with new updates and features to help optimize the development process. In the last year we’ve introduced a prototyping tool called AR Camera, endless image targets, the ability to embed AR experiences onto your website, front camera support, iframe support, and key integrations including A-Frame, three.js, Amazon Sumerian, Microsoft’s Babylon.js, 8i, and PlayCanvas. Your feedback is super important to us, so if you haven’t already, make sure to join our public Slack channel where you can submit feature requests, connect with other WebAR developers, and receive project support in real time. This Week’s Activations Stepping into year two, our customers have already blown us away with their latest campaigns. Here’s a glimpse of some of the hot-off-the-press activations that have us like 😱 — Sarah Jessica Parker Shows Us How to Do the Bra Twist for Intimissimi Not only does actress and Sex-and-the-City icon SJP have an AR avatar, but she has an AR avatar who can dance! Italian lingerie brand Intimissimi’s WebAR activation bring SJP into your world, so she can show you how to get the perfect bra fit. Customers can try out a selection of 40 bras on five different AR avatar characters — including Sarah Jessica Parker herself — to explore the line of lingerie. Mix and match with the character of your choice, then do the “Bra Twist” dance with her to the tune of the vintage Italian classic, Guarda Come Dondolo. Users can snap a pic with SJP and share to social media, and even enter the e-commerce flow directly through the activation. Produced by agencies 72 and Sunny and Spark Lab. Experience the #BraTwist for yourself here 👙 COACH Puts Us in a New York State of Mind COACH has bestowed its timeless leather staple pieces upon us for generations, and now it’s bringing us on a cruise down the Hudson in fall with its latest WebAR activation. Produced by Australian-based agency Catalyst VR, the playful experience allows users to scan an image target to open a portal to a surreal New York City, where their latest line of handbags are on full display: Adidas ICYMI: Last week Adidas unveiled its WebAR installation at Finish Line stores in the US. Part of its latest campaign, Forever the Future, the in-store activation was created by agencies HappyLucky and 14Four. Secret 3D content is revealed to shoppers using image targets in WebAR. Read more about the activation here. https://medium.com/media/b96779be1fed6f9280e7189ea6c72a68/hrefWhat features and updates would you like to see 8th Wall introduce? Message us in our public Slack channel or give us a shout on Twitter @the8thwall. A Year in WebAR: Celebrating the First Anniversary of 8th Wall Web was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

Adidas Takes ARCommerce to Finish Line

If you happen to be at a Finish Line store this week, you might notice a display in the center of the shop advertising Adidas’ latest line of kicks. But with this in-store centerpiece there’s more than meets the eye. It’s actually a WebAR installation containing hidden 3D content, all part of its latest campaign: Forever the Future. Agencies HappyLucky and 14Four are behind the activation, which launched exclusively in four Finish Line store locations last week: Del Amo Fashion Center in LA, Park Meadows Mall in Denver, Water Tower Mall in Chicago, and Roosevelt Mall in Garden City, NY. Check it out: https://medium.com/media/8a24dc542cb7565839e9c7458cd022c2/hrefShoppers can use their phone to either scan the QR code or type in a URL to enter the web-based experience, then scan signage to activate layers of interactive content. The introduction to the experience reads: “Inspired by the past and excited for what’s next, this interactive space is designed for experiencing Adidas originals in a new way. Tap to enter below and use your phone’s camera to explore our AR-activated space.” This WebAR experience utilizes image targets and was built using 8th Wall and a three.js integration. We love this example of ARCommerce, which is part of a growing trend of in-store activations enhancing the brick-and-mortar shopping experience with digital content. Check out some of the latest ARCommerce activations including LEGO and General Mills’ Fillows Cereal which both leveraged WebAR technology to bring immersive experiences to shoppers. Do you think AR will enhance the in-store shopping experience? Give us a shout on Twitter @the8thwall. Adidas Takes ARCommerce to Finish Line was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

A Week in WebAR: The Phillies, LEGO, and General Mills’ New Pillsbury and Hershey’s-Filled Cereals

A Week in WebAR is a new 8th Wall blog series that highlights innovative brand experiences created by our customers and partners. The Phillies’ Televised Activation Is a Home Run In partnership with NBC Sports Philadelphia and agency Blue, the Philadelphia Phillies live broadcasted a WebAR activation for their latest bobblehead for player Aaron Nola. https://medium.com/media/b877327c54da4b20cc9154cafdfe98ae/hrefDuring an NBC Sports Philadelphia news segment that aired on August 16th, a QR code appeared along with an image target of Aaron Nola’s bobblehead. Viewers had the chance to activate the image target in real time, bringing the bobble head out of the TV screen and into their living rooms, and unlocking $10 off tickets to the big game. For anyone who missed the broadcast, the Phillies provided this image target on their webpage to give everyone a chance to take advantage of the discount. Go ahead, try it out! Photo courtesy of the Phillies. WebAR experience powered by 8th Wall.LEGO’s Global In-Store Activation As part of a series of WebAR experiences designed to showcase their newly released play sets, LEGO rolled out its latest activation in stores around the world. The worldwide campaign was executed by agency Hoopla Digital UK using 8th Wall. Users can scan a QR code or visit a link on the in-store product display to reveal the virtual ghosts who have escaped into the aisle of the toy store! Assuming a first-person perspective, users can help their LEGO friends, Jack and Parker, capture the ghouls to stop the haunting. See if you can capture all of the ghosts! Try it here. General Mills’ New Fillows Cereal General Mills launched a new brand of cereal this year: Fillows, with Hershey’s Cookies N’ Creme and Pillsbury’s Cinnamon Roll creme filling. Using WebAR image targets, Fillows takes cereal box games to the next level by transforming their packaging into interactive puzzles with multiple levels and activities. The experience was developed by EyeKandy using 8th Wall. Check it out: https://medium.com/media/75e82221f8bfa2be8f83da9c1c46d54d/hrefNext time you’re browsing the cereal aisle or enjoying Fillows for breakfast, see how many points you can get! Play the game here. Did you try out this week’s activations? Give us a shout on Twitter @the8thwall. A Week in WebAR: The Phillies, LEGO, and General Mills’ New Pillsbury and Hershey’s-Filled Cereals was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

Release 12: Endless Image Targets, a PlayCanvas Integration, New Launch Controls & More

Hold onto your keyboards, we’re rolling out some new features that are going to improve the way you build with WebAR. Extended Image Target Support Up to 1,000 Image Targets If you’ve ever had a hankering for uploading outrageous amounts of image targets to a single WebAR project, now you can! With 8th Wall’s latest release you can upload trigger images to your heart’s content. Not only that, but your WebAR project can also scan for up to 10 of those images simultaneously. That means that you can build one app with a thousand image targets all while within the same WebAR experience. Go wild. 8th Wall image targets have the ability to work in tandem with our SLAM engine, giving you the flexibility to design experiences that interact with image targets as well as the physical space around you. Front-Facing Camera for Image Target Detection 🤳 You can also now use your front-facing camera to recognize image targets, allowing you to design a WebAR experience that triggers AR activations while in selfie mode. PlayCanvas Integration We’re pleased to announce that we now support an integration with the web-based game engine, PlayCanvas. Build a WebAR experience using the PlayCanvas Editor, add 8th Wall to your project, then publish to the mobile web. Get started with a sample project here. New Self-Serve Launch Controls If you have an Agency or Business account, you can now launch your own WebAR campaign without having to talk to us first! And, you can schedule the end date of that campaign directly in the Console. Here’s how it works: Creating a New Commercial WebAR Project From the Dashboard, click “Create a new project” Name your web app, then select Commercial to purchase a Develop License If you have a custom commercial use agreement with us, that will appear in your account (otherwise, a standard 8th Wall commercial use agreement will display.) Click “Accept” and proceed to checkout. Launching Your Commercial WebAR Project Within your web app in the Dashboard, click on “Promote to” next to Develop (if you’ve already purchased the Develop License.) Promote the project to Launch. Select your desired Launch License and proceed to checkout. Scheduling Your Commercial WebAR Project Within your web app in the Dashboard, under Campaign Duration, select either “Ongoing” or “Schedule an end date and time.” You can always edit the campaign end date if you’d like to extend it or end it sooner. When your campaign ends, it will automatically route to the Redirect URL you’ve provided. Fixes & XRExtras Improved experience for the following Android phones: P20 and P30 Pro Improved visual quality on Android Phones Support for iOS 13 device orientation permissions Better error handling for missing WebAssembly on some older versions of iOS Try It Now These features and fixes will update automatically ✨ View a full list of Release 12 updates here. Is there a new feature that you’d like to see incorporated into our next release? Leave a comment below or post in our Slack channel. Release 12: Endless Image Targets, a PlayCanvas Integration, New Launch Controls & More was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

A Week in WebAR: New Activations by Shaun the Sheep, LEGO, Toyota and Heineken

A Week in WebAR is a new 8th Wall blog series that highlights innovative brand experiences created by our customers and partners. LEGO Hidden Side LEGO unveiled its latest web-based AR campaign which serves as an interactive product demo for the newly launched LEGO Hidden Side play sets, now in LEGO stores across the globe. The in-store activation challenges kids to help their LEGO friends, Jack and Parker, capture virtual ghosts who have escaped into their real world. From the WebAR experience, users can go directly to the LEGO website in order to learn more about the play sets, and they can also download the full mobile app. The campaign was produced by mixed reality agency Trigger using 8th Wall technology. Try it out here. An Alien Encounter with Shaun the Sheep In anticipation of A Shaun the Sheep Movie: Farmageddon, hitting theaters this Fall, Studio Canal and Aardman bring the extraterrestrial magic of the film to fans everywhere with their latest WebAR activation. Produced by agency Hoopla Digital UK and powered by 8th Wall, the experience allows users to summon the two protagonists, LU-LA and Shaun, into their own environment. LU-LA is a lovable alien who has crash-landed near Mossy Bottom Farm and befriended the flock. Watch as she uses her otherworldly powers to levitate and orbit objects before your eyes! Experience the magic here. Cheers with Heineken® Heineken® is kicking off the Singapore Grand Prix 2019 season with an exclusive Heineken® Pre-Race Party featuring Flume (DJ SET). The beer brand’s accompanying WebAR contest, called Heineken® AR Cheers, gives players the chance to win one of 1,000 double passes to the Heineken® Pre-Race Party. Led by Just After Midnight in association with MUN Studio NYC, Megapixel Solutions and powered by 8th Wall technology, this is the first time a brand has used web-based AR technology to power a live competition of this scale. The activation uses image detection to trigger an AR experience when you cheers your Heineken® with a friend. This action conjures an F1® car avatar to reveal instantly if you have won tickets. Play it here in Singapore (and good luck!) Toyota Supra Toyota just rolled out a fully integrated WebAR campaign in collaboration with Hearst Magazine’s Road & Track, bridging print and digital. The September issue includes a nostalgic centerfold poster of the 2020 Toyota Supra. the national campaign features a custom double-sided poster, which is essentially a fold-out advertisement, featuring a red and yellow Supra along with a QR code. Once scanned, the QR code launches a web-based AR experience allowing users to place the Supra in their driveway, garage — anywhere the’d like— in the color of their choice. The vehicle spins its wheels and rotates and allows for a shareable photo op. Additionally, the WebAR experience can be activated by a digital banner ad that’s running on mobile. The experience was developed by eXeX (eXpanded eXistence) using 8th Wall’s WebAR technology. Give it a spin here. https://medium.com/media/4fc1ac3e06d33c0880b5db9d1e30718c/hrefThoughts? Questions? Drop us one in the comments 👇 Don’t forget to follow us on Twitter @the8thwall A Week in WebAR: New Activations by Shaun the Sheep, LEGO, Toyota and Heineken was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

Healthcare Gets the Web AR Treatment

University of Houston Students Compete in Healthcare Games Showdown The Healthcare Games Showdown™, a competition involving college students creating video games and apps for healthcare, livestreamed this July. Hosted by Texas Medical Center’s TMC Innovation Institute, the tech tournament featured innovative projects that gamified the healthcare categories including: Medical Education & Training, Participatory Health, Exergaming & Fitness, Rehabilitation Games, Cognitive & Emotional, and Operations & Patient Records. Students leveraged various platforms to build their games. 8th Wall and Babylon.js were used to build interactive Web AR experiences, including a game aiming to help patients continue healthy lifestyle habits after leaving the hospital. https://medium.com/media/5bd53375803489005792010dc78b16f8/hrefAt the finale of the 4–week showdown, the teams will submit their working prototypes to potential employers and judges for review. Winners will have the opportunity to be hired to continue development of their project. You can watch episodes of the Healthcare Games Showdown here. What was your favorite game concept? Let us know in the comments below or tweet us @the8thwall and @Gshowdown 📢 Healthcare Gets the Web AR Treatment was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

Pride M(ar)ch: Telling the Story of 50 Years of Pride in AR

June 28th, 2019 marked the 50th anniversary of the Stonewall Uprising, a moment that sparked the modern-day LGBTQ+ liberation movement. In honor of this historical turning point, agency AKQA NYC used 8th Wall to create a Web AR experience that brings the story of Pride to life. The Web AR experience is narrated by Gerald Busby who witnessed the movement firsthand. He highlights key milestones of each decade, which are each represented by colorful characters in protest. You can join the march in mobile Web AR here! Share your pics and videos of your Pride Web AR experience! Make sure to tweet @pridemarchnyc, @akqa and @the8thwall 📸 🌈 Pride M(ar)ch: Telling the Story of 50 Years of Pride in AR was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

Human Holograms Can Now Live on the Web with Our Latest Integration: 8i

8th Wall now supports 8i volumetric videos for Web AR.8i volumetric videos capture realistic holograms of people The future is now, people. Thanks to our friends over at 8i, human holograms have become a reality. 8i uses volumetric video technology to capture 3D recordings of humans (and animals 🙀) that can be experienced in AR, VR and MR. With our latest integration, you can now import your 8i holograms into 8th Wall and publish as your own sci-fi worthy Web AR experience. 8i Volumetric Technical Director, Esta Chiang, said of the integration: “ We were looking for an easy way to showcase the connectivity between a real person and a hologram. This is a big success for us.” Give it a whirl! Tap the button below to experience the mobile demo in Web AR: You can grab the sample project from our public Github repo. Is there another integration you’d like to see 8th Wall support? Comment below or tweet us @the8thwall. Want to try building out an 8i x 8th Wall project yourself? ️ Follow these steps: 1. Go to 8thwall.com and log into the 8th Wall Console (or sign up for free) 2. Make sure your “Web Developer” workspace is selected. 3. At the top right of the screen, click “Device Authorization” to authorize your phone to view experiences under development. Scan the QR code with your phone, and you’ll see the message: “Developer Mode On.” 4. On the Dashboard, click “Create a new web app.” Name your web app and click “Create.” 5. Copy 📋 your app key from the Dashboard 6. Go to the Quickstart page. Make sure you have NPM installed and download or clone our 8th Wall Web public GitHub repo. 7. In GitHub, download the entire contents of the repo as a ZIP file. Once download is complete, click to expand the zip file. 8. Add your app key into the project. Open up a text editor, and underneath “examples/threejs” you’ll see an “8i-hologram” directory. Go into that and open up the index.html file. Find the following line and replace the X’s with the app key you copied earlier. Save 💾 <script async src="//apps.8thwall.com/xrweb?appKey=XXXXXXXX"></script> 9. Open a terminal window if you are on a Mac, or if you’re using windows, open a standard command prompt (not PowerShell). Open the folder where the project and serve script are located. Inside you’ll see a “serve” directory. In the terminal window, type “cd” for change directory, and either type the full path to the serve/ directory, or simply drag the serve folder over and it’ll enter the path for you. Hit Enter. [tony@TonyMBP ~/Downloads/web-master]$ cd serve/
[tony@TonyMBP ~/Downloads/web-master/serve]$ 10. Run “npm install” and wait for the command to complete. This will install all of the node modules required to run the serve script on our computer. Once this is done, we’ll still be in the “serve” directory. # npm install 11. Go up one directory, back into web-master. On a Mac, type “pwd” to verify your current directory. On windows, type “cd” and hit enter to display your current directory: [tony@TonyMBP ~/Downloads/web-master/serve]$ cd ..
[tony@TonyMBP ~/Downloads/web-master]$ pwd
/Users/tony/Downloads/web-master
[tony@TonyMBP ~/Downloads/web-master]$ 12. Run the “serve” script which sets up a local webserver on your computer. The command is slightly different if on Mac vs PC: On a Mac: ./serve/bin/serve -n -d examples/threejs/8i-hologram Hit enter to run the script. Once things have initialized, you’ll see a QR code you can scan to connect to the demo. Above the QR code you’ll also see the actual URL the QR code will take you to. If you are on windows, make sure you are starting from the web-master directory. Type: serve\bin\serve -n -d examples\threejs\8i-hologram Hit Enter. Scan the QR code on your screen. This will connect you to the local webserver running on your computer. 13. Grant camera permissions to see a basic 8i demo. Human Holograms Can Now Live on the Web with Our Latest Integration: 8i was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

Red Bull Launches Its First Web-Based Augmented Reality Activation, Brings Pro Gamer Ninja to Fans…

Red Bull Launches Its First Web-Based Augmented Reality Activation, Brings Pro Gamer Ninja to Fans as Interactive Avatar Press Release Red Bull is teaming up with agency …and dos Santos to extend its “Win with Ninja” campaign to Germany with its first Web AR experience, which is powered by 8th Wall technology. The Ninja AR Lens allows fans to bring professional gamer Tyler “Ninja” Blevins into their homes, where they can take pictures of the popular streamer and enter into a raffle to win a gaming session with him at Lollapalooza in Chicago in August. “We are very pleased to be able to implement the first Web AR experience at Red Bull. That’s why this fascinating brand is also ahead of the proverbial nose in terms of AR and promotion,” says Ricardo dos Santos Miquelino, CEO of …and dos Santos, the digital agency behind the activation. The activation is part of the Win with Ninja campaign, which includes a limited-edition Red Bull can featuring the 27-year-old gaming influencer’s likeness. Ninja is the most followed gamer on Twitch and is best known for streaming Halo, PUBG, Apex Legends and Fortnite: Battle Royale with record-breaking numbers of viewers. He famously streamed with Drake in 2018 and has been recognized as the global athlete with the most social interactions. The Ninja AR Lens is entirely web-based, meaning anyone can activate it by tapping a button on the Red Bull website, without having to download an app. “Red Bull’s web-based Ninja AR Lens, produced by agency …and dos Santos and powered by 8th Wall, allows fans to summon an interactive avatar of the gaming star into their own environment, without needing to download an app. The experience is not only instantly accessible to anyone with a smartphone, but it is easily sharable as well,” says Erik Murphy-Chutorian, founder and CEO of 8th Wall. The Win with Ninja campaign runs until the end of July, and the raffle is accepting entries until June 30th. Experience the Ninja AR Lens and learn more about the sweepstakes by visiting: www.redbull.de/winwithninja. Media Contact:
Jennifer DeFalco
jen@8thwall.com Red Bull Launches Its First Web-Based Augmented Reality Activation, Brings Pro Gamer Ninja to Fans… was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

Toyota Brings the Car Showroom to Customers Through Mobile Web AR Experience

Press Release LOS ANGELES — June 12, 2019 — Before customers even step foot in a dealership, Toyota has partnered with Conill and 8th Wall to develop an interactive augmented reality (AR) mobile ad unit for the launch of the greater than ever 2020 Toyota Corolla sedan. The immersive web-based experience allows potential customers the ability to bring the car into their own environment, where they can explore the car’s features from the convenience of a mobile device. “We always want to offer our guests a greater vehicle experience,” said Cynthia Tenhouse, vice president, Vehicle Marketing & Communications, Toyota Motor North America. “The new generation of Hispanic car buyers are an incredibly important audience for Toyota, so we’re excited to deliver an engaging digital experience that produces a unique opportunity for consumers to visualize and engage with the greater-than-ever Corolla at the touch of their fingertips.” The Toyota Corolla Sedan web-based AR experience initially appears as a mobile banner ad. Once clicked, the user’s camera is accessed to enable the AR experience, and a Toyota Corolla sedan appears in the user’s environment. The Spanish-language mobile ad unit includes interactive hotspots that highlight three key features of the vehicle: its moonroof, LED headlights and 18-inch alloy wheels. The user is prompted to explore these features up close and can even go inside the car to view its interior in 360 degrees. “We sought to help our young Latino audience experience the Corolla sedan where they spend most of their time: on their mobile phones,” said Veronica Elizondo, Vice President, Group Creative Director, Conill. “This type of execution, without the need to download apps, goes beyond traditional media channels and reinforces Toyota’s position as leader in innovation and technology.” This Corolla Sedan interactive AR unit is a first for the brand, as it uses 8th Wall technology, meaning the 3D model is interactive, providing users the ability to tap and turn the headlights on, open the moonroof and tap to see the 18-inch wheels turning. “Augmented reality provides a natural and intuitive way for people to consume digital content, and brands can leverage this to build a more authentic relationship with their customers,” said Erik Murphy-Chutorian, CEO of 8th Wall. “The web-based AR experience that Conill created for the Toyota Corolla sedan using 8th Wall technology is an example of an interactive, immersive advertisement that can be experienced within the mobile browser, allowing the customer to virtually bring the product into their own environment. This not only provides important context and visualization for technical features to the user, but it helps to qualify customers before they arrive at the dealership.” The ad unit will be served to customers in the United States with Android devices, with plans to include iOS customers later this year. The experience can be viewed HERE. Toyota Brings the Car Showroom to Customers Through Mobile Web AR Experience was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

AWE 2019 + Portal Hunt Web AR Experience

AWE Portal Hunt 👽 If you attended the Augmented Reality Expo this year, you might have spotted a 7-foot tall black board covered in cryptic alien runes. If you searched hard enough, you might have found all 10 of them. In honor of AWE’s 10th Anniversary, 8th Wall created an interactive web-based augmented reality experience that sent attendees on an otherworldly scavenger hunt. The AWE Portal Hunt commemorates 10 years of AWE with 10 unique Web AR experiences. Attendees used their smartphones to unlock the relics’ secret portals, which released content from another dimension. If you missed out, here are a few highlights: SputnikSputnik With this brain teaser, players opened a portal to outer space and then were challenged to rotate and connect all of the prongs on the asteroid in order to reveal the hidden relic inside. HayabusaApolloHayabusa A swarm of alien wasps attacked players as they furiously fired missiles at them. In order to collect the relic, users needed to defeat the insects and then destroy their galactic hive. CuriosityApollo A lost alien needed a little help from AWE attendees. Players used a spotlight to guide him to collect the relic. Curiosity Perhaps one of the most challenging Portals, Curiosity required users to drive a Rover-like vehicle across a low-gravity, rocky environment to collect parts of the relic and piece it back together. The Numbers During the 2.5-day period of AWE that the Portal Hunt ran, a grand total of 3,779 portals were opened on 1,336 unique devices, for 88 hours of gaming. There were 82 determined individuals who managed to find and complete all 10 portals, with the lucky winner receiving (2x) All-Access Passes to AWE 2020 and (1x) The Looking Glass - Standard Size with Interaction Accessory Pack, courtesy of The Looking Glass Factory. If you attended AWE and participated in the Portal Hunt, what was your experience like? How many Portals did you find and were you able to complete all of the challenges? We would love to hear what you thought about it! Tweet @The8thWall or drop us a note in the comments below. The Auggie Awards 🏆 One of the highlights of AWE 2019 was the annual Auggie Awards. It was exciting to celebrate the innovative work of our industry peers, and to see their latest projects and endeavors. We were so honored to be among them, and to receive the award for Best Developer Tool! 8th Wall takes home 2019 Auggie Award for Best Developer ToolThe other winners included Meow Wolf for Best Art or Film, The New York Times for Best Consumer App, Magic Leap for Best Game or Toy, The Looking Glass for Best Input/Output Hardware, ORAMAVR for Best Societal Impact, Zappar for Best Campaign, Snap for Best Creator & Authoring Tool, Atheer for Best Enterprise Solution, Realwear for Best Headworn Device, Neurable for for Best Interaction Software Tool, and Lexset.ai for Startup to Watch. Congrats to all of the other winners and the incredible work you’re doing 🎉 Image courtesy of AWE Twitter @ARealityEvent AWE 2019 + Portal Hunt Web AR Experience was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article
 

Babylon.js + 8th Wall Integration: The Full Tutorial

8th Wall’s latest integration is with Babylon.js, a WebGL-based graphics engine that provides top notch rendering for the web. Follow the video or the steps below to create an AR experience that runs in your mobile browser! https://medium.com/media/e848ca81b7e7dfe7a6a92d3664be6262/href1. Go to 8thwall.com and log into the 8th Wall Console (or sign up for free) 2. Make sure your “Web Developer” workspace is selected. 3. At the top right of the screen, click “Device Authorization” to authorize your phone to view experiences under development. Scan the QR code with your phone, and you’ll see the message: “Developer Mode On.” 4. On the Dashboard, click “Create a new web app.” Name your web app and click “Create.” 5. Copy 📋 your app key from the Dashboard 6. Go to the Quickstart page. Make sure you have NPM installed and download or clone our 8th Wall Web public GitHub repo. 7. In GitHub, download the entire contents of the repo as a ZIP file. Once download is complete, click to expand the zip file. 8. Add your app key into the project. Open up a text editor, and underneath “gettingstarted” you’ll see an “xrbabylonjs” directory. Go into that and open up the index.html file. Find the following line and replace the X’s with the app key you copied earlier. Save 💾 <script async src="//apps.8thwall.com/xrweb?appKey=XXXXXXXX"></script> 9. Open a terminal window if you are on a Mac, or if you’re using windows, open a standard command prompt (not PowerShell). Open the folder where the project and serve script are located. Inside you’ll see a “serve” directory. In the terminal window, type “cd” for change directory, and either type the full path to the serve/ directory, or simply drag the serve folder over and it’ll enter the path for you. Hit Enter. [tony@TonyMBP ~/Downloads/web-master]$ cd serve/
[tony@TonyMBP ~/Downloads/web-master/serve]$ 10. Run “npm install” and wait for the command to complete. This will install all of the node modules required to run the serve script on our computer. Once this is done, we’ll still be in the “serve” directory. # npm install 11. Go up one directory, back into web-master. On a Mac, type “pwd” to verify your current directory. On windows, type “cd” and hit enter to display your current directory: [tony@TonyMBP ~/Downloads/web-master/serve]$ cd ..
[tony@TonyMBP ~/Downloads/web-master]$ pwd
/Users/tony/Downloads/web-master
[tony@TonyMBP ~/Downloads/web-master]$ 12. Run the “serve” script which sets up a local webserver on your computer. The command is slightly different if on Mac vs PC: On a Mac: ./serve/bin/serve -n -d gettingstarted/xrbabylonjs Hit enter to run the script. Once things have initialized, you’ll see a QR code you can scan to connect to the demo. Above the QR code you’ll also see the actual URL the QR code will take you to. If you are on windows, make sure you are starting from the web-master directory. Type: serve\bin\serve -n -d gettingstarted\xrbabylonjs Hit Enter. Scan the QR code on your screen. This will connect you to the local webserver running on your computer. 13. Grant camera permissions to see a basic Babylon JS demo. We will update this demo and load in a Flight Helmet 3D model provided by the Babylon JS team. 14. Go back to your index.html, and add a new script tag for a library that handles loading 3D models. <script src="https://preview.babylonjs.com/loaders/babylonjs.loaders.js"></script> Close out our script tag and save your file 💾 15. Edit index.js. Towards the top you’ll see an initXrScene() function which adds a few primitives to the scene; a sphere, cone, plane and box. Select all of those sections and delete. Leave the directional light and the line that sets the initial camera position. const initXrScene = ({ scene, camera }) => {
const directionalLight = new BABYLON.DirectionalLight(
"DirectionalLight",
new BABYLON.Vector3(0, -1, 1),
scene) directionalLight.intensity = 1.0 // < DELETE EVERYTHING BETWEEN THESE LINES > camera.position = new BABYLON.Vector3(0, 3, -5)
} 16. Below, in the runRenderLoop() function, delete the box.rotation.y line or comment it out, leaving only the scene.render() call inside this function: engine.runRenderLoop(() => {
// Render scene
scene.render()
}) 17. Copy 📋 and paste the BABYLON.SceneLoader.ImportMesh() code below (in bold) into the initXrScene() function. As a result you should have the following: const initXrScene = ({ scene, camera }) => {
const directionalLight = new BABYLON.DirectionalLight(
"DirectionalLight",
new BABYLON.Vector3(0, -1, 1),
scene) directionalLight.intensity = 1.0 BABYLON.SceneLoader.ImportMesh("",
"https://models.babylonjs.com/", "flightHelmet.glb", scene,
function (meshes) {
meshes[0].scaling = new BABYLON.Vector3(.1, .1, .1)
}) camera.position = new BABYLON.Vector3(0, 3, -5)
} This code imports a 3D model into your scene and scales it down to 1/10th the original size. That’s it! Save your file 💾 and bring your terminal or command prompt window back to the front. Scan the QR code again, or reload the page on your browser if it’s still open. This time when the Web AR experience loads, it downloads the flight Helmet model and we can view it in AR! Is there another integration you’d like to see 8th Wall support? Hit us up on our public Slack channel or tweet us @the8thwall. Babylon.js + 8th Wall Integration: The Full Tutorial was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

Release 11: Image Targets & More

We’re not going to lie, we’re pretty excited about our latest release. It includes some important new features that we’ve been working really hard on for the last few months. Since we first announced 8th Wall Web, Image Targets have been the #1 requested feature from our community. 8th Wall Devs Slack Channel @The8thWall on Twitter We heard you loud and clear. But we didn’t want to roll out a new feature to you without it being perfect. So, we developed and tested… and tested… until we got it just right. Introducing: Image Targets Our latest update for 8th Wall Web allows AR experiences to now recognize and interact with 2D image files, bringing static content to life. Not only can your designated image target trigger an AR experience, but your content has the ability to track directly to it. Simply log into your 8th Wall Web Developer dashboard and click the new Image Target button on the web app you would like to activate: Then upload your images to the 8th Wall Cloud: Here, you can edit, test and manage your image target library for each web AR experience you create. Unlike other web-based image recognition technology, the image detection and tracking for 8th Wall Web is all performed directly on-device, in the mobile browser. This means better tracking performance and security for the user, as no camera data is sent up to the cloud. Secondly, image tracking can work in tandem with our SLAM engine, giving you the flexibility to design experiences that interact with image targets as well as the physical space around you. We can’t wait to see what you come up with! Introducing: Embeds Now you can embed an AR experience on any website. Just click on the 🔗 icon next to your web app, connect a URL, and then click on the Embed button. This will generate a preview of your customizable AR View button, along with the embed code: These new features are all immediately available on your 8th Wall Web Developer account: Embeds: Customizable HTML snippets for your webpage that route people directly to your web AR experience Shortlinks: Provide you with 11-character URLs for your 8th Wall Web apps 8.Codes: Small, stylized QR codes that work directly in your mobile camera or barcode scanner Now Supporting: Babylon.js We’re thrilled to announce the latest web AR integration that we support: Babylon.js by Microsoft, giving you even more freedom to develop using the JavaScript framework you are most comfortable with. Babylon.js is a simple and powerful JavaScript framework for building 3D games and experiences with HTML5, WebGL, WebVR and Web Audio. To get started with 8th Wall and Babylon.js, download a sample project from our public Github page. In addition to Babylon.js, 8th Wall Web supports Amazon Sumerian, Three.js and A-Frame. Is another integration you’d like to see 8th Wall support? Hit us up on our public Slack channel or tweet us @the8thwall. Click Here to view the full list of updates. 🙌 A big thank you to our developer community for consistently providing us with helpful insights and critiques on our software. We’re continuing to develop and iterate based on the valuable feedback that you provide us.

8thWallDev

8thWallDev

 

Miller Lite Brings Packaging to Life With Web AR Campaign

Miller Lite Brings Packaging to Life With Web AR Campaign, No App Required Trigger built a Web AR experience using technology from 8th Wall Web and GeeneeIf you were lucky enough to order a Miller Lite over St. Patrick’s Day weekend, you might’ve noticed that something was different about the packaging this year. 🍀 Mixed reality agency Trigger used 8th Wall Web and Amazon Sumerian technology, along with Geenee, to create a mobile Web AR experience that brought Miller Lite’s festive bearded man mascot to life. Users could visit a page on the beer brand’s website, scan the bottle in front of them, and the green-clad man would appear to hop out of the bottle as a live, 3D character. The illustration on the beer bottle served as an image target, which activated the web-based AR experience when scanned. Users got to cheers the bearded man and listen to him play an Irish folk tune on his flute. 🍻 The flash campaign only lasted through St. Patty’s Day weekend, but you can catch a glimpse of it here: https://medium.com/media/8fb40ba3d430c8a25e0c743848489771/href Miller Lite Brings Packaging to Life With Web AR Campaign was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

Release 10: New Year, New Product, New Interface

If you’ve logged into the 8th Wall console lately, you’ve probably noticed things look a little different. We’re excited to announce an updated design for 8th Wall XR, as well as a brand new console for 8th Wall Web. And, we’re pretty jazzed about our latest product, AR Camera — a slimmed down version of 8th Wall Web which features an easy drag-and-drop interface. AR Camera (NEW!) ✨ Features + Free
+ Instant web AR and prototyping tool
+ Drag-and-drop interface (no coding required)
+ Supports multiple 3D models and animations
+ Adjust light intensity, distance, scale and animation speed within console
+ Custom banner and ability to link out
+ Includes camera interface with ability to capture and save photos of 3D models
+ Get started here Prototype and publish to the web instantly with AR Camera!8th Wall Web 💡 New Features + Revamped Web Developer Console
+ XR Extras provides a convenient solution for: Load screens and requesting camera permissions Redirecting users from unsupported devices or browsers with “You’re almost there!” messaging and prompts Runtime error handling Drawing a full screen camera feed in low-level frameworks like Three.js + Added public lighting and hit test interfaces to XrController
+ Other minor API additions Revamped Web Developer Console 🔧 Enhancements and Fixes + Improved app startup speed
+ Fixed a framework issue where errors were not propagated on startup
+ Fixed an issue that could occur with WebGL during initialization
+ Use window.screen interface for device orientation if available
+ Fixed a Three.js issue that could occur when the canvas is resized 8th Wall XR 💡 New Features + Revamped XR Developer Console Revamped XR Developer Console 🔧 Enhancements and Fixes + Better support for Android camera permissions in Unity 2018.3 Click Here to view the full list of updates Update Now These features and fixes will update automatically for 8th Wall Web. For 8th Wall XR, simply open your Unity project and navigate to Assets / XR / 8thWall XR. Click “Check for Updates” to upgrade to Release 10. Is there a new feature that you’d like to see incorporated into our next release? Leave a comment below or post in our Slack channel. Release 10: New Year, New Product, New Interface was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

Sony Pictures Takes Augmented Reality Users “Into the Spider-Verse” With Mobile Web AR Experience

Sony Pictures presents “Spider-Man™: Into the Spider-Verse” Web AR Experience powered by 8th Wall and Amazon Sumerian technologies and produced by Trigger.If you’ve ever wanted to snap photos with Spider-Man, now you can! 8th Wall is thrilled to have partnered with Trigger — The Mixed Reality Agency — and AWS Amazon Sumerian to produce the mobile web augmented reality (AR) experience for Sony Pictures’ Spider-Man™: Into the Spider-Verse. The Spider-Verse Web AR Experience is designed to allow users to easily jump directly into Spider-Man’s AR world on any smartphone, without having to download an app. There, they can interact with the crime-fighting superhero, take pictures with him, and instantly share with friends. AR for the mobile web is changing the way users connect with their favorite brands. Now, users can immediately pull a realistic digital character into their own environment and interact with it, creating a more authentic connection. “The Spider-Verse Web AR Experience demonstrates how established brands can dramatically enrich their customer experiences and better engage with their fans,” said Erik Murphy-Chutorian, CEO at 8th Wall. “Augmented reality allows consumers to dive deeper into the worlds of their favorite products and characters. Sony Pictures has deepened and enriched the Spider-Man experience with the innovative work they’ve produced with Trigger and 8th Wall, and powered by AWS. It’s the perfect example of how AR for the web is the best new medium for brands to make their content come to life while increasing the accessibility and interactivity of their stories.” Spider-Man™: Into the Spider-Verse hits theaters nationwide on December 14, 2018. Be part of the experience by visiting www.intothespiderverse-ar.com. Share your Spidey pics with us by tweeting @the8thwall 🕷 Sony Pictures Takes Augmented Reality Users “Into the Spider-Verse” With Mobile Web AR Experience was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

Interactive AR on the Samsung Internet Browser

8th Wall Web demo using Samsung Internet browser at SDC 2018.We had a blast demoing 8th Wall Web on the Samsung Internet browser at the Samsung Developer Conference last week. Digital robot JINI greeted attendees in our latest immersive web experience, JINI Cam, where users posed and snapped photos of him in augmented reality. JINI Cam running on Samsung InternetJINI Cam works on all mobile browsers, and we wanted to show off our AR magic using super-speedy Samsung Internet for Android. “8th Wall Web running in the Samsung Internet browser demonstrates what a modern mobile web browser is capable of today in the hands of highly skilled AR creators,” said Laszlo Gombos, the Senior Director of Web Platform at Samsung. “8th Wall enables AR for the web today running on today’s mobile browsers.” If you haven’t had a chance to try out the Samsung Internet browser yet, you can download it here. You can play with our interactive AR camera, JINI Cam, by opening this link on your tablet or smartphone. Make sure to share your favorite JINI pics with us by tweeting @the8thwall 📸 Interactive AR on the Samsung Internet Browser was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

8th Wall XR Release 9

It’s alive! 🤖 Release 9 is now active. Here’s what you can expect: New Features + All-new GPU-based pipeline delivers up to 4x faster tracking performance with improved tracking stability
+ High-resolution camera texture support (1080p)
+ Custom ARSessionDelegate feature allows ARKit-enabled devices to use the latest ARKit features
+ Building against XCode 10 with support for iPhone XR, XS, and XS Max
+ ARKit 2.0 support
+ ARCore 1.5 support
+ Added support for ARCore camera auto-focus
+ Added Pause(), Resume() and IsPaused() functions to the XRController API Enhancements and Fixes + Fixed a landscape-mode rendering issue on iPhone 5c Click Here to view the full list of updates. Update Now
To take advantage of the Release 9 features and fixes, simply open your Unity project and navigate to Assets / XR / 8thWall XR, then click “Check for Updates” to upgrade to Release 9. New to 8th Wall?
Learn how to create an account and get started with AR development here. 8th Wall XR Release 9 was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

How We Engineered AR for the Mobile Browser with 8th Wall Web

We recently launched 8th Wall Web, the first solution of its kind for augmented reality (AR) in the mobile browser. As the 8th Wall Director of Engineering, I wanted to share with you why I’m so proud of the team, and why I’m really excited about what we accomplished. 8th Wall Web makes interactive AR for the web possible through three main components: 8th Wall’s SLAM engine, a high throughput camera application framework, and bindings with common web 3D engine frameworks. 8th Wall Web is built entirely on standard web technologies such as the JS MediaDevices API, Sensor API, WebGL and WebAssembly. AR for everyone At 8th Wall, we believe augmented reality is for everyone. We’re on a mission to make immersive AR content accessible to all, regardless of what device you’re using. We launched 8th Wall XR to grow the audience of AR apps. 8th Wall XR taps the full power of native AR frameworks when available, and expands beyond the 100 device models that ARKit and ARCore support today. AR apps powered by 8th Wall reach users on over 3,400 different types of phones and tablets. Our data shows this increases an app’s reach tenfold on Android. AR is an incredible new capability that will alter the way we interact with devices, with enormous room for growth. By optimizing viral flows, top-performing AR apps have the potential to reach an audience size 10,000 times larger than today. One reason for today’s limited virality is AR inoculation: if only 1 out of 10 users can experience AR apps, every fan of an app needs to share it with ten times as many friends in order for the app to go viral. We developed 8th Wall XR to lower the barrier to virality and help creators maximize the reach and success of their AR apps. We do this by making AR work for everyone. Another reason for limited virality in AR is app-installation friction. Many users will click on web links shared by their friends, but only a few will install an app. In a given month, most smartphone users will install zero apps, according to a 2017 report by comScore MobiLens. The web is a friction-free way for users to share and engage with content. 8th Wall’s browser-based AR demo, JINI, was used by 7 times as many people on its launch day than our first promotional native app. By bringing 8th Wall XR to the web for everyone, we believe we can help creators maximize their reach to new audiences with AR. AR for the web 8th Wall SLAM is a 6DoF markerless tracking system with feature point extraction, sensor fusion, robust estimation, triangulation, mapping, bundle adjustment and relocalization. 8th Wall SLAM is loaded as a browser script, just like any other web software. To create content for AR apps, we leverage 3D frameworks like WebGL, three.js, A-Frame, or Amazon Sumerian. Depending on the rendering system, 8th Wall Camera apps can run hosted in an external JavaScript animation run loop, in parallel with another JavaScript run loop, or in their own JavaScript run loop. The 8th Wall JS Camera apps framework orchestrates camera capture, computer vision processing, rendering, and display.Connecting the SLAM and app layers is the 8th Wall JavaScript Camera apps framework. This orchestrates camera capture, computer vision processing, rendering, and display. We designed it as a platform that can accommodate many types of AI-driven camera apps. For example, the 8th Wall Camera framework could drive apps that use face processing, hand detection, target image tracking, or object recognition. What we achieved Before we started building 8th Wall Web, we thought it would be impossible to achieve performant SLAM tracking using web-native technologies; but we also believed it would be the best way to help AR reach more users. What followed was the most daunting, technically challenging, and exciting experience of my career. https://medium.com/media/47cc1b02c06f4f001b5daf01fd3d7211/hrefWe started with our custom-built, highly-optimized mobile SLAM system. Over the course of the 8th Wall Web project, we exceeded what we thought was possible, further improving its performance in JavaScript by over 5 times, so that even on some phones released four years ago, we are able to achieve a 30FPS runtime. JavaScript benchmark performance of the 8th Wall SLAM JavaScript engine on iPhone 6, 6s, 7, and X by the date they were released.I’m incredibly proud of the 8th Wall team and what we achieved, and I wanted to share some of our experiences that made it possible. How we did it Build, measure, test, benchmark, repeat The 8th Wall XR for Unity package is produced from code written in C++, Objective C, Java and C#. It is built to run on multiple ARM and x86 architectures across Android and iOS, as well as within the Unity Editor on OSX and Windows. To manage this complexity, we created a highly customized set of crosstools and Starlark extensions for the Bazel build system. To adapt our Unity build for the web, we added further Bazel functionality to transpile C++ code to asm.js and WebAssembly, and to produce transpiled, minified, uglified JavaScript targets with NPM and C++ dependencies. We also created custom Bazel rules for cross-platform JavaScript tests. These allowed us to run our existing C++ unit tests and micro benchmarks in Node, Safari and Chrome, both on desktop and on mobile phones directly from the command line. 8th Wall SLAM is instrumented from the ground up with custom efficient profiling code that measures the speed of all subsystems. This leverages C++ scoping rules to generate call traces on every frame processed by our computer vision engine. These are then distilled into compact statistics that can provide feedback on performance of fine-grained sections of code across runs and devices. To optimize for the web, we created a JavaScript benchmark suite that served as an end-to-end performance and quality integration test. A key challenge for the benchmark suite was loading large datasets quickly to promote rapid iteration and evaluation. To achieve rapid benchmarking, we built a custom JavaScript file system to overcome browser cache, database, and memory limitations. In addition to evaluating changes at development time, we developed infrastructure to run our benchmark suite every hour on test devices and to log results to a server. This allowed us to quickly identify the source of performance or quality regressions. Optimize, optimize, optimize Once we had visibility into the performance and quality of our code, we began searching for areas where optimization was likely to have an impact. Some of these were amenable to classic optimization of algorithms and data structures. For example we developed a new custom sorting algorithm for choosing the subset of feature points to process for mapping. Some optimizations were known and reported in the computer vision literature, e.g.customizing cost function derivatives for bundle adjustment. Other optimizations were novel. For example, we were able to achieve a 10x retrieval speed up for locality sensitive hashes compared to standard libraries by optimizing for our specific operation domain. We also optimized sections of C++ code to perform well specifically in transpiled JavaScript. For example, we found that the JavaScript execution was particularly slow for sections of C++ code that read from one buffer while writing to another. Rewriting core algorithms to minimize this load-store pattern helped some sections of code significantly. Two versions of the same code. The second runs 15% slower in compiled C++, but runs 35% faster when transpiled to JavaScript: https://medium.com/media/8321d816e51c8fc034d1ac9ad062c974/hrefhttps://medium.com/media/5a504e3fa9dc909a8a221b7d884ac945/hrefAnother finding was that calling C++ methods from inner loops caused many temporary variable allocations triggering frequent JS garbage collection events. Inlining a few critical methods in C++ led to a substantial reduction in JavaScript memory management overhead. Rearchitect for the web In native C++ code, our SLAM engine uses C++11 threads, atomics, conditions and memory barriers to utilize multiple CPU cores available on modern mobile devices to speed up processing. In JavaScript, only one thread is available to the web application. This property forced us to fundamentally rethink how the overall flow of a camera application should be architected. We moved as much processing as possible from the CPU to WebGL in order to maximize parallel computation within the constraints of JavaScript. One example was feature point detection. This came with an unexpected benefit: when feature point extraction runs on the CPU it must follow certain algorithmic constraints that make it run very efficiently. On the GPU, different performance characteristics allowed us to improve the robustness and quality of feature detection in ways that would have been prohibitive before. In the browser, all computer vision, game logic, and rendering must be done within a single animation frame. We found browsers were more effective at making parallel use of the GPU in certain parts of this cycle. This forced us to modularize code into blocks that could be easily rearranged to run in different portions of a single animation frame to maximize efficiency. It was important to us that 8th Wall Web runs well on as many devices as possible. To keep performance high on older device classes, we built algorithms that detect performance hiccups and dynamically restructure the processing pipeline to spread cpu load among multiple animation frames. What’s next These are only a few of the changes that allowed us to bring AR technology to the web. Over the course of this project, we improved the speed of our SLAM engine by 5 times while also improving tracking quality, but we’re not done yet. We’re hard at work to integrate these same great updates into 8th Wall XR for native apps, as we continue to improve the way people experience AR across devices. We are committed to our goal of bringing AR to everyone. We look forward to pushing the boundaries of what’s possible, and to help creators bring their unique voices and amazing experiences to wider audiences than ever. How We Engineered AR for the Mobile Browser with 8th Wall Web was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

Introducing 8th Wall Web: Augmented Reality That Lives in Your Browser

JINI, the alien robot hologram is here to grant you three wishes.It’s official! 8th Wall’s AR technology can now run on any mobile web browser, and we couldn’t be prouder. Check it out for yourself: We’re extending AR from the app marketplace to the web. With 8th Wall Web, immersive AR content that could previously only be experienced by downloading an app can now run directly on any existing website. That means that if you have a smartphone with a camera and a web browser, you’ve got AR. This is kind of a big deal. Brands, for the first time, will be able to offer seamless interactive AR experiences on their websites. With 8th Wall Web, industries including ecommerce, advertising, gaming, education and entertainment can now reach billions of people within their existing mobile web browsers. The tech that brought JINI to life: Built entirely using standards-compliant JavaScript and WebGL, 8th Wall Web is a complete implementation of 8th Wall’s Simultaneous Localization and Mapping (SLAM) engine, hyper-optimized for real-time AR on mobile browsers. We’re thrilled to be partnering with some innovative brands who will be the first to bring AR to the mobile web, and we can’t wait to show you our progress. If you’re already using 8th Wall XR, our cross-platform AR developer tool for mobile apps, expect to see some major optimizations to our SLAM engine with Release 9, coming this fall. Try out the JINI demo for yourself and let us know what you think! Tweet us @the8thwall or leave a comment below. Introducing 8th Wall Web: Augmented Reality That Lives in Your Browser was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

 

8th Wall XR Release 8

Release 8 is now live and active! 🎉 Here’s what you can expect: New Features + Support for ARCore 1.3 with Vertical Surfaces and Image Targets
+ Support for XR Remote in non-AR scenes
+ Added ability to use 8th Wall SLAM on ARKit & ARCore devices
+ Added ability to set initial camera facing direction
+ Added ability to increase camera field of view in non-overlay scenes Enhancements and Fixes + Improved 8th Wall SLAM accuracy with enhanced Bundle Adjustment
and Point Triangulation
+ Fixed Surface Controller mesh orientation for deformable meshes
+ Improved behavior of all XRSurfaceController option combinations
+ Miscellaneous bug fixes and improvements Click Here to view the full list of updates. Update Now
To take advantage of the Release 8 features and fixes, simply open your Unity project and navigate to Assets / XR / 8thWall XR, then click “Check for Updates” to upgrade to Release 8. New to 8th Wall?
Learn how to create an account and get started with AR development here. 8th Wall XR Release 8 was originally published in 8th Wall on Medium, where people are continuing the conversation by highlighting and responding to this story.
View the full article

8thWallDev

8thWallDev

Sign in to follow this  
  • Advertisement
×

Important Information

By using GameDev.net, you agree to our community Guidelines, Terms of Use, and Privacy Policy.

GameDev.net is your game development community. Create an account for your GameDev Portfolio and participate in the largest developer community in the games industry.

Sign me up!