Comments (5)
Yeah, that should solve and I tried that too, but in my case, most images fall back to what @hiukim said.
Depending on the tracking algorithm I think gray would be better. I'm currently using black on the NFT-Marker-Creator and that is part of the issue.
I have this proposal on JsArtoolkit5, I will test it today and maybe it can be applied to Mind-Ar too.
If you are interested I will keep you updated on the matter. Thanks, guys!
from mind-ar-js.
@Carnaux that's an interesting question. I don't have a certain answer top of my head, coz I haven't really tried that. The first step is to convert to grayscale, so depends on the pixel value of the conversion.
Is there any particular reason you want to track image with transparent background? The image will still have some solid background later anyway depends on whether you place it?
from mind-ar-js.
The image will still have some solid background later anyway depends on whether you place it?
Exactly that, background color independent marker, so I can use in any surface unless Mind-Ar already does that.
from mind-ar-js.
My recommendation would then be to crop the marker such that none of the transparency is in the cropped version. Then you track the cropped version instead and use the original (uncropped) target image as you intended.
from mind-ar-js.
I think @akhrarovsaid is right. that's also what I would do if cropping is possible.
I know there are cases where cropping is not possible. For example, your target is in circular shape, or your transparency background is in an inside area.
I think the simple answer to the original question is that the library didn't handle that. It will just turn them into a single color (maybe white or black, I'm not certain).
from mind-ar-js.
Related Issues (20)
- Image Targets Compiler offline not working HOT 1
- Issue with fullscreen? HOT 1
- how can i change camera resolution for image tracking HOT 2
- How can I get the cast shadow in AR ?
- GaussianSplats3D HOT 1
- Neither click event nor touchstart event seem to be working on Android chrome HOT 1
- Play audio from video after rubbing the marker. MindAR A-frame
- About the scale position such as canonical-face-model? HOT 3
- v1.2.5 could not open camera HOT 5
- How to disable mouse rotation of a 3D model in a scene?
- Are there any other 3d object tracking not the face ?
- Compile target images on server-side HOT 1
- Tailwind incompatibility
- Can I show two glb models ?
- How to show a model with no mindar-image-target="targetIndex: 0"
- Deprecated Three.js Property
- Using @tensorflow/tfjs-node instead of @tensorflow/tfjs on OfflineCompiler
- Converting a .png into a .mind
- Clicking objects stopped working reliably starting with mind-ar v1.2.2
- Different devices call the camera focal length issue
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 mind-ar-js.