\n\u003C/a>\n",[101,855,853],{"__ignoreMap":99},[21,857,37,859,37,869],{"className":858},[24,25,26,27],[72,860,28,863,37],{"rel":861,"href":842},[862],"ar",[30,864],{"src":865,"alt":866,"className":867,"style":868},"https://developer.apple.com/augmented-reality/quick-look/models/hummingbird/hummingbird_2x.png","Hummingbird",[35,36],"max-width: 512px",[39,870,873,874],{"className":871},[42,43,44,872],"mt-1","Image credit: ",[72,875,883],{"href":876,"className":877,"target":880,"rel":881},"https://apple.com",[878,879],"underline","hover:text-blue-600","_blank",[882],"noopener","apple.com",[17,885,886],{},"If you want to show a text only, we have to add an invisible 1x1 pixel GIF inside the link element, otherwise it will not launch the Quick Look app.",[94,888,891],{"className":889,"code":890,"language":656},[654],"\u003Ca rel=\"ar\" href=\"https://developer.apple.com/augmented-reality/quick-look/models/hummingbird/hummingbird_anim.usdz\">\n Hummingbird\n \u003Cimg src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"/>\n\u003C/a>\n",[101,892,890],{"__ignoreMap":99},[72,894,896,897],{"rel":895,"href":842},[862],"\n Hummingbird\n ",[30,898],{"src":899},"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==",[12,901,679],{"id":902},"customizing-the-experience-1",[17,904,905],{},"There are a few parameters we can set to customize the user experience.",[86,907,909],{"id":908},"allowscontentscaling","allowsContentScaling",[17,911,912,913,916,917,920],{},"You can define if your users are able to resize the 3D model. This is especially useful if you are showing 3D models of products, this means your users can get a better understanding of how big the product is. Set it to ",[101,914,915],{},"1"," (default) to allow scaling and to ",[101,918,919],{},"0"," to prevent scaling.",[94,922,925],{"className":923,"code":924,"language":656},[654],"\u003Ca rel=\"ar\" href=\"https://developer.apple.com/augmented-reality/quick-look/models/hummingbird/hummingbird_anim.usdz#allowsContentScaling=0\">\n Hummingbird with disabled scaling\n \u003Cimg src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"/>\n\u003C/a>\n",[101,926,924],{"__ignoreMap":99},[72,928,931,932],{"rel":929,"href":930},[862],"https://developer.apple.com/augmented-reality/quick-look/models/hummingbird/hummingbird_anim.usdz#allowsContentScaling=0","\n Hummingbird with disabled scaling\n ",[30,933],{"src":899},[86,935,937],{"id":936},"canonicalwebpageurl","canonicalWebPageURL",[17,939,940],{},"By default the share button in the Quick Look app will share the model itself. You can define which link to share by using this parameter.",[94,942,945],{"className":943,"code":944,"language":656},[654],"\u003Ca rel=\"ar\" href=\"https://developer.apple.com/augmented-reality/quick-look/models/hummingbird/hummingbird_anim.usdz#canonicalWebPageURL=https://www.glb2png.com\">\n Hummingbird\n \u003Cimg src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"/>\n\u003C/a>\n",[101,946,944],{"__ignoreMap":99},[72,948,896,951],{"rel":949,"href":950},[862],"https://developer.apple.com/augmented-reality/quick-look/models/hummingbird/hummingbird_anim.usdz#canonicalWebPageURL=https://www.glb2png.com",[30,952],{"src":899},[12,954,786],{"id":955},"good-to-know-1",[17,957,958,960,961,965],{},[119,959,817],{}," also supports completely custom views and Apple Pay checkouts directly from AR. Check out the ",[72,962,804],{"href":963,"rel":964},"https://developer.apple.com/documentation/arkit/adding-an-apple-pay-button-or-a-custom-action-in-ar-quick-look",[76]," for more information.",[12,967,969],{"id":968},"detect-if-ios-device-support-ar","Detect if iOS device support AR",[17,971,972],{},"You can use the following javascript snippet to detect if the device supports augmented reality:",[94,974,976],{"className":96,"code":975,"language":98,"meta":99,"style":99},"const a = document.createElement(\"a\");\nif (a.relList.supports(\"ar\")) {\n // AR is available.\n}\n",[101,977,978,983,988,993],{"__ignoreMap":99},[39,979,980],{"class":105,"line":106},[39,981,982],{},"const a = document.createElement(\"a\");\n",[39,984,985],{"class":105,"line":112},[39,986,987],{},"if (a.relList.supports(\"ar\")) {\n",[39,989,990],{"class":105,"line":182},[39,991,992],{}," // AR is available.\n",[39,994,995],{"class":105,"line":188},[39,996,498],{},[585,998,587],{},{"title":99,"searchDepth":112,"depth":112,"links":1000},[1001,1002,1009,1010,1011,1015,1016],{"id":632,"depth":112,"text":633},{"id":678,"depth":112,"text":679,"children":1003},[1004,1005,1006,1007,1008],{"id":685,"depth":182,"text":685},{"id":730,"depth":182,"text":730},{"id":739,"depth":182,"text":739},{"id":748,"depth":182,"text":748},{"id":770,"depth":182,"text":770},{"id":785,"depth":112,"text":786},{"id":828,"depth":112,"text":829},{"id":902,"depth":112,"text":679,"children":1012},[1013,1014],{"id":908,"depth":182,"text":909},{"id":936,"depth":182,"text":937},{"id":955,"depth":112,"text":786},{"id":968,"depth":112,"text":969},"2025-08-10T00:00:00.000Z","Show your 3D models on your customers device without the need to install an app",{},"/blog/native_augmented_reality",{"title":612,"description":1018},{"loc":1020},"blog/native_augmented_reality","I2VT6QkKvfvogflBsVJ1Brhw4c2xPzcBqh2c-lkaToM",["Reactive",1026],{"$ssupabase_session":608,"$ssupabase_user":608,"$si18n:cached-locale-configs":1027,"$si18n:resolved-locale":99,"$ssite-config":1030},{"en":1028},{"fallbacks":1029,"cacheable":533},[],{"_priority":1031,"currentLocale":1035,"defaultLocale":1035,"env":1036,"name":1037,"url":1038},{"name":1032,"env":1033,"url":1032,"defaultLocale":1034,"currentLocale":1034},-3,-15,-2,"en-US","production","GLB2PNG","https://www.glb2png.com",["Set"],["ShallowReactive",1041],{"blog":-1},"/blog"]