Saqoosha

Comments (19)

• Timbo2009年1月8日 18:35
  Great tutorial, thanks for explaining!
  
  I worked it out and fixed it in my FLAR project.. only the green cube becomes white. An idea?
  And how do you manage dat de cube is 'under' the marker, or at the same level as the 'marker'. Z property won't work with correction.
  
  And the marker image capturing, like in your NY video..Has it something to do with the 'FLARRgbRaster_BitmapData' class?
  
  Thanks Saqoosha, great work.
• Saqoosha2009年1月8日 20:34
  Timbo,
  hmmm, I cannot understand the result what you got...
  I uploaded all of source code of New Year Greeting site.
  http://saqoosha.net/en/2009/01/08/1677/
  Please try to read that source code.
• Timbo2009年1月8日 22:16
  Sweet code, got the cube working now. Only trying to find out how to set the depth of the cube.
  
  Thanks already!
• Kountz2009年1月9日 00:37
  Thanks for releasing the code Saqoosha!!! Awesome work!
• ReDrUm2009年2月19日 14:16
  Hey Sagoosha.
  Great example! I think I'm having the same issue that Timbo was referring to. When I compile your source code the example works except that the ColourMatrixFilter replaces the green with the stage background colour rather than whatever is underneath (such as your background bitmap). Any idea's what might cause this?
  Cheers.
• ReDrUm2009年2月23日 08:25
  Actually nevermind, I figured it out with the help of Timbo :)
  
  For anyone else experiencing the same issue, you need to set the filter on your pv3d viewport instead. this.viewport.filter = [...] rather than this.filter=[...].
  
  Again, cheers for the great example! :D
• Felipe Barone2009年3月29日 11:24
  Yup, great sample! i was wondering about that when i first saw it, but i was thinking of something much more complicated!
• Javier Patiño2009年5月10日 13:30
  Hello..nice work...I have the same problem but I cant set the filter for the viweport because I dont use viewport..what can I do?..the green color now is black color.
• Rob2009年5月16日 06:26
  Hi All,
  
  Javier I had the same problem. I couldn’t get the effect because I had no viewport… I’m not a coder but I’m interested in AR so I’ve started to using and hacking templates (sorry developer dudes). So I guess you are same kind as me, and I guess you are using the same (or at least similar) template as me. And I have the solution for you:
  
  So basically you have a viewport just you don’t know about it. As I see now this whole thing is not working without viewport. So if you see the 3d object then you have viewport 
  
  Ok, where is that than? The template what I’m using is built up from different external ‘as’ files. In the main ‘as’ file there is no viewport definition, but it is defined in another as file (PV3DARApp.as for me).
  
  Find your other as file with the viewport definition. Check for lines like:
  
  import org.papervision3d.view.Viewport3D;
  
  and
  
  new Viewport3D(320, 240
  
  and things like that.
  
  If you find that file than you are almost there.
  
  Now you have to “hack” this file. Put this code to the “import section”:
  import flash.filters.ColorMatrixFilter;
  
  Then search for viewport related lines like
  
  this._viewport = this._base.addChild(new Viewport3D(320, 240)) as Viewport3D;
  this._viewport.scaleX = 640 / 320;
  
  etc.
  
  Put this code there:
  
  var myElements_array:Array = [1, 0, 0, 0, 0,
  0, 1, 0, 0, 0,
  0, 0, 1, 0, 0,
  1, -1, 1, 1, 0];
  var myColorMatrix_filter:ColorMatrixFilter = new ColorMatrixFilter(myElements_array);
  this._viewport.filters = [myColorMatrix_filter];
  
  And that’s it. I hope I helped the AR community with this.
  
  BTW thanks for all the developer dudes to put together this fantastic piece of flash!
• Rob2009年5月16日 06:43
  Oh one more thing.
  
  Just a designer solution again :D So coders skip this message ;)
  
  If you don’t understand this coder language, I will translate it for you:
  
  This whole thing is about using a specific colour as a simple green screen. This case the colour is a specific green colour (00FF00). So whatever is 00FF00 on screen will be transparent.
  
  Ok, why is it good for us? Hehe, ok I have a question: what if the hole is not cubic? What if it’s not a simple mesh but a complicated one? Follow this way and you won’t have a problem:
  
  Use your 3D modeler tool as always. In your texture file find some free space and fill it with 00FF00 colour (just a small area needed).
  
  Create the hole, the shape is doesn’t matter. This will be the “inside” of the hole. Texture it as you want. Than duplicate this object and turn it inside out (reverse vertex order or something like that). This will be the ”outside” of the hole. Now texture it but this case use that small green area on it. And there you go, with the code above it will be transparent even if the shape is a complicated one.
• Rob2009年5月18日 19:55
  Hi Guys,
  
  Some additional information to the “hole” effect:
  
  If your hole is not perfectly “transparent” but you can see an almost invisible semi transparent green box “below” your marker (around your hole)…
  I bet you used jpg format for the green texture. I’ve no idea why but if I’m exporting the green texture from photoshop to a jpg file, the 00ff00 colour is changing to 00ff01. And that’s why is that semi transparent green box is there around your hole. Just use another format (png) and that unwanted green box will disappear.
• Lucas2009年5月19日 00:26
  thanks, Rob. Really helped me.
• John2009年5月26日 23:48
  Awesome!
  Successfully implemented it in my own project.
  And the input from Timbo and ReDrUm was of great help.
  
  Saqoosha, your a true ActionScript hero.
• Olivier2009年5月28日 14:31
  Amazing work Saqoosha. Thanks again for all the examples and sources.
  Merci mille fois.
• draven2009年9月10日 16:15
  Hello guys, is there any way to remove the green edge around the hole?
  
  Thanks for the awesomeness Saqoosha!
• dimitrios k2009年9月25日 17:32
  Hello there!
  I have a question.
  How can i make the hole in a 3d program like 3dsmax and export it to .dae format?can i make this or only in pv3d?
  thank you and greetz from greece
• tetsuo2009年11月25日 01:44
  idem dimitrios k
  I have the same question.
• HarvesteR2010年7月20日 10:22
  @dimitrios k:
  you can, in fact, that's how I did it... it doesn't really matter if the green is from a texture or just a color material...
  
  What I did was create a material in Max, with full green diffuse, then I also set the auto-illumination (emmissive) color to full green, to eliminate the shadowing, thus making it a solid green color.
  
  then I just applied it to the model mask, exported it with OpenCollada (that's a thing, since Autodesk's Collada plugin sucks), and put it into Flash...
  
  one thing I also found out, is that you can apply that filter to just the object with the mask (aka, the hole), provided it's using it's own container. this is useful to prevent problems like semi-transparent objects outside the hole showing the green behind their alphas...
  
  the drawback is that this approach creates z-sorting problems if you have objects that should come out or go into the hole at some point... since depth-sorting will be done on a container level, your objects will either be entirely behind or entirely over the hole, but never actually inside it.
  
  But I imagine this could work well for most applications...
  
  Cheers
• Leonidas2010年10月27日 20:44
  Hi Saqoosha,
  A bit off topic but I saw recently your augmented reality cloth video on vimeo (http://vimeo.com/2883790) and was wondering if you can release/share the source code and files for it. Very impressive work and would definitely like to learn how to do similar things.
  Many thanks,
  Leonidas