Comments (1)
Hello! you can try using barcode markers, which are part of AR.js core.
Here's the full collection of barcodes:
https://github.com/nicolocarpignoli/artoolkit-barcode-markers-collection
This is how you can select any of the presets:
'3x3': artoolkit.AR_MATRIX_CODE_3x3,
'3x3_HAMMING63': artoolkit.AR_MATRIX_CODE_3x3_HAMMING63,
'3x3_PARITY65': artoolkit.AR_MATRIX_CODE_3x3_PARITY65,
'4x4': artoolkit.AR_MATRIX_CODE_4x4,
'4x4_BCH_13_9_3': artoolkit.AR_MATRIX_CODE_4x4_BCH_13_9_3,
'4x4_BCH_13_5_5': artoolkit.AR_MATRIX_CODE_4x4_BCH_13_5_5,
And here's an example:
<a-scene
embedded
arjs="detectionMode: mono_and_matrix; matrixCodeType: 3x3_HAMMING63;"
renderer="logarithmicDepthBuffer: true;"
vr-mode-ui="enabled: false"
>
<a-assets>
<a-asset-item id="bowser" src="../assets/bowser.glb"></a-asset-item>
</a-assets>
<a-marker type="barcode" value="0">
<a-entity
position="0 0 1"
scale="0.1 0.1 0.1"
rotation="-90 0 0"
gltf-model="#bowser"
></a-entity>
</a-marker>
<a-marker type="barcode" value="1">
<a-entity
position="0 0 1"
scale="0.1 0.1 0.1"
rotation="90 180 0"
gltf-model="#bowser"
></a-entity>
</a-marker>
<a-entity camera></a-entity>
</a-scene>
Once you have this up and runnng you should just gesture components exactly as on marker examples and that's it. Keep in mind that gestures only work with one marker at a time. If you have multiple markers you need some logic to select with model will be modified by gesture events.
from arjs-gestures.
Related Issues (19)
- Can't manipulate the model (not via marker)
- Keep the model in the center of the screen HOT 5
- How to use the example under vue or ES6 module? HOT 2
- Camera error HOT 3
- Multiple object HOT 1
- Customise scaling of height and width HOT 7
- Can this work with the location-based method? HOT 3
- How to stop animation on touch HOT 1
- How Can I set autorate?
- The second example does not work ! HOT 2
- Disable vertical rotation HOT 6
- How can i can moving object3d by onefingermove? HOT 2
- It doesn' work in PC like Chrome browser
- About AR marker HOT 4
- issue HOT 1
- How to replace other photos HOT 1
- Image Tracking
- Loading multiple models HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from arjs-gestures.