here we go again, another papervision3D demo featuring math permeated lines. this time im working with a classic piece of code known as the PQ torus. the vague idea is that you have 2 numbers (P + Q) that are used in the algorithm to define the knot. in general, given P + Q mutually prime, the line wraps meridionally around the torus P times and wraps the longitudinally around it Q times. i was having some trouble grasping exactly how this was going to be achieved, until i read this article on blackpawn’s website. he really breaks down the algo to a very simplistic level...

calculus

r = .5 * (2 + sin(Q * Φ))
x = r * cos(P * Φ)
y = r * cos(Q * Φ)
z = r * sin(P * Φ)

creating web-applications with flex 3 is great. there are a ton of pre-made components, and an open-ended architecture to allow you to create your own. built into flex is also a variety of options to change the visual styles of the components. today i will talk about two different types of customization. first, the simplest method, is using css to style your components. next, the more advanced technique, is creating component skins. for this example i will be using flash cs3.

with in a flex mxml application, css is natively understood. so by utilizing the tag, we can create a variety of styles for out application. personally, i don't really care for the eclipse/flex built in css editor, but since flex uses valid css, any editor can work! macromedia has also created a very useful tool for helping designers/developers write flex 3 specific css. click here to view the flex 3 style explorer

now for some code...
like in all css there are two ways to define a style.
first as an overall style for one type of object, for instance...

css code

Button {
   cornerRadius: 0;
   fillColors: #333333, #cccccc, #cccccc, #666666;
   color: #ffffff;
   borderColor: #ffffff;
}

css code

.anotherButton {
   cornerRadius: 0;
   fillColors: #ffffff, #333333, #333333, #666666;
   color: #ffffff;
   borderColor: #000000;
}

mxml code

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
Application {
   backgroundColor: #000000;
   backgroundGradientColors: #666666, #cccccc;
   themeColor: #00ff00;
   color: #ffffff;
}
Panel {
   borderStyle: solid;
   borderColor: #cccccc;
   roundedBottomCorners: true;
   cornerRadius: 0;
   headerHeight: 18;
   backgroundColor: #666666;
   titleStyleName: "panelTitle";
}
.panelTitle {
   letterSpacing: 3;
   color: #ffffff;
   textAlign: center;
   fontFamily: Verdana;
   fontSize: 12;
}
TextInput {
   borderStyle: solid;
   borderColor: #ffffff;
   borderThickness: 1;
   cornerRadius: 0;
   backgroundColor: #333333;
   color: #ffffff;
   textAlign: center;
   fontFamily: Verdana;
   fontSize: 12;
}
Button {
   cornerRadius: 0;
   fillColors: #333333, #999999, #ffffff, #333333;
   color: #ffffff;
   textRollOverColor: #ffffff;
   textSelectedColor: #ffffff;
   borderColor: #333333;
}
.anotherButton {
   cornerRadius: 0;
   fillColors: #ffffff, #666666, #333333, #999999;
   color: #ffffff;
   textRollOverColor: #ffffff;
   textSelectedColor: #ffffff;
   borderColor: #333333;
}
</mx:Style>
	<mx:Panel styleName="" width="244" height="134" layout="absolute" horizontalCenter="-1" verticalCenter="9" title="here's a panel">
	<mx:Label x="0" y="10" text="Label"/>
	<mx:TextInput x="0" y="27" width="220" text="text input"/>
	<mx:Button x="0" y="57" label="Button"/>
	<mx:Button styleName="anotherButton" x="78" y="57" label="Button"/>
	<mx:Button x="155" y="57" label="Button"/>
	</mx:Panel>
</mx:Application>
 

css code

Button {
  skin: Embed(skinClass="blaqueButtonSkin");
  color: #ffffff;
  textRollOverColor: #ffffff;
  textSelectedColor: #ffffff;
  textAlign: left;
}

just another take on a classic piece of code. the pseudo-random number generator. this one is almost the same, just a slightly diffrent algorithm.

actionscript 3 code

private function randomizer(low:Number, high:Number):Number {
	var num:Number = high-low;
	return (Math.random()*num)+low;
}

actionscript 3 code

var x:Number = randomizer(5, 50);

