Augmented Reality Tutorial

Just a quick heads up. I wrote an augmented reality tutorial for

You can check out the full blogpost including three code example HERE.

13 Responses to “Augmented Reality Tutorial”
  1. Maggie says:

    Hey! I saw this on Creative Applications, I was wondering if this would work with my own 3D model that I would Import – maybe with OBJ Loader….Or if I wanted to make this with an Animated 3D OBJ sequence??

    • Amnon says:

      Yes, it would. As pointed out with the last example, the only thing that is changed is the viewpoint. Anything 3D that you can get into Processing, is still displayed. The only difference being that it’s aligned to the real-world marker.

  2. mikemanalo says:

    Have you tried to import this to Android from Processing? I was trying to import the code, but I realized it didnt work because you have to import the libraries and also try to locate the folders in a moblie device. Any suggestions?

  3. vivien says:

    hi, i’m a young french artist. I’m impressive by your works and possibilities of Processing. I found your app is very interesting. I would like to use this for to do a project… it’s possible to change the 3D model by my model??___ How i can do this? Sorry, i’m a beginner with Processing (it’s possible to better explain me the tutorial, because i don’t arrive to do run correctly your code; i think i’ve some errors). May be if you are interested i can say more. Thanx.

    • Amnon says:

      Hi Vivien. Is is possible to use a 3D model or any other 3D code with augmented reality, but this is beyond the scope of the tutorial. I cannot explain the tutorial any better than I did on my guestpost. It has a full walkthrough, three code examples that are fully commented and many replies below the article. If you are a beginner I suggest first learning the basics of Processing before you move on to intermediate or advanced projects. Also check out the processing forum for information and asking questions.

  4. Carl says:

    Hi! Great tutorial! I’m trying to do it now. And so far, step 2 (using the webcam) has worked. But it’s REALLY slow. Is this a problem with rendering? I copy pasted the code and all I changed were the paths as I’m on a Mac. How can make it faster?

    • Amnon says:

      It may just be the limitations of the webcam. I have the same problem with my builtin laptop camera. Even though it’s a pretty good laptop, those webcam aren’t comparable in quality to the canon eos I used to record the footage here. You can test by just running a basic sketch that displays the camera image, nothing more. If you still feel, it’s extraordinarily slow, you could seek help on the processing forum. There are more people there that may help (for example people who have the same webcam, have had the same problems or the author of the video library).

  5. Matt says:

    Hi, I found your tutorial really helpful w/ a project I’m currently working on. I’m trying to attach mp3 files to individual AR tags (a total of 8) so that when they appear on screen they play the mp3 file. My processing knowledge is pretty basic, any help would be greatly appreciated.

    • Amnon says:

      This shouldn’t be to hard. You can use the Minim library to play the sounds. You’ll probably need some boolean/timers to prevent the sounds from continuously playing or playing at the same time etc. but that’s incremental development. This post was written two years ago, so I haven’t been doing AR for a while. My advice is to just start with some separate sketches, for example one about triggering different audio files and integrate them later. You can use the Processing forum for help. Be mindful that there are different sections.

%d bloggers like this: