Wayback Machinekoobas.hobune.stream
May JUN Jul
Previous capture 14 Next capture
2021 2022 2023
2 captures
12 Jun 22 - 14 Jun 22
sparklines
Close Help
  • Products
  • Solutions
  • Made with Unity
  • Learning
  • Support & Services
  • Community
  • Asset Store
  • Get Unity

UNITY ACCOUNT

You need a Unity Account to shop in the Online and Asset Stores, participate in the Unity Community and manage your license portfolio. Login Create account
  • Blog
  • Forums
  • Answers
  • Evangelists
  • User Groups
  • Beta Program
  • Advisory Panel

Navigation

  • Home
  • Products
  • Solutions
  • Made with Unity
  • Learning
  • Support & Services
  • Community
    • Blog
    • Forums
    • Answers
    • Evangelists
    • User Groups
    • Beta Program
    • Advisory Panel

Unity account

You need a Unity Account to shop in the Online and Asset Stores, participate in the Unity Community and manage your license portfolio. Login Create account

Language

  • Chinese
  • Spanish
  • Japanese
  • Korean
  • Portuguese
  • Ask a question
  • Spaces
    • Default
    • Help Room
    • META
    • Moderators
    • Topics
    • Questions
    • Users
    • Badges
  • Home /
avatar image
0
Question by qwert024 · May 28, 2018 at 11:39 AM · c#matrixwebcamopencv

Document Scanner with OpenCV For Unity

Hello!

I am currently working on a project in which I need to take pictures with a webcam and make the pictures look straight, not tilted.

I followed this tutorial (with the OpenCV for Unity plugin from Asset Store): https://www.youtube.com/watch?v=FQ4TjjQcbQk

However I encountered a problem: Sometimes the result is not what I expected. I need the result picture's orientation to be the same as the original orientation. (I need the result to be counterclockwise 90 degrees, just like the lower-left one.)

Sometimes this happens even when the paper is placed straightly. (as the lower-left picture shows)

(Left: the screenshot from webcam. Right : the result image from the screenshot)

alt text

This is what I want it to be: alt text

The code:

 using System.Collections;
 using System.Collections.Generic;
 using UnityEngine;
 using UnityEngine.UI;
 using OpenCVForUnity;
 
 public class Scanner : MonoBehaviour {
     public Texture2D baseTexture;
     public RawImage sourceRawImage;
     public RawImage targetRawImage;
 
     // Use this for initialization
     void Start () {
         Mat mainMat = new Mat(baseTexture.height, baseTexture.width, CvType.CV_8UC3);
         Mat grayMat = new Mat();
 
         //convert texture2d to matrix
         Utils.texture2DToMat(baseTexture, mainMat);
         //copy main matrix to grayMat
         mainMat.copyTo(grayMat);
 
         //convert color to gray
         Imgproc.cvtColor(grayMat, grayMat, Imgproc.COLOR_BGR2GRAY);
         //blur the image
         Imgproc.GaussianBlur(grayMat, grayMat, new Size(5, 5), 0);
 
         //thresholding make the image black and white
         Imgproc.threshold(grayMat, grayMat, 0, 255, Imgproc.THRESH_OTSU);
         //extract the edge of the image
         Imgproc.Canny(grayMat, grayMat, 50, 50);
 
 
         //prepare for the finding contours
         List<MatOfPoint> contours = new List<MatOfPoint>();
         //find the contour from canny edge image
         Imgproc.findContours(grayMat, contours, new Mat(), Imgproc.RETR_EXTERNAL, Imgproc.CHAIN_APPROX_SIMPLE);
 
 
         List<MatOfPoint> tempTargets = new List<MatOfPoint>();
         for(int i=0; i<contours.Count; i++)
         {
             MatOfPoint cp = contours[i];
             MatOfPoint2f cn = new MatOfPoint2f(cp.toArray());
             double p = Imgproc.arcLength(cn, true);
 
             MatOfPoint2f approx = new MatOfPoint2f();
             //convert contour to readable polygon
             Imgproc.approxPolyDP(cn, approx, 0.03 * p, true);
 
             // find a contour with 4 points
             if (approx.toArray().Length == 4)
             {
 
                 MatOfPoint approxPt = new MatOfPoint();
                 approx.convertTo(approxPt, CvType.CV_32S);
 
                 float maxCosine = 0;
                 for (int j = 2; j < 5; j++)
                 {
                     Vector2 v1 = new Vector2((float)(approx.toArray()[j % 4].x - approx.toArray()[j - 1].x), (float)(approx.toArray()[j % 4].y - approx.toArray()[j - 1].y));
                     Vector2 v2 = new Vector2((float)(approx.toArray()[j - 2].x - approx.toArray()[j - 1].x), (float)(approx.toArray()[j - 2].y - approx.toArray()[j - 1].y));
 
                     float angle = Mathf.Abs(Vector2.Angle(v1, v2));
                     maxCosine = Mathf.Max(maxCosine, angle);
                 }
 
                 if(maxCosine < 135f)
                 {
                     tempTargets.Add(approxPt);
                 }
 
             }
 
         }
 
         if(tempTargets.Count > 0)
         {
             //get the first contour
             MatOfPoint approxPt = tempTargets[0];
             //making source mat
             Mat srcPointsMat = Converters.vector_Point_to_Mat(approxPt.toList(), CvType.CV_32F);
 
             //making destination mat
             List<Point> dstPoints = new List<Point>();
             dstPoints.Add(new Point(0, 0));
             dstPoints.Add(new Point(0, 512));
             dstPoints.Add(new Point(512, 512));
             dstPoints.Add(new Point(512, 0));
             Mat dstPointsMat = Converters.vector_Point_to_Mat(dstPoints, CvType.CV_32F);
 
             //make perspective transform
             Mat M = Imgproc.getPerspectiveTransform(srcPointsMat, dstPointsMat);
             Mat warpedMat = new Mat(mainMat.size(), mainMat.type());
             //crop and warp the image
             Imgproc.warpPerspective(mainMat, warpedMat, M, new Size(512, 512), Imgproc.INTER_LINEAR);
             warpedMat.convertTo(warpedMat, CvType.CV_8UC3);
 
 
 
             //create a empty final texture
             Texture2D finalTexture = new Texture2D(warpedMat.width(), warpedMat.height(), TextureFormat.RGB24, false);
             //convert matrix to texture 2d
             Utils.matToTexture2D(warpedMat, finalTexture);
 
             targetRawImage.texture = finalTexture;
 
         }
 
 
 
     }
     
     // Update is called once per frame
     void Update () {
         
     }
 }