a question popped up on the papervision3D mailing list the other day about using the lines3D class to trace a 3D object. i found the idea fascinating, so i whipped up this little demo to demonstrate how simple it actually was. i started out by creating a simple cylinder with a wide base and small top, and setting its visibility to false. then creating my lines3D object. finally in the render loop i create a new line3D that connects each vertice. by checking to see in a counter variable is less than the total object vertice count ((box.geometry.vertices.length)), and adding a new line3D if the counter is less than that, or deleting all the lines and starting over.

check out that demo here
view the demo source

so that wasnt enough.
i decide that i wanted to trace the actual papervision3D logo. and since i have already made it in a font, it wasnt hard at all. working with the optimized version of the font on my site worked fine, but since there were so few verticies, the script would draw the logo in a matter of seconds. so instead of trying to devise a method of tweening from vertice to vertice i just went into font lab and added more points!
((the font used in this demo is available here))

now, i went into 3D studio max, clicked the "Splines" button, and created a new text object. i used the new PV3D.Flex.Font i just made, set the size to 100 (larger/smaller is fine) and typed in the letter "A" (the only character in the font).

after that i used the rotation tools to stand the letter upright, and moved it forward some. the next step is to do a mesh select, by clicking the modifiers tab and selecting "Mesh Select" from the dropdown menu. then in the mesh select parameters panel select vertices. now click back into your main perspective and select all the vertices (ctrl+a).


the next step is an important one ((and the one i always forget)) we need to give our 3D object a uvw mapping. still under the modifiers tab, select "UVW Mapping" from the dropdown list. and under the parameters panel make sure its mapping mode is set to "Planar". i was having all kinds of trouble exporting 3D objects that were based on points only. seraf explained to me that w/o a uvw mapping on your object the as3geomClassExporter cant map the u and v points onto the triangle mesh, which are needed for texturing purposes.


now its time to export our 3D logo, click on the tools tab and select max script, then run the as3geomClassExporter. set your package folder and the actual class name, then select papervision3D 2.0 from the dropdown list. for this particular object i left the scale set to 1. then click export class and save it in the same folder as you set in your package.



then its onto flex.
i decided i wanted to use the math-based color fade from my last demo again, so i couldnt use the standard color picker. this demo uses 2 states, normal and the color picker. which is just a 2nd state with a panel object w/ blank flex buttons on them. using the flex buttons worked out well because i was able to just set the color gradient to the same colors in the fade, or just solid ones for the normal sets. i tried to make is one a simple as possible so you can understand the core concepts of whats going on more than the over-all "flashy-ness" of the thing. so enjoy!

click here to view the demo
and its source of course!

we were discussing recursive algorithms and chaos theory at work yesterday. when the chemistry professor brought up the lorenz attractor. he was trying to draw one on the white board for about 10 minutes until i decided it would be easier to draw in flash, lol!

after a quick conversation w/ andy zupko about the new Line3D object, and my new CanvasView3D component for papervision, i made a sweet Lorenz attractor!

the algor is super simple

pseudo code

  x1 = x0 + h * a * (y0 - x0);
  y1 = y0 + h * (x0 * (b - z0) - y0);
  z1 = z0 + h * (x0 * y0 - c * z0); 

the core PV3D team has released a new class called the basicView. the idea here is to create one object that already contains the camera, scene, viewport, and render engine needed to made a 3D scene in flash.

after reading the post about it on andy’s blog, you can see that this is a very simple technique. but lets take it one step further. why not create a new actionscipt project that extends basic view?! its very simple, and makes setting up your scene a snap!

actionscript3 code

