NBA Dallas Mavericks Web AR Mural Game Featuring Power Forward Kristaps Porzingis
The Dallas Mavericks are partnering up with Kristaps Porzingis to launch #KrisStops, a new community initiative to fight childhood hunger. With every block this season, Porzingis will donate $500 to the Mavs Foundation, which will then be distributed to local organizations to help stop hunger in North Texas. Groove Jones is working with the Dallas Mavericks to launch the program through an Augmented Reality experience running with an oversized wallscape mural downtown Dallas.
The back mural appears on the back of the Antioch Church Building at Lamar and Elm and features Dallas’s newest star, Kristaps Porzingis. MFFLs are directed to Mavs.com/AR to access Porzingis, brought to life for a one-on-one matchup. Fans get the opportunity to shoot on a virtual basketball hoop, all while trying to avoid being blocked by Porzingis. At the conclusion of the video, fans are then introduced to #KrisStops, highlighting his fight to combat childhood hunger.
Fans who discover the mural on the corner of Lamar and Elm in downtown Dallas, have three chances to make the shot. With the tap on their screen, they throw the basketball high into the air towards the 5 story tall building. Kristaps then reaches out to block the shot. The AR experience is being used to engage with fans in a unique experience and to help spread the word about the Dallas Mavericks program to stop childhood hunger in the DFW area. The Mavericks Foundation is making a $500 donation for every blocked shot that Kristaps Porzingis makes this season to area food banks in the DFW area.
This activation is free and open to the public. Below are screenshots from the Web AR game that is activated by scanning the mural.
Fans are encouraged to take a photo of the Web AR and share it on their social channels with #KRISSTOPS and #MavsAR. The wallscape will be active through December 29, 2019.
Making a Mural Come To Life
The Groove Jones team designed both the printed mural and the digital AR component of the mural. The team presented multiple concepts of the design, which focused on Kristaps Porzingis blocking the fans shots. We began with a photoshoot with Kristaps which we used to create the animated illustratedversion of him for the mural.
The team digitized the video from the photoshoot and then designed the unique illustrated look to demonstrate the way the image would animate and change.
Once the creative concept and visual style was achieved, the team began finalizing the design of the printed mural.
Time-lapse of the Mural Installation
After the traditional artwork design was approved, the team began to create the 3d assets that would be used to bring the illustration to life. Bringing a 2d image to life in AR often leverages three-dimensional objects and visual effects to achieve a compelling experience. For this experience, we needed to create 3d versions of the basketball that fans would throw up against the building. Kristaps was then animated to block the incoming throws.
Web AR – No App Needed – Try it Now!
Groove Jones created the AR experience through the use of Web AR. We built the experience using Zappar’s Zap Works platform, which allows the user’s to activate the AR through their mobile web browser, alleviating the need of downloading a special App. Groove Jones has done this with numerous clients.
Participants can visit Mavs.com/AP to unlock the experience. When you hit the LAUNCH page, give your browser permission to activate your camera when prompted. Once activated, point your camera at the image above to bring the mural to life.
How to experience it at home?
Step 1: Visit http://www.mavs.com/ar on your phone.
Works with mobile OS web browsers.
- iOS – Safari (iOS 11.3+)
- Android – Chrome (Android 77+), Samsung Internet (Android 10+), Firefox (Android 68+)
Step 2: Then hit Launch when prompted.
Step 3: Point your camera at the mural above on your computer screen to activate the AR experience below.
100 Foot Tall Mural on the Crown Plaza Hotel in Dallas
On December 10th we launched the newest mural, a 100 foot tall Web AR experience on the Crown Plaza in Dallas Texas. This is the largest Web AR experience ever made. The new mural features Kristaps Porzingis in the new Dallas Mavericks City Edition jersey.
About the Mavericks Foundation
The Dallas Mavericks Foundation is dedicated to using our unique platform to build a stronger community by empowering youth, women and families who need us most through financial support, advocacy and service. Established in October 1996, the Mavs Foundation is a 501(c)(3) private foundation affiliated with the Dallas Mavericks professional basketball team.
Over the last 22 years, the Mavs Foundation has granted over $4 million dollars to nonprofit organizations serving women, children and families in need and created Reading and Learning Centers and basketball courts across the North Texas community. Changing lives by supporting programs for kids in foster care, victims of domestic abuse, families struggling with homelessness and hunger, and much more. for more info visit – https://www.mavs.com/community/dallas-mavericks-foundation/