L-Chris / nicolocarpignoli.github.io

A playground for AR.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

nicolocarpignoli.github.io

New personal website

https://nicolocarpignoli.github.io/me

Folder /me. Personal website built only using HTML + CSS and a bit of vanilla JS.

A playground for AR.js (marker-based)

Demos

  • AR.js basic example (ar-playground/) Basic example using barcode markers. Start from here if you have never tried AR.js

  • AR.js working click events (ar-click-events/) Working example of click events handling. Disclaimer: not production ready, it fits good for experiments but also for simple applications. Clicks work very well on the centre of the screen, not so well on angles. It is suggested to use this approach for cases where only one marker is displayed at a time. You can start from this example and try to tune parameters of marker size and event detail data to meet your application requirements.

  • AR.js experimental (not stable) (ar-experimental/) I use this folder for experiments, also as a sandbox for snippets for my Medium articles. Don't use this code, really :)

Don't mind other folders, they are temporary (used for speeches and similar stuff).

Articles

Image Based with AR.js (coming soon)

  • ...

Marker Based with AR.js

Location Based with AR.js

Check my Medium page/follow me. More articles upcoming.

Other useful links

About

A playground for AR.js

License:MIT License


Languages

Language:HTML 91.1%Language:CSS 4.5%Language:JavaScript 4.4%