package {
	import com.fontvirus.*;
	
	import flash.display.*;
	import flash.events.Event;
	
	import org.papervision3d.cameras.*;
	import org.papervision3d.core.render.data.RenderStatistics;
	import org.papervision3d.lights.*;
	import org.papervision3d.materials.shadematerials.*;
	import org.papervision3d.objects.primitives.*;
	import org.papervision3d.scenes.*;
	import org.papervision3d.view.*;
   [SWF(backgroundColor="#000000")]
	
	public class basicPV3D extends BasicView
	{
		private var thelight    :PointLight3D;
		private var thing       :Sphere;
		private var fps         :FlashFPS;
		private var stats       :RenderStatistics;
		public function basicPV3D():void
		{
			super(0,0,true,true,Camera3D.TYPE);
			stats = this.renderer.renderScene(this.scene, this.camera, this.viewport);
			this.viewport.autoClipping = false;
			init3D();
		}
		private function init3D():void
		{
			stage.align = StageAlign.TOP_LEFT;
			stage.scaleMode = StageScaleMode.NO_SCALE;
			fps = new FlashFPS(0x006600, 0x000000, 0xffffff, 0, "kb");
			addChild(fps);
			thelight = new PointLight3D();
			scene = new Scene3D();
			thing = new Sphere(new PhongMaterial(thelight, 0x00FF00, 0x000000, 4), 500, 10, 14);
			scene.addChild(thing);
			startRendering();	
		}
		override protected function onRenderTick(event:Event=null):void
		{
			fps.update("rendered: " + stats.shadedTriangles + " polys");
			thing.rotationY++;
			super.onRenderTick(event);
		}
	}
}
 

the key to creating dynamic systems on the web is the ability to send and receive data from one component to the next. flash and flex are no different. there are a lot of cases where you need to send these variables while the application is running, but there are an equal amount of times where the application needs data at run time. passing variables to flash historically has been rather easy, you just query-string data right into the src tag of your flash movie:

Actionscript 2 code

src="test.swf?passed=hello"

php code

<html><head><title>flex runtime vars</title>
<?php
$getit = $_REQUEST["what"];
if(!$getit){
?>
</head><body bgcolor="#000000">
<form method="GET" action="index.php">
<input type="text" id="what" name="what" style="COLOR: #cccccc;BACKGROUND-COLOR:#000000" /><br />
<input type="submit" value="submit" style='COLOR: #cccccc; BACKGROUND-COLOR: #282828' />
</form>
<?php
} else {
?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="deeplinking/deeplinking.css" />
<script src="AC_OETags.js" language="javascript"></script>
<script src="deeplinking/deeplinking.js" language="javascript"></script>
<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
var requiredMajorVersion = 9;
var requiredMinorVersion = 0;
var requiredRevision = 28;
</script>
<body scroll="no" bgcolor="#000000">
<script language="JavaScript" type="text/javascript">
<!--
var hasProductInstall = DetectFlashVer(6, 0, 65);
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
if ( hasProductInstall && !hasRequestedVersion ) {
	var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
	var MMredirectURL = window.location;
    document.title = document.title.slice(0, 47) + " - Flash Player Installation";
    var MMdoctitle = document.title;
	AC_FL_RunContent(
		"src", "playerProductInstall",
		"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
		"width", "100%",
		"height", "100%",
		"align", "middle",
		"id", "test",
		"quality", "high",
		"bgcolor", "#869ca7",
		"name", "test",
		"allowScriptAccess","sameDomain",
		"type", "application/x-shockwave-flash",
		"pluginspage", "http://www.adobe.com/go/getflashplayer"
	);
} else if (hasRequestedVersion) {
	AC_FL_RunContent(
			"src", "test",
			"width", "100%",
			"height", "100%",
			"align", "middle",
			"id", "test",
			"quality", "high",
			"bgcolor", "#869ca7",
			"name", "test",
			"allowScriptAccess","sameDomain",
			"type", "application/x-shockwave-flash",
			"flashvars",'passed=<?php echo($getit); ?>',
			"pluginspage", "http://www.adobe.com/go/getflashplayer"
	);
  } else {
    var alternateContent = 'Alternate HTML content should be placed here. '
  	+ 'This content requires the Adobe Flash Player. '
   	+ '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
    document.write(alternateContent);
  }
// -->
</script>
<noscript>
  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="test" width="100%" height="100%"
			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
			<param name="movie" value="test.swf" />
			<param name="quality" value="high" />
			<param name="bgcolor" value="#869ca7" />
			<param name="flashvars" value="passed=<?php echo($getit); ?>" />
			<param name="allowScriptAccess" value="sameDomain" />
			<embed src="test.swf" quality="high" bgcolor="#869ca7"
				width="100%" height="100%" name="test" align="middle"
				flashvars="passed=<?php echo($getit); ?>"
				play="true"
				loop="false"
				quality="high"
				allowScriptAccess="sameDomain"
				type="application/x-shockwave-flash"
				pluginspage="http://www.adobe.com/go/getflashplayer">
			</embed>
	</object>
</noscript>
<?php
}
?>
</body></html>

