ar.js

gltf2.0 not showing in ar.js project

夙愿已清 提交于 2021-02-11 12:42:52
问题 I have created an ar.js tryout page like this: <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script> <script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"></script> <script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script> <body style='margin : 0px; overflow: hidden;'> <a-scene embedded arjs='sourceType: webcam;'> <!-- handle marker with hiro preset --> <a-marker preset='hiro'> <a-entity gltf-model

Problems with changing color of gltf object

 ̄綄美尐妖づ 提交于 2021-02-08 23:43:23
问题 With this answer as a reference, I have succeeded in changing the color of the gltf model. (Change the color of an object (.dae or gltf) in "AR.JS") However, the model texture will disappear. why? <!-- A FRAME --> <script src="https://aframe.io/releases/1.0.0/aframe.min.js"></script> <script src="https://unpkg.com/aframe-orbit-controls@1.2.0/dist/aframe-orbit-controls.min.js"></script> <script> AFRAME.registerComponent('carman', { init: function(){ let el = this.el; let self = this; self.cars

Image Tracking and Location-Based AR with A-Frame and AR.js 3 having a problem with descriptors

爱⌒轻易说出口 提交于 2021-02-05 12:17:22
问题 I'm really new to A-Frame and Ar.js, literally found out about this and started working on this today. It's for a project I'm doing and I'm using this tutorial https://aframe.io/blog/arjs3/#creating-image-descriptors I followed the instructions and uploaded the 'dinosaur' image into an NFT creator. It said I would get three images downloaded, I did and they end with fset3, fset and iset. I tried clicking on the downloaded images and got a message saying 'There is no application set to open

Image Tracking and Location-Based AR with A-Frame and AR.js 3 having a problem with descriptors

↘锁芯ラ 提交于 2021-02-05 12:14:10
问题 I'm really new to A-Frame and Ar.js, literally found out about this and started working on this today. It's for a project I'm doing and I'm using this tutorial https://aframe.io/blog/arjs3/#creating-image-descriptors I followed the instructions and uploaded the 'dinosaur' image into an NFT creator. It said I would get three images downloaded, I did and they end with fset3, fset and iset. I tried clicking on the downloaded images and got a message saying 'There is no application set to open

Change the color of an object (.dae or gltf) in “AR.JS”

对着背影说爱祢 提交于 2021-02-05 09:38:30
问题 I'm trying to change the color of an object I created in blender. I can change the color of objects like "a-box, a-sphere" in the html code itself, but with objects inside tree.js (gltf or .dae - collada) I cannot. CodePen (This is just a test environment for future application in my real project (AR.JS)) <html> <head> <script src="https://aframe.io/releases/0.7.0/aframe.min.js"></script> </head> <body> <a-scene> <a-gltf-model id="test" src="https://raw.githubusercontent.com/KurtRodrigues

Click event on a-entity in ar.js

一世执手 提交于 2021-01-28 12:24:08
问题 I have a simple code where there is a plane over barcode marker, when I click on this plane this action toggle visibility to another entity. <!doctype HTML> <html> <head> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> </head> <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script> <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script> <script src="https://rawgit.com/donmccurdy

Click event on a-entity in ar.js

a 夏天 提交于 2021-01-28 12:20:46
问题 I have a simple code where there is a plane over barcode marker, when I click on this plane this action toggle visibility to another entity. <!doctype HTML> <html> <head> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> </head> <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script> <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script> <script src="https://rawgit.com/donmccurdy

How to trigger multiple videos with ar.js

别等时光非礼了梦想. 提交于 2021-01-28 07:55:32
问题 FINAL UPDATE 9/13/2019 11:50pm : This code works with several custom markers, however the markers cannot be too similar. My previous custom markers were all stars with mild differences, and I think this was tripping it up somehow. But with newer, more unique markers, it works. For some reason, though, this did not affect the result when using the "separate components" method. Updated: 9/13/2019 : The below code works with hiro and kanji preset markers and one custom marker. However, when I

Event listeners in ar.js

China☆狼群 提交于 2021-01-19 10:33:18
问题 I am developing a project which involves ar.js that is displaying 3d objects and text to teach children the alphabet on both mobile devices and laptops. I was trying to add an event listener as an extra to make the children interact more. My target is to click/touch on the model displayed and it will enlarge or change color or rotation. Attached find my code. Hopefully you could solve my issue. HTML Code <!DOCTYPE html> <html> <head> <script src = "https://aframe.io/releases/1.0.3/aframe.min

Event listeners in ar.js

可紊 提交于 2021-01-19 10:30:08
问题 I am developing a project which involves ar.js that is displaying 3d objects and text to teach children the alphabet on both mobile devices and laptops. I was trying to add an event listener as an extra to make the children interact more. My target is to click/touch on the model displayed and it will enlarge or change color or rotation. Attached find my code. Hopefully you could solve my issue. HTML Code <!DOCTYPE html> <html> <head> <script src = "https://aframe.io/releases/1.0.3/aframe.min