The code is from the author's github. I've been scratching my head but I am still too new to OpenCV and not able to fix this on my own.

I also tried contacting him for help but I am in a hurry so I come to Unity Answers to give it a try. It would be so wonderful if anyone would help! Thank you!

question-correct.jpg (107.6 kB)
question.png (476.4 kB)
Comment
Add comment
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users

2 Replies

· Add your reply
  • Sort: 
avatar image
0
Best Answer

Answer by ybaklaci · Apr 10, 2019 at 11:58 PM

Might be a late answer, but I was working with the [code][1] you mentioned and faced the same problem. I figured out it is about the last part of the code, where the Point objects are defined for perspective Transform; below the comment

//making destination mat

I changed the order of the points as following, to change the orientation of the rectangle, which worked out:

 dstPoints.Add(new Point(512, 0));
 dstPoints.Add(new Point(0, 0));
 dstPoints.Add(new Point(0, 512));
 dstPoints.Add(new Point(512, 512));

Hope this helps. [1]: https://gist.github.com/jhorikawa/4f8392ae5e9ad481ef37ed3ffb7824d9

Comment
Add comment · Show 1 · Share
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image qwert024 · Apr 06, 2020 at 11:23 AM 0
Share

Thanks a lot!!

avatar image
0

Answer by KittenSnipes · May 28, 2018 at 11:52 AM

@echuang98 I recommend making it easy on yourself and throwing in some UI to ask if the result image is to the users liking before setting the result. If the user thinks that the result isn’t good then set the result as so:

 if (resultIsIncorrect) {
     targetRawImage.texture = baseTexture;
 }

Or just do something like that and it would work fine. I’d say do this if you can’t find a true solution to the problem

Comment
Add comment · Show 3 · Share
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image qwert024 · May 28, 2018 at 12:27 PM 0
Share

Thank you @$$anonymous$$ittenSnipes ! But this program has to be all automated in this project - when webcam detects the marker then take a screenshot, process the screenshot to make it looks straight, finally save it as a png file. I was asked to make this program automatically do all the things for users. Users just have to put their drawing under the webcam.

avatar image Chik3r qwert024 · May 29, 2018 at 12:51 AM 0
Share

Does it have to be in Unity? Are you making an app or a game? If you're making an app you should use .NET Windows

avatar image qwert024 Chik3r · May 29, 2018 at 03:00 AM 0
Share

This app takes screenshots, process them, and save them as png. Another app on another computer loads the png files as Texture2D and display them on the screen. It's ok if it's not in Unity. I try to develop them with Unity because I am more familiar with Unity.

Your answer

Hint: You can notify a user about this post by typing @username

Up to 2 attachments (including images) can be used with a maximum of 524.3 kB each and 1.0 MB total.

Follow this Question

Answers Answers and Comments

508 People are following this question.

avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image

Related Questions

Multiple Cars not working 1 Answer

Distribute terrain in zones 3 Answers

How to access Pixel values of image in opencv C# 0 Answers

Translating gui.matrix to java problem 1 Answer

Detect Webcam using AForge 2 Answers


Enterprise
Social Q&A

Social
Subscribe on YouTube social-youtube Follow on LinkedIn social-linkedin Follow on Twitter social-twitter Follow on Facebook social-facebook Follow on Instagram social-instagram

Footer

  • Purchase
    • Products
    • Subscription
    • Asset Store
    • Unity Gear
    • Resellers
  • Education
    • Students
    • Educators
    • Certification
    • Learn
    • Center of Excellence
  • Download
    • Unity
    • Beta Program
  • Unity Labs
    • Labs
    • Publications
  • Resources
    • Learn platform
    • Community
    • Documentation
    • Unity QA
    • FAQ
    • Services Status
    • Connect
  • About Unity
    • About Us
    • Blog
    • Events
    • Careers
    • Contact
    • Press
    • Partners
    • Affiliates
    • Security
Copyright © 2020 Unity Technologies
  • Legal
  • Privacy Policy
  • Cookies
  • Do Not Sell My Personal Information
  • Cookies Settings
"Unity", Unity logos, and other Unity trademarks are trademarks or registered trademarks of Unity Technologies or its affiliates in the U.S. and elsewhere (more info here). Other names or brands are trademarks of their respective owners.
  • Anonymous
  • Sign in
  • Create
  • Ask a question
  • Spaces
  • Default
  • Help Room
  • META
  • Moderators
  • Explore
  • Topics
  • Questions
  • Users
  • Badges