mxml and actionscript 3 code

<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
	xmlns:mx="http://www.adobe.com/2006/mxml" 
	layout="absolute" 
	backgroundGradientAlphas="[1.0, 1.0]" 
	backgroundGradientColors="[#000000, #252525]"
	creationComplete="init()">
<mx:Script>
	<![CDATA[
		public var passedvar:String;
		private function init():void { 
			//passed is the name of the flash var
			passedvar = Application.application.parameters.passed;
			thething.htmlText = passedvar.toString();
		}
	]]>
</mx:Script>
	<mx:Label id="thething" text="Label" color="#FFFFFF" fontSize="23" horizontalCenter="0" verticalCenter="0" />
</mx:Application>

flash actionscript 3 code

var tf:TextField = new TextField();
tf.textColor = 0xFFFFFF;
addChild(tf);
try {
    var paramObj:Object = LoaderInfo(this.root.loaderInfo).parameters;
	//passed is the name of the flash var
	tf.appendText("passed var: " + paramObj['passed'].toString());
} catch (error:Error) {
    tf.appendText("error: " + error.toString());
}

check out this new ad campaign for sony walkman in japan created by keita, and called RECYOU. this crazy web-promotion site combines flash interactivity with sound and motion visuals created with papervision3D.

clicking "S" allows you to upload a photo, from witch they use facial recognition software to define the key areas of your face. then they crop in a new sony walkman and make you sing.

they also send you a copy of the video they create of you in mp4 format, along with a release form that says you may appear on japanese tv.

i took about a day until i found myself on the site, im in the photo above
(with the beard and the ear goggles)

so i had the chance this weekend to create a few 3D models and export their geometry into papervision3D primitives. so i decided to create a demo, using both my as3 torusKnot primitives and the new flex accordion component. about the time i finished my demo i decided to re-sync my pv3d folder with the svn. at that exact same moment their was a slip-up. somehow one of the new dev materials got leaked into the public svn. the new material features dynamic lighting! so i decided to hack it into my new demo. so enjoy my custom primitive shadedColorMaterial demo created in flex3.
updated with fullscreen support!

view the demo or the source (right click enabled)
stay in the loop, join the papervison3D mailing list.

a new component for 3D studio max has arrived that allows you to export the geometry of you model directly into a format that actionscript 3 can understand. the plugin has options for exporting to papervision3d, away3d, and sandy. it was developed my dreammania.net and can be downloaded here. and exporting a model couldnt be easier.

step 1. create you model, and select it
(you can tell its selected because of the white bounding box)

step 2. open the utilities panel and select MaxScript

step 3. in the MaxScript window, select Run Script

step 4. select the as3GeomClassExporter.ms file,
then select it from the drop down

step 5. a new as3GeomClassExporter panel will appear. select you 3D engine, give your object a class name, and a package location (if necessary) then press the export class button to save it.


now using this object in papervision3D is a snap! just...

actionscript 3

import com.fontvirus.KnotAgain;
var theKnot:KnotAgain = new KnotAgain( skin );

so for anyone who dousnt know, the demoscene is a community of programmers, artists, and musicians, who come together and create amazing graphic visualizations for or coupled by music. (mr.doob explains) at this years assemby07 the evoflash team of bombsquad went crazy! their demo, entitled ADHDTV is amazing. They combine realtime fluid dynamics, with 3D computational physics, enviorment mapping, raycasting, phong shading, dynamic lighting, and shadowing... now that's some sexy math!

watch the demo online or download it from thescene

my font, graffonti, has been featured in a new flash and papervision3D skateboarding game called kickflip. the game was designed and programmed by ugur ister (aka tom samson) co-founder of stimunationgames for the wrigley's candystand site.

click here to play kickflip

my latest papervision3d project was a revamp of the video cube. this time around the rotation of the cube is static, not mouse driven, also i added some new filtering, and a diffrent method of using a video texture that dousnt throw an error message. the flv is from the best cartoon ever lupin the 3rd. this episode is called "buns, guns, and fun in the sun"

check it out here.

actionscipt 3 code

