Monthly Archives: May 2009

Kusner-Schmitt (Tetrahedral Implicit Surface)

Actionscript:
1. var matrix:Matrix3D = new Matrix3D();
2. var verts:Vector.<Number> = new Vector.<Number>();
3. var pVerts:Vector.<Number> = new Vector.<Number>();
4. var uvts:Vector.<Number> = new Vector.<Number>();
5. for (var i:Number = -2; i<2; i+=.02) {
6.     for (var j:Number = -2; j<2; j+=.02) {
7.         for (var k:Number = -2; k<2; k+=.02) {
8.             var s:Number = (i * i + 3) * (j * j + 3) * (k * k + 3) - 32 * (i *j *k + 1);
9.             if (s<0&&s>-.2) {
10.                 verts.push(i * 100);
11.                 verts.push(j * 100);
12.                 verts.push(k * 100);
13.                 pVerts.push(0),pVerts.push(0);
14.                 uvts.push(0),uvts.push(0),uvts.push(0);
15.             }
16.         }
17.     }
18. }
19. var brush:BitmapData=new BitmapData(3,2,true,0x41FFFFFF);
20. var canvas:BitmapData=new BitmapData(400,400,false,0x000000);
22. var dx:Number=0;
23. var dy:Number=0;
25. function onLoop(evt:Event):void {
26.     dx += (mouseX - dx)/4;
27.     dy += (mouseY - dy)/4;
28.     matrix.identity();
29.     matrix.appendRotation(dy,Vector3D.X_AXIS);
30.     matrix.appendRotation(dx,Vector3D.Y_AXIS);
31.     matrix.appendTranslation(200, 200, 0);
32.     Utils3D.projectVectors(matrix, verts, pVerts, uvts);
33.     canvas.lock();
34.     canvas.fillRect(canvas.rect, 0x000000);
35.     var p = new Point();
36.     for (var i:int = 0; i<pVerts.length; i+=2) {
37.         p.x = pVerts[i];
38.         p.y = pVerts[i+1];
39.         canvas.copyPixels(brush, brush.rect, p, null, null, true);
40.     }
41.     canvas.unlock();
42. }

The same as yesterdays with a different plot from Paul Bourke's website.

Implicit 3D Plot

Actionscript:
1. var matrix:Matrix3D = new Matrix3D();
2. var verts:Vector.<Number> = new Vector.<Number>();
3. var pVerts:Vector.<Number> = new Vector.<Number>();
4. var uvts:Vector.<Number> = new Vector.<Number>();
5. for (var i:Number = -2; i<2; i+=.04) {
6.     for (var j:Number = -2; j<2; j+=.04) {
7.         for (var k:Number = -2; k<2; k+=.04) {
8.             // blobby, from here www.iiit.net/techreports/ImplicitTR.pdf
9. var s:Number=i*i+j*j+k*k+Math.sin(4*i)-Math.cos(4*j)+Math.sin(4*k)-1;
10.             if (s<0&&s>-.2) {
11.                 verts.push(i * 60);
12.                 verts.push(j * 60);
13.                 verts.push(k * 60);
14.                 pVerts.push(0),pVerts.push(0);
15.                 uvts.push(0),uvts.push(0),uvts.push(0);
16.             }
17.         }
18.     }
19. }
20. var brush:BitmapData=new BitmapData(3,2,true,0x41FFFFFF);
21. var canvas:BitmapData=new BitmapData(400,400,false,0x000000);
23. var dx:Number=0;
24. var dy:Number=0;
26. function onLoop(evt:Event):void {
27.     dx += (mouseX - dx)/4;
28.     dy += (mouseY - dy)/4;
29.     matrix.identity();
30.     matrix.appendRotation(dy,Vector3D.X_AXIS);
31.     matrix.appendRotation(dx,Vector3D.Y_AXIS);
32.     matrix.appendTranslation(200, 200, 0);
33.     Utils3D.projectVectors(matrix, verts, pVerts, uvts);
34.     canvas.lock();
35.     canvas.fillRect(canvas.rect, 0x000000);
36.     var p = new Point();
37.     for (var i:int = 0; i<pVerts.length; i+=2) {
38.         p.x = pVerts[i];
39.         p.y = pVerts[i+1];
40.         canvas.copyPixels(brush, brush.rect, p, null, null, true);
41.     }
42.     canvas.unlock();
43. }

I was looking at some equations for implicit 3D surfaces in this pdf about raytracing... anyway, I realized I could just modify the Utils3D.projectVectors() code (that I wrote a little while ago) to easily render any of the implicit equations mentioned in the pdf. I also did some experimentation with fake lighting and distance rendering which I may post in the future.

(check out the swf on wonderfl.net)

Here are some stills of the above snippet:

static BitmapData References

