Upload 14 files

.gitattributes

@@ -34,3 +34,5 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
 Build/Build.data filter=lfs diff=lfs merge=lfs -text
+Build/Build.data.unityweb filter=lfs diff=lfs merge=lfs -text
+Build/Build.wasm.code.unityweb filter=lfs diff=lfs merge=lfs -text

Build/Build.data.unityweb

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cb45e233ab3bd761e4d84679cce5c31e31905e54283697500d9aa165b6e84382
+size 5631879

Build/Build.json

@@ -0,0 +1,16 @@
+{
+"companyName": "DefaultCompany",
+"productName": "WebAr",
+"productVersion": "0.1",
+"dataUrl": "Build.data.unityweb",
+"wasmCodeUrl": "Build.wasm.code.unityweb",
+"wasmFrameworkUrl": "Build.wasm.framework.unityweb",
+"graphicsAPI": ["WebGL 2.0","WebGL 1.0"],
+"webglContextAttributes": {"preserveDrawingBuffer": false},
+"splashScreenStyle": "Dark",
+
+"cacheControl": {"default": "must-revalidate"},
+"developmentBuild": false,
+"multithreading": false,
+"unityVersion": "2019.4.26f1"
+}

Build/Build.wasm.code.unityweb

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:97e4d6811831e229039706d7398dc413b44f278a3b9a44132e40402362bc17b5
+size 13683444

ThreeVersion/appThree.js

