Jump to content
  • Advertisement

8thWallDev

Member
  • Content Count

    26
  • Joined

  • Last visited

Community Reputation

0 Neutral

About 8thWallDev

  • Rank
    Member

Personal Information

  • Interests
    Design
    DevOps
    Production
    Programming
    QA

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. 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
  2. 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
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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
  8. 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
  9. 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
  10. 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
  11. 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
  12. 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
  13. 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 @ARealityEventAWE 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
  14. 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
  15. 8thWallDev

    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.
  • 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!