Scanning through camera against a bank of 10 images - reactjs

I building an app that can use an iPad camera to scan for particular images. There will be a bank of 10 images that will be matched against, and when there is a match on one I need to navigate the app to a specific screen.
I guess you can compare this to a QR scanner, but without QR codes.
Example of one of the images to scan is:
https://imgur.com/a/lhWv8ny
Trouble is, I'm struggling to come up with a solution to scan the images. The other parts, no issue.
I've tried pattern markers with a-frame, I've done a load of research but can't find anything concrete at the moment.
Any direction will greatly be appreciated.

Maybe try to import some machine-learning library and if it's text only extract the text and match it to a dictionary:
https://github.com/zsajjad/react-native-text-detector
Or you could match for similar images with opencv:
Checking images for similarity with OpenCV
https://github.com/brainhubeu/react-native-opencv-tutorial

Related

Model Training using a Data Set with CSV files and Images

I'm trying out to retrieve data from vertical bar charts as x, y, x_axis_title, y_axis_title. An example image is as follows.
I am currently creating a dataset with vertical bar charts as above. with a CSV file for each image as follows.
Would it be possible to create a model that can output the titles, and values for both x, and y without using OCR(Optical character recognition) with a certain number of images?
Is there a specific method to build the model? or a better method?
**I was trying to do this using tesseract OCR but it was a bit inaccurate
Any help would be appreciated!
In my personal experience, Paddle OCR works a lot better than Tesseract and can help you identify all the fields. Here is a good article explaining the usage of Paddle. Using this OCR, you will not really face any problem with the text since most of it is clearly visible
I don't think if it will be possible to get the data without that. As for the values of x and y, you can use Open CV and get intersection points of blue and white to get the points and link them with the y axis to get the exact values

URLImages in list renderer disappearing on iOS

I have a custom list renderer that has a logo for a business in it. It has a label Logo_URLImage that has the placeholder image. In my code I get the data and assign HashMaps to the list model, h.put("Logo_URLImage",imageURL); where imageURL is a string that has the absolute URL to the image.
On Android it seems to always work, but most of the testing has been on iOS devices. What happens is that images are updated as you'd expect the first time or two that you run it. A run later on will show blank images (flash the place holder image and then blank) and once that happens images will never come back.
Any thoughts on what might be causing this?
Check that you defined the LogoName map entry. Check that it is unique per image?
Check that it doesn't include special characters that might cause an issue.

Online Maps (google, nokia)

Is it possible to highlight a list of countries with a different colors?
I need to display some countries' statistics on the world map.
Now I use an image and fill a region with color (calculated for each country) by country's coordinates. It's a simple solution and it works well. But now I need to specify the countries' name too (and I think it's not the last customization).
There is a polygon solution, but it uses an array of coordinates. I don't think it's a suitable solution to highlight countries's territory.
I haven't found a solution yet. Any suggestions?
Thanks in advance.
Highlighting countries or regions to support statistics is known as Choropleth Mapping
, but unfortunately there usually isn't direct library support for Choropleth maps bundled into an online map API. This means you'll have to create your own framework, but fortunately it is possible to create one - I wrote an example using jQuery + HERE Maps to
answer the question here
Updated WKT solution now available
Access to KML shapes is no longer required, since the Geocoder API now offers an IncludeShapes attribute which returns the shape of a country in WKT format. A WKT parser can be found here.
A simple WKT choropleth example can be found here.
KML Base solution
For any framework you will need to have a file holding the boundaries of the countries or regions you need. The example uses a KML file, but you could also start with polygons if you had them. Country borders are a political minefield, which is the reason I guess most online mapping APIs steer clear of them. As a hint: try starting with something like http://geocommons.com/overlays/119819 and simplify it as much as possible to speed up the rendering- many small wiggles in the coast lines and small outlying islands are unnecessary.
Of course you could also try searching for "create choropleth map" from a search engine of your choice and use an tool to create a static image for your data (potentially at several zoom levels) and then use this as the basis of an map tile overlay. This requires a lot more work up front, but would push all the calculations server side and hence be faster to display.
Working example can be found on GitHub here
You could put the country's name into the image. It's not that difficult to place text into an image. The only tricky bit is if you are using tiles, you need to deal with names that cross tile boundaries by drawing the name once for each tile.

Apple Maps - Find destination/location - How to?

I'm still a noobie to app making, and i've been trying to read some of the documentary for the MapKit, but im still clueless on how to do this.
I have a textfield on TabBar2, and Apple Map on TabBar1.
How do i make the textfield on TabBar2, searchable for destinations like adresses ?
and then show the found destination, on the map on TabBar1 ?
I hope this made some sense.
Thanks in advance
One way to do it is to use MKLocalSearchClass which searches for key words and can be tricked to look for addresses as well. You need to incorporate MKLocalSearchHandler in your class in order to produce the results. You can then add the results in a map view. Apple has a sample code which works basically the same way. It creates a search based on keywords and shows the location of those keywords nearby the users location. For example coffee or movie or etc. the code can be changed to look for a address or anything else you want. Any how here is the link to the sample code, hope it guides you to the right direction.
Map Search Sample Code

How do I add an "enviroment" to my scene in 3ds MAX?

I'm Currently working on a scene and i cant seem to find infomation as to how to make a setting for my scen. Its basically a street with buildings on either sides. about 500m long.
I want to put it into a city "enviroment" for animation. Also there will be camera movements so i dont think simply adding an image as a background will work. what i want to know is, Is there a a way to achieve what i want without actually building a small city?
any help or a pointer in the right direction would be great.
thanks in advance
A cubemap might work. http://wiki.polycount.com/CubeMap
There are applications which will generate a city for you, based on criteria you enter. You can enter the building types, sizes etc. I've used one called City Engine - I used the built in wizards to create this but you can create one from scratch even specifying the road layouts: Youtube Video
3ds max has predefined models within it's system,
For example a tree:
This tutorial is great:
http://www.youtube.com/watch?v=G-cfF2ep2DI
look into "AEC Extended"

Resources