@@ -0,0 +1,220 @@
+//import ------------------------------------------------------
+
+var unityContainer = document.getElementById("unityContainer")
+let unityInstance = UnityLoader.instantiate("unityContainer", "Build/WebGLtest.json",  {onProgress: unityProgress});  
+
+var unityCanvas = document.getElementsByTagName('canvas')[0];
+
+function unityProgress(unityInstance, progress) {
+    if (!unityInstance.Module)
+        return;
+    if (!unityInstance.logo) {
+        unityInstance.logo = document.createElement("div");
+        unityInstance.logo.className = "logo " + unityInstance.Module.splashScreenStyle;
+        unityInstance.container.appendChild(unityInstance.logo);
+    }
+    if (!unityInstance.progress) {    
+        unityInstance.progress = document.createElement("div");
+        unityInstance.progress.className = "progress " + unityInstance.Module.splashScreenStyle;
+        unityInstance.progress.empty = document.createElement("div");
+        unityInstance.progress.empty.className = "empty";
+        unityInstance.progress.appendChild(unityInstance.progress.empty);
+        unityInstance.progress.full = document.createElement("div");
+        unityInstance.progress.full.className = "full";
+        unityInstance.progress.appendChild(unityInstance.progress.full);
+        unityInstance.container.appendChild(unityInstance.progress);
+    }
+    unityInstance.progress.full.style.width = (100 * progress) + "%";
+    unityInstance.progress.empty.style.width = (100 * (1 - progress)) + "%";
+
+    onResize()
+     
+    if (progress < 1){
+        arToolkitSource.domElement.style.opacity = 0
+    }
+
+    if (progress == 1){
+        arToolkitSource.domElement.style.opacity = 1
+        unityInstance.logo.style.display = unityInstance.progress.style.display = "none";
+    }
+}
+
+//three base ------------------------------------------------------
+
+var onRenderFcts= [];
+
+var scene = new THREE.Scene();
+
+var camera = new THREE.PerspectiveCamera( 60, window.innerWidth/window.innerHeight, 0.1, 1000 );
+
+var renderer = new THREE.WebGLRenderer({
+    antialias: true,
+    alpha: true
+});
+
+renderer.setClearColor(new THREE.Color('lightgrey'), 0)
+
+renderer.setSize( window.innerWidth, window.innerHeight );
+// renderer.domElement.style.position = 'absolute'
+// renderer.domElement.style.top = '0px'
+// renderer.domElement.style.left = '0px'
+
+document.body.appendChild( renderer.domElement );
+
+//artoolkit  ------------------------------------------------------
+
+var arToolkitSource = new THREEx.ArToolkitSource({
+    sourceType : 'webcam',
+})
+
+arToolkitSource.init(function onReady(){
+    onResize()
+})
+
+window.addEventListener('resize', function(){
+    onResize()
+})
+
+function onResize(){
+    arToolkitSource.onResizeElement()
+    arToolkitSource.copyElementSizeTo(renderer.domElement)
+    arToolkitSource.copyElementSizeTo(unityCanvas)
+
+    if( arToolkitContext.arController !== null ){
+        arToolkitSource.copyElementSizeTo(arToolkitContext.arController.canvas)
+        
+    }
+}
+
+var arToolkitContext = new THREEx.ArToolkitContext({
+    cameraParametersUrl: 'data/camera/camera_para.dat',
+    detectionMode: 'mono',
+})
+
+arToolkitContext.init(function onCompleted(){
+    camera.projectionMatrix.copy( arToolkitContext.getProjectionMatrix() );
+})
+
+
+onRenderFcts.push(function(){
+    if( arToolkitSource.ready === false )	return
+
+    arToolkitContext.update( arToolkitSource.domElement )
+})
+
+//3d els ------------------------------------------------------
+
+var geometry = new THREE.BoxGeometry( 1, 1, 1 );
+var material = new THREE.MeshNormalMaterial({
+    transparent : true,
+    opacity: 0.5,
+    side: THREE.DoubleSide
+});
+
+var cube = new THREE.Mesh( geometry, material );
+
+// cube.position.x = 6;
+// cube.position.y = 4;
+// cube.position.z = -13;
+
+scene.add( cube );
+
+var artoolkitMarker = new THREEx.ArMarkerControls(arToolkitContext, cube, {
+    type : 'pattern',
+    patternUrl : '/data/markers/patt.hiro',
+})
+
+
+var render = function () {
+  requestAnimationFrame( render );
+
+//   cube.rotation.x += 0.01;
+//   cube.rotation.y += 0.01;
+
+  renderer.render(scene, camera);
+};
+
+render();
+
+var lastTimeMsec= null
+requestAnimationFrame(function animate(nowMsec){
+    // keep looping
+    requestAnimationFrame( animate );
+    // measure time
+    lastTimeMsec	= lastTimeMsec || nowMsec-1000/60
+    var deltaMsec	= Math.min(200, nowMsec - lastTimeMsec)
+    lastTimeMsec	= nowMsec
+    // call each update function
+    onRenderFcts.forEach(function(onRenderFct){
+        onRenderFct(deltaMsec/1000, nowMsec/1000)
+    })
+})
+
+//Unity ------------------------------------------------------
+
+onResize()
+
+window.STATUSCUBE = false;
+window.STATUSCAM = false;
+
+function camControlReady(){
+  window.STATUSCAM = true;
+}
+
+function cubeControlReady(){
+  window.STATUSCUBE = true;
+}
+
+
+function createUnityMatrix(el){
+    var m = el.matrix.clone();
+    var zFlipped = new THREE.Matrix4().makeScale(1, 1, -1).multiply(m);
+    var rotated = zFlipped.multiply(new THREE.Matrix4().makeRotationX(-Math.PI/2));
+    return rotated;
+}
+
+onRenderFcts.push(function(){
+
+    var camtr = new THREE.Vector3(),
+    camro = new THREE.Quaternion(),
+    camsc = new THREE.Vector3();
+
+    camera.matrix.clone().decompose(camtr, camro, camsc);
+
+    let projection = camera.projectionMatrix.clone();
+    let tosend = `${[...projection.elements]}`
+
+    let posCam = `${[...camtr.toArray()]}`
+    let rotCam = `${[...camro.toArray()]}`
+
+    if(window.STATUSCAM){
+        unityInstance.SendMessage("Main Camera", "setProjection", tosend);
+        unityInstance.SendMessage("Main Camera", "setAspect", camera.aspect);
+
+        unityInstance.SendMessage("Main Camera", "setPosition", posCam);
+        unityInstance.SendMessage("Main Camera", "setRotation", rotCam);
+    }
+
+
+    var tr = new THREE.Vector3(),
+    ro = new THREE.Quaternion(),
+    sc = new THREE.Vector3();
+    // var m = createUnityMatrix(cube);
+    // console.log(m);
+    // console.log(JSON.stringify(m.elements));
+    // let tosend = `${[...m.elements]}`
+    createUnityMatrix(cube).decompose(tr, ro, sc);
+
+    // console.log(camera.fov, camera.getFocalLength(), camera.getEffectiveFOV(), camera.zoom)
+  
+    var posCube = tr.x.toString().concat(",", tr.y.toString(), ",", tr.z.toString());
+    var scaleCube = sc.x.toString().concat(",", sc.y.toString(), ",", sc.z.toString());
+    var rotCube = ro.x.toString().concat(",", ro.y.toString(), ",", ro.z.toString(), ",", ro.w.toString());
+
+
+    if(window.STATUSCUBE){
+        unityInstance.SendMessage("Cube", "setRotation", rotCube);
+        unityInstance.SendMessage("Cube", "setScale", scaleCube);
+        unityInstance.SendMessage("Cube", "setPosition", posCube);
+    }
+})

