prashant-andani / ar-alphabets Goto Github PK

View Code? Open in Web Editor NEW

126.0 15.0 43.0 28.3 MB

Augmented Reality on Web (Web AR) for Kids to learn Alphabets with fun. AR on all Mobile Devices

Home Page: https://skillstack.firebaseapp.com/

License: MIT License

HTML 39.10% JavaScript 48.40% CSS 12.49%

augmented-reality aframe web javascript learning-alphabets markers kids ar web-ar education

ar-alphabets's Introduction

Hi there 👋

ar-alphabets's People

Contributors

Stargazers

Watchers

Forkers

omie19 valdecirribeiro arrammanojkumar lqx131499 zerojuls reyadrahman con007 suchithmahadi raynt prettierci-commits spartalis imanemessak spartalisdigital ahmedcharef manniru melisaaltinsoy holdnewworld maldiva lablibertario renedekat lossoh hydrocarbo drosselli-ms suwungtandon gustavao markerio boguslav13 homesinfra xait virtualsense-org sparkingdark belle1306 saadmoha raishelmy krys-codes icantcook rajimahendiran rajarajeshwari2402 oligoform xuunnis123 val-andreev rahulkarda

ar-alphabets's Issues

Fix Next button

When the page loads ‘A’ AXE and model show up.
When clicking -> next ‘B’ for Boat speech comes on but the model doesn’t load. If I click -> next again ‘C’ for cow comes up with a model of the axe.
If I click back <- ‘B’ for Boat comes up and the boat model appears

I couldnt get the ar.js to work on iOS11, and I saw that yours work.
I am not sure if the ar.js you use is any different from the official AR.js so I use your ar.js file, and i still received the same error in iOS 11 with "WebCam Error: NotAllowedError".

My code is very simple and only works on PC with webcam:

<!doctype HTML>
<html>
<script src="https://aframe.io/releases/0.7.0/aframe.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script src="https://prashant-andani.github.io/AR.js/aframe/build/aframe-ar.js"></script>

<body style='margin : 0px; overflow: hidden;'>
    <a-scene stats embedded arjs artoolkit='sourceType: webcam;'>

        <a-assets>
            <a-asset-item id="model" src="models/mymodel.gltf" />
        </a-assets>
        <a-gltf-model src="#model" scale="0.01 0.01 0.01"></a-gltf-model>
        <!--<a-box material='color: black;'></a-box>-->
        <a-marker-camera preset='custom' type='pattern' patterUrl='ar.patt' url='ar.patt'>

        </a-marker-camera>
    </a-scene>
</body>

</html>

any reason why I cant get it working?

Camera not recognize the G maker

Hi,

I'm triyin to use it, i install my apache, my ssl certificate, and everything, when I open index.html it load the camera but when I try to read the "G" print maker from different devices and browsers but it not do anything, I don't have logs on my apache and I don't know how can it happend. Could you help me please?

Thank you in advance.

Regards!

prashant-andani / ar-alphabets Goto Github PK

ar-alphabets's Introduction

Hi there 👋

ar-alphabets's People

Contributors

Stargazers

Watchers

Forkers

ar-alphabets's Issues

Fix Next button

ar.js

Camera not recognize the G maker

How could you custom the markers and replace the hardcode once?

Can you put a copy of G marker in PNG or PDF?

Mute option for the speech ...Desktop and Mobile

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent