[SOLVED] WebXR Gltf Issues

entrebot · February 21, 2019, 1:09pm

I’m trying to use the GLTF loader in WebXR by copying the code from boombox/index.html in the simplestAR example

Boombox
https://examples.webxrexperiments.com/examples/boombox/

SimplestAR

mozilla/webxr-polyfill/blob/master/examples/ar_simplest/index.html

<html>
	<head>
		<title>AR simplest example</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<style>
			body, html {
				padding: 0;
				margin: 0;
				width: 100%;
				height: 100%;
				-webkit-user-select: none;
				user-select: none;
			}
			#target {
				width: 100%;
				height: 100%;
				position: absolute;
			}
			.common-message {

This file has been truncated. show original

The issue in the console log is:
(index):144 could not load gltf TypeError: Cannot read property ‘add’ of undefined
at loadGLTF.then.gltf ((index):142)

Here is the repo:

If I have improperly stated my question I am happy to refactor it. I am an AR Designer getting into development and have a lot to learn.

Thanks to anyone who can help. I’m surprised to have not yet found a code example with gltf loader in WebXR for AR.

entrebot · February 21, 2019, 12:22am

Fixed it! I just need to put it where I’d initialized the scence instead of outside the brackets.