ThreeVersion/indexThree.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en-us">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>Unity WebGL Player | WebGL Test AR</title>
+    <script src="https://threejs.org/build/three.js"></script>
+    <script src="js/lib/ar.js"></script>
+    <script src="Build/UnityLoader.js"></script>
+
+    <style>
+      body{
+        margin: 0;
+      }
+
+      /* html, body{
+        width: 100vw;
+        min-height: -webkit-fill-available;
+      } */
+
+      #unityContainer{
+        margin: 0;
+        width: 100%;
+        height: 100%;
+      }
+
+      canvas{
+        margin: 0;
+        width: 100%;
+        height: 100%;
+      }
+      
+    </style>
+  </head>
+
+  <body>
+    <div id="unityContainer"></div>
+    <script src="ThreeVersion/appThree.js"></script>
+  </body>
+</html>

data/markers/pi.patt

@@ -0,0 +1,195 @@
+255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255
+255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255
+255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255
+255 255 255 255 255  36 255 255 255   1   0 255 255 255 255 255
+255 255 255 255 255  36 255 255 255  36 255 255 255 255 255 255
+255 255 255 255 255 255  36  36  36 255  36 255 255 255 255 255
+255 255 255 255 255 255  36  36  36  36  36 255 255 255 255 255
+255 255 255 255 255 255   0  36   0  36  36 255 255 255 255 255
+255 255 255 255 255 255  16  36  36  36 255 255 255 255 255 255
+255 255 255 255 255 255  36  36  36 255 255 255 255 255 255 255
+255 255 255 255 255 255  36  29  36  16 255 255 255 255 255 255
+255 255 255 255 255 255  36  36  36 217 255 255 255 255 255 255
+255 255 255 255 255  36  36  14  36  36 255 255 255 255 255 255
+255 255 255 255 255 255   2  29  36  29 255 255 255 255 255 255
+255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255
+255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255
+124 124 124 124 124 124 126 129 129 126 124 124 124 124 124 124
+124 124 124 124 129 133 136 137 137 136 133 129 124 124 124 124
+124 124 126 132 137 141 143 146 145 144 141 137 132 126 124 124
+124 124 132 138 143 218 151 153 153   8   0 143 138 132 124 124
+124 130 137 143 150 218 159 161 161 218 155 150 143 137 130 124
+124 132 141 148 155 161 218 218 218 166 218 155 148 141 133 124
+127 135 143 151 159 166 218 218 218 218 218 159 151 143 136 126
+129 136 145 153 161 169   3 218  38 218 218 161 153 145 136 128
+128 136 145 153 161 169  51 218 218 218 169 161 153 145 136 129
+126 135 143 150 159 166 218 218 218 172 166 159 150 143 135 126
+124 133 141 148 154 161 218 151 218  67 160 155 147 141 133 124
+124 129 136 143 149 154 218 218 218 137 154 149 143 136 129 124
+124 124 132 137 143 218 218  82 218 218 147 143 137 131 124 124
+124 124 125 131 136 140  12 151 218 151 140 136 131 125 124 124
+124 124 124 124 129 132 134 136 136 134 132 129 124 124 124 124
+124 124 124 124 124 124 126 128 126 126 124 124 124 124 124 124
+147 147 147 147 147 147 149 150 150 149 147 147 147 147 147 147
+147 147 147 148 151 154 156 157 157 156 154 151 147 147 147 147
+147 147 149 153 157 160 162 164 163 163 160 157 153 149 147 147
+147 147 153 158 162 255 169 170 170  10   0 162 158 153 147 147
+147 151 157 162 168 255 175 177 177 255 172 168 162 157 151 147
+147 153 160 166 172 177 255 255 255 181 255 172 166 160 154 147
+149 155 162 169 175 181 255 255 255 255 255 175 169 162 156 149
+150 156 163 170 177 183   3 255  77 255 255 177 170 163 156 150
+150 156 163 170 177 184 255 255 255 255 183 177 170 163 156 150
+149 155 162 168 175 181 255 255 255 186 181 175 168 162 155 149
+147 154 160 166 171 177 255 230 255 208 176 172 165 160 154 147
+147 150 156 162 167 171 255 255 255 150 171 167 162 156 150 147
+147 147 153 157 162 255 255  96 255 255 165 162 157 152 147 147
+147 147 147 152 156 159  18 230 255 230 160 156 152 148 147 147
+147 147 147 147 151 153 155 156 156 155 153 150 147 147 147 147
+147 147 147 147 147 147 149 149 149 149 147 147 147 147 147 147
+
+241 240 242 241 242 242 241 242 242 242 242 242 242 241 242 204
+255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 216
+255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 216
+255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 216
+255 255 255 255 209 170 193 240 255 255 255 255 255 255 255 216
+255 255 221 119 197  45  36 109 244 186 255 255 246 255 255 216
+255 255 255 137  45 107  34  35  43  76  94 140  60  90 227 216
+255 255 255 255 177  35  40  36  29  32  35  35  35  32 179 216
+255 255 255 255 176  36  36  35  33  36  34  33  31  35 224 216
+255 255 255 241 143  54  68  55  27  85  66  36  34  30 194 216
+255 255 217  53 109 235 255 255 255 255 255 213 105 160 251 216
+255 255 196 222 255 255 255 255 255 255 255 255 255 255 255 216
+255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 216
+255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 216
+255 255 255 255 255 255 255 255 255 255 255 255 255 255 255 216
+242 242 242 242 242 242 241 242 242 242 242 242 242 242 241 204
+118 129 118 118 118 119 120 121 122 120 118 118 118 118 118 108
+124 147 123 124 127 131 133 135 135 133 130 126 124 123 123 113
+123 123 124 129 135 139 141 143 143 141 138 134 129 124 123 112
+123 124 129 135 141 146 149 151 151 149 145 140 135 128 124 113
+123 127 134 141 146 166 163 157 159 156 152 146 140 134 126 113
+124 131 119  91 133 205 218 183 164 163 158 152 143 138 129 113
+126 133 142 168 205 167 207 203 151 172 149 171 178 151 128 115
+126 135 143 151 162 215 203 157 170 193 212 214 212 193 135 116
+126 135 143 151 163 218 218 213 202 218 205 202 191 168 135 116
+126 133 142 147 170 202 188 139 112 166 198 217 208 182 128 114
+124 131 133 165 178 158 164 167 166 163 158 152 159 135 128 113
+123 127 102 122 147 152 157 159 159 156 152 147 140 134 126 113
+123 124 129 135 141 145 149 151 151 149 145 140 135 128 124 113
+123 123 124 129 134 139 141 143 143 141 138 134 128 124 123 113
+123 123 123 124 127 131 133 135 134 133 130 126 124 123 123 112
+118 118 118 118 118 119 120 122 122 120 118 118 118 118 118 108
+140 148 140 140 140 140 141 142 142 141 140 140 140 140 140 127
+147 166 147 147 149 151 153 155 155 153 151 148 147 147 147 133
+147 147 147 150 154 158 160 162 161 160 157 154 150 147 147 133
+147 147 150 156 160 164 166 168 168 166 163 160 155 150 147 133
+147 149 155 160 166 189 183 174 174 172 169 164 159 154 148 133
+147 151 137 103 150 240 255 210 179 182 174 169 161 157 151 133
+148 154 160 194 240 192 244 238 222 208 196 197 209 199 152 134
+148 155 162 169 183 253 238 185 240 241 249 252 249 237 162 135
+148 155 162 169 184 255 255 250 238 255 249 238 230 215 156 135
+148 154 160 165 195 236 217 163 224 207 231 255 244 230 156 134
+147 151 152 193 206 175 179 181 181 178 174 171 188 174 149 133
+147 149 118 139 165 169 173 175 175 172 169 165 159 154 148 133
+147 147 151 156 160 163 166 168 168 166 163 160 155 150 147 133
+147 147 147 150 154 158 160 162 162 160 157 154 150 147 147 133
+147 147 147 147 148 151 153 155 155 153 151 148 147 147 147 133
+140 141 140 141 140 140 141 142 142 141 140 140 140 141 140 127
+
+204 216 216 216 216 216 216 216 216 216 216 216 216 216 216 204
+242 255 255 255 255 255 227 179 224 194 251 255 255 255 255 241
+241 255 255 255 255 255  90  32  35  30 160 255 255 255 255 242
+242 255 255 255 255 246  60  35  31  34 105 255 255 255 255 242
+242 255 255 255 255 255 140  35  33  36 213 255 255 255 255 242
+242 255 255 255 255 255  94  35  34  66 255 255 255 255 255 242
+242 255 255 255 255 186  76  32  36  85 255 255 255 255 255 242
+242 255 255 255 255 244  43  29  33  27 255 255 255 255 255 242
+242 255 255 255 240 109  35  36  35  55 255 255 255 255 255 242
+241 255 255 255 193  36  34  40  36  68 255 255 255 255 255 241
+242 255 255 255 170  45 107  35  36  54 235 255 255 255 255 242
+242 255 255 255 209 197  45 177 176 143 109 255 255 255 255 242
+241 255 255 255 255 119 137 255 255 241  53 222 255 255 255 242
+242 255 255 255 255 221 255 255 255 255 217 196 255 255 255 242
+240 255 255 255 255 255 255 255 255 255 255 255 255 255 255 242
+241 255 255 255 255 255 255 255 255 255 255 255 255 255 255 242
+108 113 112 113 113 113 115 116 116 114 113 113 113 113 112 108
+118 123 123 124 126 129 128 135 135 128 128 126 124 123 123 118
+118 123 124 128 134 138 151 193 168 182 135 134 128 124 123 118
+118 124 129 135 140 143 178 212 191 208 159 140 135 128 124 118
+118 126 134 140 146 152 171 214 202 217 152 147 140 134 126 118
+118 130 138 145 152 158 149 212 205 198 158 152 145 138 130 118
+120 133 141 149 156 163 172 193 218 166 163 156 149 141 133 120
+122 135 143 151 159 164 151 170 202 112 166 159 151 143 134 122
+121 135 143 151 157 183 203 157 213 139 167 159 151 143 135 122
+120 133 141 149 163 218 207 203 218 188 164 157 149 141 133 120
+119 131 139 146 166 205 167 215 218 202 158 152 145 139 131 119
+118 127 135 141 146 133 205 162 163 170 178 147 141 134 127 118
+118 124 129 135 141  91 168 151 151 147 165 122 135 129 124 118
+118 123 124 129 134 119 142 143 143 142 133 102 129 124 123 118
+129 147 123 124 127 131 133 135 135 133 131 127 124 123 123 118
+118 124 123 123 123 124 126 126 126 126 124 123 123 123 123 118
+127 133 133 133 133 133 134 135 135 134 133 133 133 133 133 127
+140 147 147 147 148 151 152 162 156 156 149 148 147 147 147 140
+140 147 147 150 154 157 199 237 215 230 174 154 150 147 147 141
+140 147 150 155 159 161 209 249 230 244 188 159 155 150 147 140
+140 148 154 160 164 169 197 252 238 255 171 165 160 154 148 140
+140 151 157 163 169 174 196 249 249 231 174 169 163 157 151 140
+141 153 160 166 172 182 208 241 255 207 178 172 166 160 153 141
+142 155 161 168 174 179 222 240 238 224 181 175 168 162 155 142
+142 155 162 168 174 210 238 185 250 163 181 175 168 162 155 142
+141 153 160 166 183 255 244 238 255 217 179 173 166 160 153 141
+140 151 158 164 189 240 192 253 255 236 175 169 163 158 151 140
+140 149 154 160 166 150 240 183 184 195 206 165 160 154 148 140
+140 147 150 156 160 103 194 169 169 165 193 139 156 150 147 141
+140 147 147 150 155 137 160 162 162 160 152 118 151 147 147 140
+148 166 147 147 149 151 154 155 155 154 151 149 147 147 147 141
+140 147 147 147 147 147 148 148 148 148 147 147 147 147 147 140
+
+204 241 242 242 242 242 242 242 242 241 242 242 242 242 242 242
+216 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255
+216 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255
+216 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255
+216 255 255 255 255 255 255 255 255 255 255 255 222 196 255 255
+216 251 160 105 213 255 255 255 255 255 235 109  53 217 255 255
+216 194  30  34  36  66  85  27  55  68  54 143 241 255 255 255
+216 224  35  31  33  34  36  33  35  36  36 176 255 255 255 255
+216 179  32  35  35  35  32  29  36  40  35 177 255 255 255 255
+216 227  90  60 140  94  76  43  35  34 107  45 137 255 255 255
+216 255 255 246 255 255 186 244 109  36  45 197 119 221 255 255
+216 255 255 255 255 255 255 255 240 193 170 209 255 255 255 255
+216 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255
+216 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255
+216 255 255 255 255 255 255 255 255 255 255 255 255 255 255 255
+204 242 241 242 242 242 242 242 242 241 242 242 241 242 240 241
+108 118 118 118 118 118 120 122 122 120 119 118 118 118 118 118
+112 123 123 124 126 130 133 134 135 133 131 127 124 123 123 123
+113 123 124 128 134 138 141 143 143 141 139 134 129 124 123 123
+113 124 128 135 140 145 149 151 151 149 145 141 135 129 124 123
+113 126 134 140 147 152 156 159 159 157 152 147 122 102 127 123
+113 128 135 159 152 158 163 166 167 164 158 178 165 133 131 124
+114 128 182 208 217 198 166 112 139 188 202 170 147 142 133 126
+116 135 168 191 202 205 218 202 213 218 218 163 151 143 135 126
+116 135 193 212 214 212 193 170 157 203 215 162 151 143 135 126
+115 128 151 178 171 149 172 151 203 207 167 205 168 142 133 126
+113 129 138 143 152 158 163 164 183 218 205 133  91 119 131 124
+113 126 134 140 146 152 156 159 157 163 166 146 141 134 127 123
+113 124 128 135 140 145 149 151 151 149 146 141 135 129 124 123
+112 123 124 129 134 138 141 143 143 141 139 135 129 124 123 123
+113 123 123 124 126 130 133 135 135 133 131 127 124 123 147 124
+108 118 118 118 118 118 120 122 121 120 119 118 118 118 129 118
+127 140 141 140 140 140 141 142 142 141 140 140 141 140 141 140
+133 147 147 147 148 151 153 155 155 153 151 148 147 147 147 147
+133 147 147 150 154 157 160 162 162 160 158 154 150 147 147 147
+133 147 150 155 160 163 166 168 168 166 163 160 156 151 147 147
+133 148 154 159 165 169 172 175 175 173 169 165 139 118 149 147
+133 149 174 188 171 174 178 181 181 179 175 206 193 152 151 147
+134 156 230 244 255 231 207 224 163 217 236 195 165 160 154 148
+135 156 215 230 238 249 255 238 250 255 255 184 169 162 155 148
+135 162 237 249 252 249 241 240 185 238 253 183 169 162 155 148
+134 152 199 209 197 196 208 222 238 244 192 240 194 160 154 148
+133 151 157 161 169 174 182 179 210 255 240 150 103 137 151 147
+133 148 154 159 164 169 172 174 174 183 189 166 160 155 149 147
+133 147 150 155 160 163 166 168 168 166 164 160 156 150 147 147
+133 147 147 150 154 157 160 161 162 160 158 154 150 147 147 147
+133 147 147 147 148 151 153 155 155 153 151 149 147 147 166 147
+127 140 140 140 140 140 141 142 142 141 140 140 140 140 148 140