Actionscript:
1. package{
2.
3.     import flash.display.*;
4.     import flash.events.*;
5.     import flash.geom.*;
6.
7.     public class QuickCheckBox extends Sprite{
8.
9.         private var _checked:Boolean;
10.         private var _bitmap:Bitmap;
11.         private var _canvas:BitmapData;
12.
13.         private static var checked:BitmapData;
14.         private static var unchecked:BitmapData;
15.         private static var bg:Shape;
16.         private static var ex:Shape;
17.         private static var pnt:Point;
18.
19.         // static init for BitmapData and drawing
20.         {
21.             trace("only render your graphics once");
22.             pnt = new Point(0,0);
23.             checked = new BitmapData(10,10, true, 0x00000000);
24.             unchecked = new BitmapData(10, 10, true, 0x00000000);
25.             bg = new Shape();
26.             with(bg.graphics) lineStyle(0,0x000000), beginFill(0xEFEFEF), drawRect(0,0,9,9);
27.             unchecked.draw(bg);
28.             ex = new Shape();
29.             with(ex.graphics) {
30.                 lineStyle(2,0x333333), moveTo(3, 3),
31.                 lineTo(7, 7), moveTo(7, 3), lineTo(3, 7);
32.             }
33.             checked.draw(bg);
34.             checked.draw(ex);
35.         }
36.
37.         public function QuickCheckBox(value:Boolean = false):void{
38.             _checked = value;
39.             _canvas =  new BitmapData(10,10, true, 0x00000000);
40.             _bitmap = new Bitmap(_canvas);
42.             buttonMode = true;
43.             render();
45.         }
46.
47.         public function render():void{
48.              if (_checked){
49.                  _canvas.copyPixels(QuickCheckBox.checked, _canvas.rect, pnt);
50.              }else{
51.                  _canvas.copyPixels(unchecked, _canvas.rect, pnt);
52.             }
53.         }
54.
55.         private function onClick(evt:Event):void{
56.             _checked = !_checked;
57.             render();
58.             this.dispatchEvent(new Event(Event.CHANGE, true));
59.         }
60.
61.         public function get checked():Boolean{
62.             return _checked;
63.         }
64.
65.         public function set checked(val:Boolean):void{
66.             _checked = val;
67.             render();
68.         }
69.     }
70. }

This checkbox class uses a static initializer. Static initializers can come in handy to initialize some static variables for all class instances to make use of. In this case I'm using the static initializer to create checked and unchecked BitmapData objects - all instances of QuickCheckBox use these two static BitmapData objects rather than create their own unique ones.

Here is some client code if you want to test this class out:

Actionscript:
1. for (var i:int = 0; i<100; i++){
2.  var checkBox:QuickCheckBox = new QuickCheckBox(true);
3.  checkBox.x =100 +  i % 10 * 12;
4.  checkBox.y = 100 + int(i / 10) * 12;
5.  // uncheck a few checkboxes
6.  if (checkBox.x == checkBox.y){
7.      checkBox.checked = false;
8.  }
10.  // checkBox dispatches a change event
12. }
13. function onChange(evt:Event):void{
14.     trace(evt.currentTarget.checked);
15. }
16. /*outputs
17. only render your graphics once
18. */

This draws 100 checkboxes, - you'll also notice in the output window that the trace statement from QuickCheckBox only runs once.

Here are 100 instances of QuickCheckBox:

Posted in BitmapData, OOP, UI | Tagged , | 4 Comments

Loop Through All Properties of a Class

Actionscript:
1. package {
2.
3.     import flash.display.Sprite;
4.     import flash.utils.describeType;
5.
6.     public class Main extends Sprite {
7.
8.         public function Main(){
9.             var test:Test = new Test();
10.             var desc:XML= describeType(test);
11.             // public vars
12.             for each (var v:XML in desc.variable){
13.                 trace(v.@name, test[v.@name]);
14.             }
15.             // getters
16.             for each (v in desc.accessor){
17.                 trace(v.@name, test[v.@name]);
18.             }
19.         }
20.
21.     }
22. }
23.
24. class Test{
25.     public var a:Number = 123;
26.     public var b:Number = 100;
27.     private var _getterVal:Boolean = false;
28.     public function get getter():Boolean{
29.         return _getterVal;
30.     }
31. }
32. /*
33. outputs:
34. b 100
35. a 123
36. getter false
37. */

I'm working on a few libraries, QuickBox2D and a library for auto-generated UI stuff... this technique just came in handy. It shows how to use describeType() to loop through public vars and getters of a given class.

The title of this post should really be Loop Through All PUBLIC properties of a class.... but it was long enough as it is....
Note: this should be run as document class

Posted in OOP, Object, XML, dynamic | Tagged , | 3 Comments