package
 {
     import flash.display.*;
     import flash.events.*;
     import flash.media.*;
     import flash.net.*;
     import flash.text.*;
     import flash.filters.*;
 
     //filmed in papervision3d     
     import org.papervision3d.scenes.*;
     import org.papervision3d.objects.*;
     import org.papervision3d.cameras.*;
     import org.papervision3d.materials.*;
 
     [SWF(backgroundColor=0x333333)]
 
     public class main extends Sprite
     {
       // _______________________________________________________________________
       //                                                                  vars3D
         private var container : Sprite;
         private var scene     : MovieScene3D;
         private var camera    : Camera3D;
 
         private var planeObj  : DisplayObject3D;
         private var planeSize : int = 500;
         private var segment   : int = 2;
         private var material  : BitmapMaterial;
         private var bmpData   : BitmapData;
         private var connection: NetConnection;
         private var stream    : NetStream;
         private var video     : Video;
         private var label     : TextField;
 
         private var valx      : Number = 0;
         private var valy    : Number = 0;
         private var count     : uint = 0;
 
         static public const
             TEXTURE_W:int = 320,
             TEXTURE_H:int = 240;
 
         // _______________________________________________________________________
         //                                                             constructor
         public function main():void
         {
             stage.frameRate = 60;
             stage.quality   = "MEDIUM";
             stage.scaleMode = "noScale";
             stage.align = StageAlign.TOP_LEFT;
             this.addEventListener(Event.ENTER_FRAME, loop3D);
             this.stage.addEventListener(Event.RESIZE, onStageResize);
             label=new TextField();
             label.autoSize=TextFieldAutoSize.LEFT;
             label.x = 10;
             label.textColor=0xFFFFFF;
             label.selectable=false;
             addChild(label);
 
             init3D();
 
             connection=new NetConnection();
             connection.addEventListener(NetStatusEvent.NET_STATUS,netStatusHandler);
             connection.addEventListener(SecurityErrorEvent.SECURITY_ERROR,securityErrorHandler);
             connection.connect(null);
         }
         private function netStatusHandler(evt:NetStatusEvent):void {
             switch (evt.info.code) {
                 case "NetConnection.Connect.Success":
                     stream = new NetStream(connection);
 
                     stream.addEventListener(NetStatusEvent.NET_STATUS,netStatusHandler);
                     stream.addEventListener(AsyncErrorEvent.ASYNC_ERROR,asyncErrorHandler);
                     video = new Video();
                     video.attachNetStream(stream);
 
                     stream.play("lupinIII-s2e002-buns.guns.and.fun.in.the.sun.flv");
                     label.htmlText ="the.fontvir.us presents... \n      lupin the 3d\n          buns guns and fun in the sun";
                      break;
                 case "NetStream.Play.StreamNotFound":
                     label.text="flv not found...";
                     break;
                 case "NetStream.Play.Stop":
			//loop video
                     stream.seek(0);
                     break;
             }
         }
         // _______________________________________________________________________
         //                                                          event handlers
         private function asyncErrorHandler(evt:AsyncErrorEvent):void {
         }
 
         private function securityErrorHandler(evt:SecurityErrorEvent):void {
             label.text="security error...";
         }
 
         // _______________________________________________________________________
         //                                                                  init3D
         private function init3D():void
         {
             this.container = new Sprite();
             addChild(this.container);
             this.container.x = this.stage.stageWidth  / 2;
             this.container.y = this.stage.stageHeight / 2;
 
             scene = new MovieScene3D( container );
 
             camera = new Camera3D();
             camera.z = -planeSize;
             camera.focus = 1000;
             camera.zoom = 1;
 
             bmpData = new BitmapData(TEXTURE_W,TEXTURE_H,false,0xff0000);
 
             material = new BitmapMaterial(bmpData);
             material.oneSide = true;
 
             planeObj = scene.addChild( new Cube( material, planeSize, planeSize, planeSize, segment, segment, segment) );
         }
 
         // _______________________________________________________________________
         //                                                                  loop3d
         private function loop3D( event:Event ):void
         {
             valx -= 0.2;
             valy -= 0.5;
             planeObj.rotationY = valx;
             planeObj.rotationX = 35;
 
             video.attachNetStream(null);
             bmpData.draw(video);
             video.attachNetStream(stream);
 
             var filters:Array = new Array;
             filters.push(new GlowFilter(0xFFFFFF, 1, 10, 10, 10, 1));
             filters.push(new DropShadowFilter(70, 55, 0x000000, 0.5, 9, 9, 1, BitmapFilterQuality.HIGH));
/*
             var blur:Number = 10*Math.sin( (++count/25) );
             if(blur > 0){
                 filters.push(new BlurFilter(blur,blur,BitmapFilterQuality.HIGH));
             }
*/
             planeObj.container.filters = filters;
 
             this.scene.renderCamera( camera );
         }
 
         // _______________________________________________________________________
         //                                                           onStageResize
         private function onStageResize(event:Event):void
         {
             this.container.x = this.stage.stageWidth  / 2;
             this.container.y = this.stage.stageHeight / 2;
         
     }
 }

here a nice little one liner. this function returns a random number between a user supplied range.

actionscript 3 code

function randomizer (low:Number, high:Number):Number {
   return Math.floor(low + (Math.random() * (high-low)));
}

var x:Number = randomizer(5, 50);

a fellow papervsion3d enthusiast zeh (creator of the popular mctween) has created a new way of animating full 3d objects in the flash/flex environment with 100% code! Introducing the caurina tweener, witch is now hosted on googlecode, this re-envisioning of tweening is no longer a collection of h4x and prototypes extending existing ones. zeh has written full static classes following the idea of simple, one line commands. tweener is still in development, but is completely stable and functional.

check out the sound visualization demo i created using pv3d and tweener
http://the.fontvir.us/pv3d/spikey/
and its source code
http://the.fontvir.us/pv3d/spikey/spikey.as

UPDATE!

today john grden of rockonflash.com has release his new papervision3D component. this plugin for the flash cs3 ide allows you to...

- render and edit your 3d objects in Flash IDE at design time!
- it supports 3 material types
- you can creates movieScene3D and free or target cameras
- management of resizing / centering of a papervision3D scene
- dynamic masking to constrain the viewable area to set bounds
- full api and access to scene, camera, and collada objects to code around
- automatically loads materials via collada file
- new custom panel for modifying rotation, camera zoom, camera focus, camera Z

john has really outdone himself this time. this takes alot of the tedium of testing and retesting your 3D scenes to make sure the objects are positioned correctly.

- download the component here

watch the rmi training videos
- for developers
- for designers
- source files for training videos

so i finally got a copy of adobe cs3 and flex builder2. flex is amazing, combining mxml and actionscript 3 together into a seamless package. now that im on the as3 tip, i decided to dive into papervision3D. pv3d is a set of actionscript classes that are used to create 3D objects within the flash environment. Currently in beta, the source code is only available to osflash emailing list members. so if yew want it... signup here. i have also posted my first flex as3 pv3d project, the metroid speedrun 3D cube. and here's the source. Thanx to carlos for creating pv3d and thanx to luis for the video texture tutorial.

as i have been checking out the new features of actionscript 3 and flex, i stumbled upon fwiidom.org. this site is run by joa ebert + thibault imbert, and their mission is full flash wiimote integration.

currently wiiflash supports multiple wiimotes and nunchuks, the classic controller, as well as pc sensor bars. all you need is a bluetooth enabled pc (or adaptor) and a wiimote.

the newest version is available from wiiflash or googlecode or you could get on the mailing list

so donovan did it again! so he calls me at 9:45pm (he lives like and hour away) and sez his flash project is due tomorrow and has no voice acting. so after some guniness & chr0n.job related persuation i come over to watch zhang's revenge. we probally watched it w/o audio like 50 times discussing the plot, what we wanted to convey, what he was thinking. all durring this time the guiness is flowing...

so eventually, in a totally enebriated state, we recorded the drunken audio of zhang's revenge. it got better as we got drunker. it is really funny, but its REALLY funny when yer smashed. so seriously zhang is a friend of mine who ownz a chinese joint in downtown steubenville. his boss was a bitch and fired him so he opened his pwn place. and it rulez so no one goes to the old place.

check out zhang's revenge here.

make sure yew listen to the outtakes hidden after the movie in the "watch again?" screen.

well my buddy donovan has been learning more & more about macromedia flash has his college career progresses. we were discussing the idea of flash games and he decided to attempt to make one. with some minor help/troubleshooting from my end, d has managed to make a really sw33t game. check out the beta version of skate-er-guy only on xero.nu