{"id":1178,"date":"2022-07-01T16:51:14","date_gmt":"2022-07-01T23:51:14","guid":{"rendered":"http:\/\/www.patrickmatte.com\/?p=1178"},"modified":"2025-08-15T10:50:29","modified_gmt":"2025-08-15T17:50:29","slug":"airpods-max-webvr-prototype","status":"publish","type":"post","link":"https:\/\/www.patrickmatte.com\/?p=1178","title":{"rendered":"Airpods Max WebVR prototype"},"content":{"rendered":"<div class=\"text\">\n<div class=\"columnLeft\">\nThis WebVR prototype was adapted from an in-store app that we had already made for the Airpods Max. The original website had a 3D model running in WebGL but all of the content was made with HTML so it had to be re-done completely to work in VR. One interesting detail is that the iPhone image in the original app was here replaced with a 3D model of the iPhone. The video capture is made with a Meta Oculus Quest 2 headset.<\/div>\n<div class=\"columnRight\">Here&#8217;s a video capture of the original in-store iPad web app.<\/p>\n<div style=\"position:relative; padding-top:56.25%;\">\n<iframe class=\"fixedRatio\" src=\"https:\/\/player.vimeo.com\/video\/880338900?badge=0&amp;byline=0&amp;portrait=0&amp;title=0&amp;color=00adef&amp;autoplay=0\" frameborder=\"0\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\" allowfullscreen=\"\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<div id=\"entry-header\" style=\"position:relative; padding-top:56.25%;\">\n<iframe class=\"fixedRatio\" src=\"https:\/\/player.vimeo.com\/video\/880342338?badge=0&amp;byline=0&amp;portrait=0&amp;title=0&amp;color=00adef&amp;autoplay=1&amp;muted=1\" frameborder=\"0\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\" allowfullscreen=\"\"><\/iframe><\/div>\n","protected":false},"excerpt":{"rendered":"<p>This WebVR prototype was adapted from an in-store app that we had already made for the Airpods Max. The original website had a 3D model running in WebGL but all of the content was made with HTML so it had to be re-done completely to work in VR. One interesting detail is that the iPhone [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1186,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1178","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=\/wp\/v2\/posts\/1178"}],"collection":[{"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1178"}],"version-history":[{"count":9,"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=\/wp\/v2\/posts\/1178\/revisions"}],"predecessor-version":[{"id":1231,"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=\/wp\/v2\/posts\/1178\/revisions\/1231"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=\/wp\/v2\/media\/1186"}],"wp:attachment":[{"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.patrickmatte.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}