index.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en-us">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>Unity WebGL Player | WebGL Test AR</title>
+    <script src="js/lib/aframe.min.js"></script>
+    <script src="js/lib/aframe-ar.js"></script>
+    <script src="Build/UnityLoader.js"></script>
+    <script src="js/app.js"></script>
+
+  </head>
+
+  <body style="margin: 0px; overflow: hidden;">
+    <a-scene embedded arjs vr-mode-ui="enabled: false" copycanvas>
+      <div id="unityContainer" style="z-index: 2" ></div>
+      <!-- <a-marker preset="hiro"> <a-box></a-box> </a-marker> -->
+      <!-- <a-marker type="pattern" url="data/markers/pattern-arjs.patt"><a-box></a-box></a-marker> -->
+      <!-- <a-marker type="pattern" url="data/markers/test.patt" markercontroller="name : hiro"></a-marker> -->
+
+			<a-marker type="pattern" url="data/markers\pi.patt" markercontroller="name : pi"></a-marker>
+
+      <a-entity camera cameratransform></a-entity>
+    </a-scene>
+  </body>
+</html>

js/app.js

@@ -0,0 +1,89 @@
+const unityInstance = UnityLoader.instantiate("unityContainer", "Build/Build.json");
+let isCameraReady = false;
+let isDetectionManagerReady = false;
+let gl = null;
+
+function cameraReady(){
+    isCameraReady = true;
+    gl = unityInstance.Module.ctx;
+}
+
+function detectionManagerReady(){
+    isDetectionManagerReady = true;
+}
+
+function createUnityMatrix(el){
+    const m = el.matrix.clone();
+    const zFlipped = new THREE.Matrix4().makeScale(1, 1, -1).multiply(m);
+    const rotated = zFlipped.multiply(new THREE.Matrix4().makeRotationX(-Math.PI/2));
+    return rotated;
+}
+
+AFRAME.registerComponent('markercontroller', {
+    schema: {
+        name : {type: 'string'}
+    },
+    tock: function(time, timeDelta){
+
+        let position = new THREE.Vector3();
+        let rotation = new THREE.Quaternion();
+        let scale = new THREE.Vector3();
+
+        createUnityMatrix(this.el.object3D).decompose(position, rotation, scale);
+
+        const serializedInfos = `${this.data.name},${this.el.object3D.visible},${position.toArray()},${rotation.toArray()},${scale.toArray()}`;
+
+        if(isDetectionManagerReady){
+          unityInstance.SendMessage("DetectionManager", "markerInfos", serializedInfos);
+        }
+    } 
+});
+
+AFRAME.registerComponent('cameratransform', {
+    tock: function(time, timeDelta){
+
+        let camtr = new THREE.Vector3();
+        let camro = new THREE.Quaternion();
+        let camsc = new THREE.Vector3();
+
+        this.el.object3D.matrix.clone().decompose(camtr, camro, camsc);
+
+        const projection = this.el.components.camera.camera.projectionMatrix.clone();
+        const serializedProj = `${[...projection.elements]}`
+
+        const posCam = `${[...camtr.toArray()]}`
+        const rotCam = `${[...camro.toArray()]}`
+ 
+        if(isCameraReady){
+            unityInstance.SendMessage("Main Camera", "setProjection", serializedProj);
+            unityInstance.SendMessage("Main Camera", "setPosition", posCam);
+            unityInstance.SendMessage("Main Camera", "setRotation", rotCam);
+
+            let w = window.innerWidth;
+            let h = window.innerHeight; 
+
+            const unityCanvas = document.getElementsByTagName('canvas')[0];
+
+            const ratio = unityCanvas.height / h;
+
+            w *= ratio
+            h *= ratio
+
+            const size = `${w},${h}`
+
+            unityInstance.SendMessage("Canvas", "setSize", size);
+        }
+
+        if(gl != null){
+            gl.dontClearOnFrameStart = true;
+        }
+    } 
+});
+
+AFRAME.registerComponent('copycanvas', {
+    tick: function(time, timeDelta){
+        const unityCanvas = document.getElementsByTagName('canvas')[0];
+        unityCanvas.width = this.el.canvas.width
+        unityCanvas.height = this.el.canvas.height
+    } 
+});