<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>

<channel>
	<title>Into4 Blog</title>
	<atom:link href="http://www.into4.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.into4.com/blog</link>
	<description>my blog about everything that interests me and my work around my MA Design</description>
	<pubDate>Tue, 13 May 2008 22:00:23 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>short code sniplet  (value scrubber)</title>
		<link>http://www.into4.com/blog/joost/2008/short-code-sniplet-value-scrubber/</link>
		<comments>http://www.into4.com/blog/joost/2008/short-code-sniplet-value-scrubber/#comments</comments>
		<pubDate>Tue, 13 May 2008 21:47:34 +0000</pubDate>
		<dc:creator>Joost</dc:creator>
		
		<category><![CDATA[actionscript 3]]></category>

		<category><![CDATA[flash]]></category>

		<category><![CDATA[flex]]></category>

		<category><![CDATA[inspiration]]></category>

		<category><![CDATA[interactivity]]></category>

		<category><![CDATA[actionscript]]></category>

		<category><![CDATA[code]]></category>

		<category><![CDATA[scrubber]]></category>

		<category><![CDATA[slider]]></category>

		<guid isPermaLink="false">http://www.into4.com/blog/?p=42</guid>
		<description><![CDATA[i thought it might be use full for other people , that i share some of my code in quick and simple examples so here is my first one.
they might not always be the best solution but hey it gets the job done for me so might as well share it with you guys. my [...]]]></description>
			<content:encoded><![CDATA[<p>i thought it might be use full for other people , that i share some of my code in quick and simple examples so here is my first one.<br />
they might not always be the best solution but hey it gets the job done for me so might as well share it with you guys. my first post in this area is to use a slider to get a object from one area to another. this is just a basic calculation and works for anything where your have to scrub from one value to another.</p>
<p><span id="more-42"></span></p>
<p>hope its use full for you all (<a href="http://www.into4.com/flextests/test.html" target="_blank">click here</a>, seeing as the embed swf in this post doesn&#8217;t like the right click view source)</p>

<object	type="application/x-shockwave-flash"
			data="http://www.into4.com/flextests/test.swf"
			width="480"
			height="300">
	<param name="movie" value="http://www.into4.com/flextests/test.swf" />
</object>
]]></content:encoded>
			<wfw:commentRss>http://www.into4.com/blog/joost/2008/short-code-sniplet-value-scrubber/feed/</wfw:commentRss>
		</item>
		<item>
		<title>APE Physics tutorial for actionscript 3</title>
		<link>http://www.into4.com/blog/joost/2008/ape-physics-tutorial-for-actionscript-3/</link>
		<comments>http://www.into4.com/blog/joost/2008/ape-physics-tutorial-for-actionscript-3/#comments</comments>
		<pubDate>Sat, 03 May 2008 18:50:11 +0000</pubDate>
		<dc:creator>Joost</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[actionscript 3]]></category>

		<category><![CDATA[flash]]></category>

		<category><![CDATA[flex]]></category>

		<category><![CDATA[APE]]></category>

		<category><![CDATA[physics]]></category>

		<category><![CDATA[tutorial]]></category>

		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.into4.com/blog/?p=39</guid>
		<description><![CDATA[today i thought it might be nice to write a simple tutorial about the Ape physics engine, as there aren&#8217;t that many tutorials available for it yet. So in this simple tutorial we will create this:


first we start of with creating a new flash file which we will be naming &#8220;ApeExample.fla&#8221;, after we have done [...]]]></description>
			<content:encoded><![CDATA[<p>today i thought it might be nice to write a simple tutorial about the Ape physics engine, as there aren&#8217;t that many tutorials available for it yet. So in this simple tutorial we will create this:</p>
<p><a class="aligncenter" href="http://www.into4.com/flextests/ApeExample.html" target="_blank"><img class="alignnone size-thumbnail wp-image-41" title="apeexample" src="http://www.into4.com/blog/wp-content/uploads/2008/05/apeexample-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p><span id="more-39"></span></p>
<p>first we start of with creating a new flash file which we will be naming &#8220;ApeExample.fla&#8221;, after we have done that we create a new actionscript file called &#8220;ApeExample.as&#8221; and another called &#8220;Ball.as&#8221;.</p>
<p>then we go on the stage of the flash file and we create a circle object which we will convert to a movieclip symbol and we check the box &#8220;Export for ActionScript&#8221;. then you can delete the circle object from the stage as long as its still in the library its okay.</p>
<p>now we go to the Ball.as file we created and we paste the following into it(the inline comments should provide with enough explanation about how it all works):</p>
<p><tt></p>
<div class="codecolorer-container actionscript"><div class="codecolorer" style="font-family: monospace;">package <span class="br0">&#123;</span><br />
<span class="kw3">import</span> flash.<span class="me1">display</span>.<span class="kw3">MovieClip</span>;<br />
<br />
<span class="kw3">public</span> <span class="kw2">class</span> Ball <span class="kw3">extends</span> <span class="kw3">MovieClip</span> <span class="br0">&#123;</span><br />
<span class="kw3">public</span> <span class="kw2">function</span> Ball<span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span><br />
<span class="br0">&#125;</span><br />
<span class="br0">&#125;</span><br />
<span class="br0">&#125;</span></div></div>
<p></tt></p>
<p>after that&#8217;s done we go into our &#8220;ApeExample.as&#8221; file and paste in the following:<br />
<tt></p>
<div class="codecolorer-container actionscript" style="height:280px;"><div class="codecolorer" style="font-family: monospace;">package <span class="br0">&#123;</span><br />
<span class="kw3">import</span> flash.<span class="me1">display</span>.<span class="kw3">MovieClip</span>;<br />
<span class="kw3">import</span> org.<span class="me1">cove</span>.<span class="me1">ape</span>.<span class="me1">*</span>; <span class="co1">//imports the ape library</span><br />
<span class="kw3">import</span> flash.<span class="me1">events</span>.<span class="me1">*</span>; <span class="co1">//this is needed for the event listeners</span><br />
<br />
<span class="kw3">public</span> <span class="kw2">class</span> ApeExample <span class="kw3">extends</span> <span class="kw3">MovieClip</span><span class="br0">&#123;</span><br />
<span class="co1">//create arrays to store the instance's of the objects</span><br />
<span class="kw2">var</span> ball:<span class="kw3">Array</span> = <span class="kw2">new</span> <span class="kw3">Array</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;<br />
<span class="kw2">var</span> ballHolder:<span class="kw3">Array</span> = <span class="kw2">new</span> <span class="kw3">Array</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;<br />
<span class="kw2">var</span> ballInstance:<span class="kw3">Array</span> = <span class="kw2">new</span> <span class="kw3">Array</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;<br />
<span class="kw2">var</span> spring:<span class="kw3">Array</span> = <span class="kw2">new</span> <span class="kw3">Array</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;<br />
<br />
<span class="co1">//creates the groups where the made objects will be placed into</span><br />
<span class="kw2">var</span> group1:Group = <span class="kw2">new</span> Group<span class="br0">&#40;</span><span class="br0">&#41;</span>;<br />
<span class="kw2">var</span> group2:Group = <span class="kw2">new</span> Group<span class="br0">&#40;</span><span class="br0">&#41;</span>;<br />
<br />
<span class="co1">//settings of the variables for the balls</span><br />
<span class="kw2">var</span> ballPosX:<span class="kw3">Array</span> = <span class="kw2">new</span> <span class="kw3">Array</span><span class="br0">&#40;</span><span class="nu0">200</span>,<span class="nu0">240</span>,<span class="nu0">280</span>,<span class="nu0">320</span><span class="br0">&#41;</span>;<br />
<span class="kw2">var</span> ballPosY:<span class="kw3">Array</span> = <span class="kw2">new</span> <span class="kw3">Array</span><span class="br0">&#40;</span><span class="nu0">195</span>,<span class="nu0">195</span>,<span class="nu0">195</span>,<span class="nu0">195</span><span class="br0">&#41;</span>;<br />
<span class="kw2">var</span> ballRadius:<span class="kw3">Number</span> = <span class="nu0">20</span>;<br />
<span class="kw2">var</span> ballFixed:<span class="kw3">Boolean</span> = <span class="kw2">false</span>;<br />
<span class="kw2">var</span> ballMass:<span class="kw3">Number</span> = <span class="nu0">1</span>;<br />
<span class="kw2">var</span> ballElasticity:<span class="kw3">Number</span> = <span class="nu0">0.4</span>;<br />
<br />
<span class="co1">//settings of the variables for the ball place holders</span><br />
<span class="kw2">var</span> ballHolderPosX:<span class="kw3">Array</span> = <span class="kw2">new</span> <span class="kw3">Array</span><span class="br0">&#40;</span><span class="nu0">200</span>,<span class="nu0">240</span>,<span class="nu0">280</span>,<span class="nu0">320</span><span class="br0">&#41;</span>;<br />
<span class="kw2">var</span> ballHolderPosY:<span class="kw3">Array</span> = <span class="kw2">new</span> <span class="kw3">Array</span><span class="br0">&#40;</span><span class="nu0">55</span>,<span class="nu0">55</span>,<span class="nu0">55</span>,<span class="nu0">55</span><span class="br0">&#41;</span>;<br />
<br />
<span class="co1">//settings of the variables for the rope from the holder to the ball</span><br />
<span class="kw2">var</span> springStiffness:<span class="kw3">Number</span> = <span class="nu0">0.3</span>;<br />
<br />
<span class="kw3">public</span> <span class="kw2">function</span> ApeExample<span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span><br />
<br />
addEventListener<span class="br0">&#40;</span>Event.<span class="me1">ENTER_FRAME</span>, run<span class="br0">&#41;</span>;<br />
<span class="co1">//needed place the physics into our stage, init is the setting for the accuracy of the physics calculation</span><br />
APEngine.<span class="me1">init</span><span class="br0">&#40;</span><span class="nu0">1</span>/<span class="nu0">3</span><span class="br0">&#41;</span>;<br />
APEngine.<span class="me1">container</span> = <span class="kw3">this</span>;<br />
<span class="co1">//adds the gravity to the stage in this case strength of 2 in vertical gravity</span><br />
APEngine.<span class="me1">addForce</span><span class="br0">&#40;</span><span class="kw2">new</span> VectorForce <span class="br0">&#40;</span><span class="kw2">false</span>,<span class="nu0">0</span>,<span class="nu0">2</span><span class="br0">&#41;</span><span class="br0">&#41;</span>; <span class="co1">//replace new 'VectorForce (false,0,2)' with 'Vector (0,2)' if your not using the svn repository but the download package</span><br />
<br />
<span class="co1">//makes the objects in group1 collide with each other</span><br />
group1.<span class="me1">collideInternal</span> = <span class="kw2">true</span>;<br />
<br />
<span class="co1">//loop that creates our objects</span><br />
<span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw2">var</span> i = <span class="nu0">0</span>; i &amp;lt; <span class="nu0">4</span>; i++<span class="br0">&#41;</span><span class="br0">&#123;</span><br />
<br />
<span class="co1">//creation of the physics ball and the holder for the ball</span><br />
ball<span class="br0">&#91;</span>i<span class="br0">&#93;</span> = <span class="kw2">new</span> CircleParticle<span class="br0">&#40;</span>ballPosX<span class="br0">&#91;</span>i<span class="br0">&#93;</span>, ballPosY<span class="br0">&#91;</span>i<span class="br0">&#93;</span>, ballRadius, ballFixed, ballMass, ballElasticity<span class="br0">&#41;</span>;<br />
ballHolder<span class="br0">&#91;</span>i<span class="br0">&#93;</span> = <span class="kw2">new</span> CircleParticle<span class="br0">&#40;</span>ballHolderPosX<span class="br0">&#91;</span>i<span class="br0">&#93;</span>, ballHolderPosY<span class="br0">&#91;</span>i<span class="br0">&#93;</span>, <span class="nu0">1</span>, <span class="kw2">true</span><span class="br0">&#41;</span>;<br />
<br />
<span class="co1">//add them to 2 different groups so the balls dont collide against our holders</span><br />
group1.<span class="me1">addParticle</span><span class="br0">&#40;</span>ball<span class="br0">&#91;</span>i<span class="br0">&#93;</span><span class="br0">&#41;</span>;<br />
group2.<span class="me1">addParticle</span><span class="br0">&#40;</span>ballHolder<span class="br0">&#91;</span>i<span class="br0">&#93;</span><span class="br0">&#41;</span>;<br />
<br />
<span class="co1">//here we create the spring /the rope that holds the object together</span><br />
spring<span class="br0">&#91;</span>i<span class="br0">&#93;</span> = <span class="kw2">new</span> SpringConstraint <span class="br0">&#40;</span>ball<span class="br0">&#91;</span>i<span class="br0">&#93;</span>, ballHolder<span class="br0">&#91;</span>i<span class="br0">&#93;</span>, springStiffness<span class="br0">&#41;</span>;<br />
group1.<span class="me1">addConstraint</span><span class="br0">&#40;</span>spring<span class="br0">&#91;</span>i<span class="br0">&#93;</span><span class="br0">&#41;</span>;<br />
<br />
<span class="co1">//here we create a instance of our ball that we had drawn in our fla file</span><br />
ballInstance<span class="br0">&#91;</span>i<span class="br0">&#93;</span> = <span class="kw2">new</span> Ball<span class="br0">&#40;</span><span class="br0">&#41;</span>;<br />
addChild<span class="br0">&#40;</span>ballInstance<span class="br0">&#91;</span>i<span class="br0">&#93;</span><span class="br0">&#41;</span>;<br />
<span class="co1">//here we say that the physics object should take the look of our ball that we had drawn</span><br />
ball<span class="br0">&#91;</span>i<span class="br0">&#93;</span>.<span class="me1">setDisplay</span><span class="br0">&#40;</span>ballInstance<span class="br0">&#91;</span>i<span class="br0">&#93;</span><span class="br0">&#41;</span>;<br />
spring<span class="br0">&#91;</span>i<span class="br0">&#93;</span>.<span class="kw3">visible</span> = <span class="kw2">true</span>; <span class="co1">//toggle the visibility of the rope/elastic band</span><br />
ballHolder<span class="br0">&#91;</span>i<span class="br0">&#93;</span>.<span class="kw3">visible</span> = <span class="kw2">true</span>; <span class="co1">//toggle the visibility of the holding point</span><br />
<br />
<span class="co1">//ballInstance[i].buttonMode = true;</span><br />
<span class="br0">&#125;</span><br />
<br />
<span class="co1">//here we add the groups to the physics engine</span><br />
APEngine.<span class="me1">addGroup</span><span class="br0">&#40;</span>group1<span class="br0">&#41;</span>;<br />
APEngine.<span class="me1">addGroup</span><span class="br0">&#40;</span>group2<span class="br0">&#41;</span>;<br />
<br />
<span class="co1">//give the first ball we created a eventlistener so that we click on it it jumps to the left and sets the whole thing in motion</span><br />
ballInstance<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>.<span class="me1">addEventListener</span><span class="br0">&#40;</span>MouseEvent.<span class="me1">CLICK</span>,clicker<span class="br0">&#41;</span>;<br />
<span class="br0">&#125;</span><br />
<br />
<span class="kw2">function</span> clicker <span class="br0">&#40;</span>evt:MouseEvent<span class="br0">&#41;</span>:<span class="kw3">void</span> <span class="br0">&#123;</span><br />
ball<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>.<span class="me1">px</span> = <span class="nu0">0</span>;<br />
<br />
<span class="br0">&#125;</span><br />
<br />
<span class="co1">//this function is the heart of it all as this makes all appear on the stage and calculates the stuff</span><br />
<span class="kw2">function</span> run<span class="br0">&#40;</span>evt:Event<span class="br0">&#41;</span>:<span class="kw3">void</span> <span class="br0">&#123;</span><br />
APEngine.<span class="me1">step</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;<br />
APEngine.<span class="me1">paint</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;<br />
<br />
<span class="br0">&#125;</span><br />
<span class="br0">&#125;</span><br />
<span class="br0">&#125;</span></div></div>
<p></tt></p>
<p>now test your ApeExample file and your flash movie should show the nice balls now if you click on the first one it should start the bouncing. if you still might have any further questions just contact me</p>
<p>files are for download <a href="http://www.into4.com/flextests/APEexample.rar">here</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.into4.com/blog/joost/2008/ape-physics-tutorial-for-actionscript-3/feed/</wfw:commentRss>
		</item>
		<item>
		<title>new portfolio website under construction</title>
		<link>http://www.into4.com/blog/joost/2008/new-portfolio-website-under-construction/</link>
		<comments>http://www.into4.com/blog/joost/2008/new-portfolio-website-under-construction/#comments</comments>
		<pubDate>Sun, 27 Apr 2008 16:07:59 +0000</pubDate>
		<dc:creator>Joost</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[general]]></category>

		<guid isPermaLink="false">http://www.into4.com/blog/?p=38</guid>
		<description><![CDATA[as you might have found out the front page has changed with a message saying  there is soon something coming. well thats what i am currently working on getting my portfolio part of my site up which will be nice and clean like my blog but more flashy, since well.. its my portfolio :D.
]]></description>
			<content:encoded><![CDATA[<p>as you might have found out the <a href="http://www.into4.com" target="_self">front page</a> has changed with a message saying  there is soon something coming. well thats what i am currently working on getting my portfolio part of my site up which will be nice and clean like my blog but more flashy, since well.. its my portfolio :D.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.into4.com/blog/joost/2008/new-portfolio-website-under-construction/feed/</wfw:commentRss>
		</item>
		<item>
		<title>APE Physics project</title>
		<link>http://www.into4.com/blog/joost/2008/ape-physics-project/</link>
		<comments>http://www.into4.com/blog/joost/2008/ape-physics-project/#comments</comments>
		<pubDate>Mon, 21 Apr 2008 23:32:19 +0000</pubDate>
		<dc:creator>Joost</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[actionscript 3]]></category>

		<category><![CDATA[flash]]></category>

		<category><![CDATA[flex]]></category>

		<category><![CDATA[interactivity]]></category>

		<category><![CDATA[AC3]]></category>

		<category><![CDATA[APE]]></category>

		<category><![CDATA[into4]]></category>

		<category><![CDATA[physics]]></category>

		<category><![CDATA[prototype]]></category>

		<guid isPermaLink="false">http://www.into4.com/blog/joost/2008/ape-physics-project/</guid>
		<description><![CDATA[hi, yes it has been a while since my last post.
due to a various amount of reasons, but i plan on updating more regularly  from now on.
one of my latest projects that i am working on is

making a group of over 400 balls being controlled by a slider.
they vary from creative to a world [...]]]></description>
			<content:encoded><![CDATA[<p>hi, yes it has been a while since my last post.<br />
due to a various amount of reasons, but i plan on updating more regularly  from now on.<br />
one of my latest projects that i am working on is</p>
<p><span id="more-36"></span></p>
<p>making a group of over 400 balls being controlled by a slider.<br />
they vary from creative to a world view and a structured grid.<br />
this is being done using a physics library for ac3.</p>
<p>which works quite nicely</p>
<p>but cant go into to much detail yet but as soon as the final version has been released ill give a more detailed explanation of how it works and what its for.</p>
<p>for now i have added this little prototype of the work<a href="http://www.into4.com/blog/joost/2008/ape-physics-project/ape-test-project/" rel="attachment wp-att-37" title="APE test project"> APE test project</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.into4.com/blog/joost/2008/ape-physics-project/feed/</wfw:commentRss>
		</item>
		<item>
		<title>3d concepts</title>
		<link>http://www.into4.com/blog/admin/2008/3d-concepts/</link>
		<comments>http://www.into4.com/blog/admin/2008/3d-concepts/#comments</comments>
		<pubDate>Thu, 24 Jan 2008 19:06:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.into4.com/blog/admin/2008/3d-concepts/</guid>
		<description><![CDATA[lately i have been working in Cinema 4d to visualize some prototypes for my controller and the potential solutions for it
this image below is a prototype for a potentiometer housing


as i made some prototype designs for the rapid prototyping printer i ran into some bumps as my design had some problems with the way normals [...]]]></description>
			<content:encoded><![CDATA[<p>lately i have been working in Cinema 4d to visualize some prototypes for my controller and the potential solutions for it</p>
<p>this image below is a prototype for a potentiometer housing</p>
<p><a href="http://www.into4.com/blog/wp-content/uploads/2008/01/blog-post-image.jpg"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="297" alt="blog-post-image" src="http://www.into4.com/blog/wp-content/uploads/2008/01/blog-post-image-thumb.jpg" width="371" border="0" /></a></p>
<p><span id="more-35"></span></p>
<p>as i made some prototype designs for the rapid prototyping printer i ran into some bumps as my design had some problems with the way normals where mapped in cinema 4d.   <br />and thus giving strange results in the prototyping software as it couldn&#8217;t read it right. hope to have a solution posted on that soon on how to best prepare my models for prototyping using cinema 4d</p>
]]></content:encoded>
			<wfw:commentRss>http://www.into4.com/blog/admin/2008/3d-concepts/feed/</wfw:commentRss>
		</item>
		<item>
		<title>programming styling</title>
		<link>http://www.into4.com/blog/admin/2007/programming-styling/</link>
		<comments>http://www.into4.com/blog/admin/2007/programming-styling/#comments</comments>
		<pubDate>Sun, 30 Dec 2007 14:48:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[MA]]></category>

		<category><![CDATA[actionscript 3]]></category>

		<category><![CDATA[flash]]></category>

		<category><![CDATA[flex]]></category>

		<category><![CDATA[programs]]></category>

		<guid isPermaLink="false">http://www.into4.com/blog/admin/2007/programming-styling/</guid>
		<description><![CDATA[yes its been a while since my last post but this month always seems to fly by in an instant with all those holidays.
but I have been spending my time reading books and web site&#8217;s about various programming styles people use and which would work best in my case the reason I spent a lot [...]]]></description>
			<content:encoded><![CDATA[<p>yes its been a while since my last post but this month always seems to fly by in an instant with all those holidays.</p>
<p>but I have been spending my time reading books and web site&#8217;s about various programming styles people use and which would work best in my case the reason I spent a lot of time in this is because I wanted to see if I could find any kind of similarity between it all and I came to the conclusion there is.</p>
<p><span id="more-32"></span></p>
<p>it basically come&#8217;s down to using clearly structured code and making it humanly readable by this I mean you might be able to understand the code with out needing additional comments to go with it even if your not that experienced in the language. as well as using clear prefixes for certain variables and methods.</p>
<p>also the usage of neatly spaced code helps with the readability of it all.</p>
<p>the style I use will have more comments in it then you would normally use, but that is because I plan on using it for tutorials and such.</p>
<div style="border-right: gray 1px solid; padding-right: 4px; border-top: gray 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas, &#39;Courier New&#39;, courier, monospace; height: 250px; background-color: #f4f4f4">
<div style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   1:</span> <span style="color: #008000">// ActionScript file example layout</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   2:</span> <span style="color: #008000">/* </span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   3:</span> <span style="color: #008000">start class names with a capital letter</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   4:</span> <span style="color: #008000"></span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   5:</span> <span style="color: #008000"></span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   6:</span> <span style="color: #008000">in class files preferred not to use this as this makes for poor readability</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   7:</span> <span style="color: #008000">this example:</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   8:</span> <span style="color: #008000">this._area = this._width * this._height;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   9:</span> <span style="color: #008000"></span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  10:</span> <span style="color: #008000">without this example:</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  11:</span> <span style="color: #008000">_area = _width * _height;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  12:</span> <span style="color: #008000">*/</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  13:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  14:</span> <span style="color: #008000">//Constants </span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  15:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  16:</span> <span style="color: #008000">/* these should have descriptive names like, FIRST_NAME:String = Joost;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  17:</span> <span style="color: #008000">*/</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  18:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  19:</span> <span style="color: #008000">//public properties (variables)</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  20:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  21:</span> <span style="color: #008000">/* define all private and protected properties with a underscore like so, _example:String = example;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  22:</span> <span style="color: #008000">*/</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  23:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  24:</span> <span style="color: #008000">//private properties (variables)</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  25:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  26:</span> <span style="color: #008000">/* start local variables with the letter p so its easy to track them back,  pExample:String = example;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  27:</span> <span style="color: #008000">*/</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  28:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  29:</span> <span style="color: #008000">//constructor (class named function)</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  30:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  31:</span> <span style="color: #008000">/*  for constructors use this method so its easier to keep constructors and methods apart</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  32:</span> <span style="color: #008000"></span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  33:</span> <span style="color: #008000">function myFunction(){</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  34:</span> <span style="color: #008000">//function code in here</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  35:</span> <span style="color: #008000">}</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  36:</span> <span style="color: #008000">*/</span> </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  37:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  38:</span> <span style="color: #008000">//public methods (function)</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  39:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  40:</span> <span style="color: #008000">/* </span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  41:</span> <span style="color: #008000">function myFunction()</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  42:</span> <span style="color: #008000">{</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  43:</span> <span style="color: #008000">//function code in here</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  44:</span> <span style="color: #008000">}</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  45:</span> <span style="color: #008000">*/</span> </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  46:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  47:</span> <span style="color: #008000">//private methods (function)</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  48:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  49:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  50:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  51:</span> <span style="color: #008000">//getter/setter methods</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  52:</span>&#160; </pre>
</p></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.into4.com/blog/admin/2007/programming-styling/feed/</wfw:commentRss>
		</item>
		<item>
		<title>my new present the make controller kit</title>
		<link>http://www.into4.com/blog/joost/2007/my-new-present-the-make-controller-kit/</link>
		<comments>http://www.into4.com/blog/joost/2007/my-new-present-the-make-controller-kit/#comments</comments>
		<pubDate>Sat, 01 Dec 2007 16:13:30 +0000</pubDate>
		<dc:creator>Joost</dc:creator>
		
		<category><![CDATA[MA]]></category>

		<category><![CDATA[actionscript 3]]></category>

		<category><![CDATA[flash]]></category>

		<category><![CDATA[flex]]></category>

		<category><![CDATA[interactivity]]></category>

		<category><![CDATA[processing]]></category>

		<category><![CDATA[vvvv]]></category>

		<guid isPermaLink="false">http://www.into4.com/blog/joost/2007/my-new-present-the-make-controller-kit/</guid>
		<description><![CDATA[ 
the reason its been a bit quiet on my blog lately is because off my latest &#34;toy&#34; that came in the make controller kit. This thing is pretty fun it allows you to basically control anything that is electronic.
its also works with actionscript which is why I bought it, your want to know more [...]]]></description>
			<content:encoded><![CDATA[<p><img height="251" src="http://www.makingthings.com/resolveUid/c56be1481e5c8db7e411ed6daf0b092a" width="320" /> </p>
<p>the reason its been a bit quiet on my blog lately is because off my latest &quot;toy&quot; that came in the make controller kit. This thing is pretty fun it allows you to basically control anything that is electronic.</p>
<p>its also works with actionscript which is why I bought it, your want to know more about the board and my experience with it so far hit the jump</p>
<p><span id="more-31"></span></p>
<p>&#160;</p>
<p>the make controller kit has a nice array of features which contain:</p>
<p>&#160;</p>
<p>&#160;<strong>8 analogue inputs</strong> - 10-bit inputs read voltages from 0-3.3V while protecting the controller from higher voltages.    <br /><strong> 8 high current digital outputs</strong> - can be configured to drive 8 individual outputs, 4 DC motors, 2 stepper motors, or any combination.    <br /><strong> 4 standard servo controllers</strong> - easily provide external power for driving large loads.    <br /><strong> 8 position DIP switch</strong> - for manual configuration.    <br />&#160;<strong>USB and Ethernet interfaces</strong> - can be used simultaneously.    <br />&#160;<strong>CAN interface</strong> - for networking several boards together.    <br />&#160;<strong>JTAG port</strong> - for on-chip debugging. </p>
<p>&#160;</p>
<p>it communicates via the OSC (Open Sound Control) protocol. which allows it to be used by a nice array of programming language which include:</p>
<p><strong>Max/MSP     <br />Flash (as2/as3)      <br />Processing      <br />.NET C#      <br />C/C++      <br />Python      <br />Java</strong>    </p>
<p>well seeing as i plan on using it in adobe Flex instead of Flash i ran into some snags with the default classes that where supplied with it. as they gave a nice list of compile errors in flex.   <br />but after a closer look at it, i saw it needed the intermediate program mchelper for a reason. cause actionscript can not talk to serial device&#8217;s which means it uses XML to communicate to the XML server in the mchelper application. so what i plan on doing is going to look at the default classes and try to convert them to some specific and simple classes for my own needs that work without a problem in flex. i hope to have some posts up soon with a detailed explanation of how to make a simple specific XML connection with it and what the XML diagram is like. </p>
<p>for the make controller board and resources go to <a href="http://www.makingthings.com" target="_blank">makingthings</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.into4.com/blog/joost/2007/my-new-present-the-make-controller-kit/feed/</wfw:commentRss>
		</item>
		<item>
		<title>actionscript 3.0 help sheet</title>
		<link>http://www.into4.com/blog/joost/2007/actionscript-30-help-sheet/</link>
		<comments>http://www.into4.com/blog/joost/2007/actionscript-30-help-sheet/#comments</comments>
		<pubDate>Sun, 25 Nov 2007 17:07:47 +0000</pubDate>
		<dc:creator>Joost</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[actionscript 3]]></category>

		<category><![CDATA[flex]]></category>

		<category><![CDATA[actionscript]]></category>

		<category><![CDATA[classes]]></category>

		<category><![CDATA[help]]></category>

		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.into4.com/blog/joost/2007/actionscript-30-help-sheet/</guid>
		<description><![CDATA[i was working today with some actionscript. and normally i look allot off stuff up in my books as reference and such, seeing as I am still new to actionscript 3. I thought it might be effective to make a set of small posters that contain some of the basic information on it that you [...]]]></description>
			<content:encoded><![CDATA[<p>i was working today with some actionscript. and normally i look allot off stuff up in my books as reference and such, seeing as I am still new to actionscript 3. I thought it might be effective to make a set of small posters that contain some of the basic information on it that you in general need quite often.</p>
<p>so here is my first version of my actionscript help sheet <a href="http://into4.com/blogfiles/actionscript help sheet v1.pdf" target="_blank">(PDF)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.into4.com/blog/joost/2007/actionscript-30-help-sheet/feed/</wfw:commentRss>
		</item>
		<item>
		<title>BUG just what is it?</title>
		<link>http://www.into4.com/blog/joost/2007/bug-just-what-is-it/</link>
		<comments>http://www.into4.com/blog/joost/2007/bug-just-what-is-it/#comments</comments>
		<pubDate>Wed, 21 Nov 2007 15:27:29 +0000</pubDate>
		<dc:creator>Joost</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.into4.com/blog/joost/2007/bug-just-what-is-it/</guid>
		<description><![CDATA[ 
its something you have always wanted, so you might think what is it that i want. well its basically what you make it to be it can be&#160; a GPS or a camera or a thief protection system and a whole lot more it can even be all those things in one. so your [...]]]></description>
			<content:encoded><![CDATA[<p><img height="280" src="http://www.buglabs.net/images/press/ph_BUG_group_med.jpg" width="353" /> </p>
<p>its something you have always wanted, so you might think what is it that i want. well its basically what you make it to be it can be&#160; a GPS or a camera or a thief protection system and a whole lot more it can even be all those things in one. so your like huh? well as their web site explains:</p>
<p><span id="more-29"></span></p>
<p>&#160;</p>
<blockquote><p>BUG is a collection of easy-to-use, open source hardware modules, each capable of producing one or more Web services. These modules snap together physically and the services connect together logically to enable users to easily build, program and share innovative devices and applications. With BUG, we don&#8217;t define the final products - you do.</p>
</blockquote>
<p>you can see it as a small Linux computer which has the option to plug-in additional devices and with looks like a easy to use SDK for programming the device and setting it up   <br />the good thing about it is that its all opensource and can be hacked and tinkered with</p>
<p><img height="280" src="http://www.buglabs.net/images/sdk/SDK_1.jpg" width="381" /> </p>
<p>the concept proves to be very promising though I hope they will do more with the layout possibility&#8217;s of the device </p>
<p>for more information and all visit <a href="http://www.buglabs.net" target="_blank">Buglabs</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.into4.com/blog/joost/2007/bug-just-what-is-it/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Photoshop your little sister even likes</title>
		<link>http://www.into4.com/blog/joost/2007/photoshop-your-little-sister-even-likes/</link>
		<comments>http://www.into4.com/blog/joost/2007/photoshop-your-little-sister-even-likes/#comments</comments>
		<pubDate>Wed, 21 Nov 2007 13:39:34 +0000</pubDate>
		<dc:creator>Joost</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[general]]></category>

		<category><![CDATA[photoshop]]></category>

		<category><![CDATA[programs]]></category>

		<guid isPermaLink="false">http://www.into4.com/blog/joost/2007/photoshop-your-little-sister-even-likes/</guid>
		<description><![CDATA[ 
it rarely happens but sometimes i am like shoot, I wish I did have a mac. well this happened to me when i saw this program called pixelmator, its interface looks so cute and colourful how could one resist it. that even my sister would be all over it.
What it is it&#8217;s Photoshop made [...]]]></description>
			<content:encoded><![CDATA[<p><img height="182" src="http://www.pixelmator.com/i/hp/t1.jpg" width="400" /> </p>
<p>it rarely happens but sometimes i am like shoot, I wish I did have a mac. well this happened to me when i saw this program called <a href="http://www.pixelmator.com" target="_blank">pixelmator</a>, its interface looks so cute and colourful how could one resist it. that even my sister would be all over it.</p>
<p>What it is it&#8217;s Photoshop made simple and stylish (the new cs3 has nice looks to but more in a prof way) it has all the basic editing tools you might need, like: layers, painting tools, retouching tools, type tools, colour correction, etc.   <br />so if you do have a mac. well your in luck! as you can <a href="http://www.pixelmator.com/download/" target="_blank">download</a> a free trail (full version is only like 60 dollars). some more screen after the jump</p>
<p><span id="more-28"></span></p>
<p><img height="200" src="http://www.pixelmator.com/i/hp/t2.jpg" width="440" /> </p>
<p><img height="200" src="http://www.pixelmator.com/i/hp/t3.jpg" width="440" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.into4.com/blog/joost/2007/photoshop-your-little-sister-even-likes/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
