Sleepy Design

Hello World : LowRa

2008-06-20T18:45:00.007+07:00

yup, another as3 framework nice features&idea, thx! Francis Bourre for LowRa anyway
well...no more talk just try! ;)

Required?

LowRa rev488 : http://osflash.org/projects/lowra
Original Sample : http://www.tweenpix.net/blog/index.php?post/2008/01/28/hello-world-with-LowRA
My flash sample : http://sleepydesign.com/labs/as3/LowRa/HelloWorldLowRa.zip

XML?

<beans>
    <root>
        <txt id="txt" type="flash.text.TextField">
            <property name="text" value="Hello world!"/>
            <property name="autoSize" value="left"/>
            <method-call name="setTextFormat">
                <argument ref="tf"/>
            </method-call>
        </txt>
    </root>
    <tf id="tf" type="flash.text.TextFormat">
        <argument type="" value="Arial"/>
        <argument type="Number" value="30"/>
        <argument type="Number" value="0xFF0000"/>
    </tf>
</beans>

Script?

package
{
 
 import com.bourre.ioc.load.ApplicationLoader;
 import flash.display.Sprite;
 import flash.net.URLRequest;
 
 /**
 *
 * HelloWorld LowRa : Low-level Rework on Actionscript 3.0
 *
 * @link http://osflash.org/projects/lowra
 * @author katopz@sleepydesign.com
 */
 public class HelloWorldLowRa extends Sprite
 {
  public function HelloWorldLowRa()
  {
   new ApplicationLoader(this, true, new URLRequest("HelloWorldLowRa.xml"));
  }
 }
 
}

Result?

http://sleepydesign.com/labs/as3/LowRa/HelloWorldLowRa/

Next?

try more at dll?, data?, plugins? bla bla bla
try another framework? vegas? jumpship? troyworks? AsWing?

Any good News?

look like i need more than 24hrs to try 'em all, lol anyway the good news is Collada (DAE) animation with away3d is already finish for a month (ago) with some useful stuff like controllable joint at runtime (that's fun!), you can expected more for collada maya samples&tutorials i'm working on it ;)

've fun! ;D

Hello World : Windows Live Writer

2008-06-20T16:19:00.001+07:00

just 1 blog per month is barely i know, i'll try make it 2 in this month lol, anyway this is my 1st try on Windows Live Writer, need some test ;)

Bold
Italic
Underline
~~Strike~~

"Quote"

Table	Work?
Maybe	Yeah!

Snippet Code

   1:  package

   2:  {

3:

   4:      import com.bourre.ioc.load.ApplicationLoader;

   5:      import flash.display.Sprite;

   6:      import flash.net.URLRequest;

7:

   8:      /**

   9:      *

  10:      * HelloWorld LowRa : Low-level Rework on Actionscript 3.0

  11:      *

  12:      * @link http://osflash.org/projects/lowra

  13:      * @author katopz@sleepydesign.com

  14:      */

  15:      public class HelloWorldLowRa extends Sprite

  16:      {

  17:          public function HelloWorldLowRa()

  18:          {

  19:              new ApplicationLoader(this, true, new URLRequest("HelloWorldLowRa.xml"));

  20:          }

  21:      }

22:

  23:  }

link : http://osflash.org/projects/lowra
image

hmm...look like it's just work (with some css lost), easy huh? lets' blog more about LowRa ;)

Away3D : Metasequoia (mqo)

2008-05-01T14:17:00.002+07:00

i'm now in Away3D team yeah! ;D so let's add more in Away3D section, lol

What for?

add more 3d model format support for Away3D
learning that's it :P

Related?

main site : http://www.metaseq.net/english/index.html
original source : http://www.libspark.org/wiki/rch850/Metasequoia
some model stock : http://logic-wizard.hp.infoseek.co.jp/fms_e.htm

Source?

early : http://sleepydesign.com/labs/as3/Away3D/Metasequoia.zip

Next?

maybe add that mqo to away3d svn
dae animation on Away3D
add some md2 animation samples
Away3D Away3D Away3D Away3D ;P

Away3D : Fluid with Polygonal

2008-04-03T16:17:00.003+07:00

Open source 'll rule the world ;) , when someone release some code. someone else use/mod and release it like virus cycle, i'm talking about Water Fuild as3 code here , let's see...

Related Links

then it's my turn and let's challenge more Fluid with Away3D Polygonal Array3

Info

model and textures are someone (not mine) copyright.
use Numpad 1 for Wire, 2 for Texture, 3 to toggle Polygonal on/off
left click navigate, right click for stat

What's for

learn to use Polygonal Array3 (maybe faster maybe not)
keep open source growing ;)
try add more sample/skill with Away3D

Source?

FluidPolygonal.as

Next?

add real physics (maybe WOW)
add more duck to test more Array3 speed

Away3D : EngineTest 1.9.4 rev 443

2008-02-29T22:18:00.004+07:00

Just engine test, after Rob add my BitmapFileMaterial.as
to 1.9.4, it's now easy for flash ppl to use! no more embed! ;)

What for?

learning another 3D engine
suggest handy class to group
boost up both 3D engine to limit

Demo

sample : http://sleepydesign.com/labs/as3/Away3D/EngineTest/
source : http://sleepydesign.com/labs/as3/Away3D/EngineTest.zip

Next?

don't know, busy here ;P

Papervision3D GreatWhite : DAE Animation

2008-02-11T11:44:00.000+07:00

Happy Chinese New Year, look like i always come up when new year eh? :P

actually i already post this to PV3D's mail archieve for a month
also PV3D team said that "soon" to release woking version
so i decide to leave my dae mod in trash, but many one keep asking me
for a guide, so...this is a quick/mod guide!
anyway if you not understand my MD2 last post yet, plz don't
try this one, noobs warning!

Demo

it's look old but it's new http://sleepydesign.com/labs/as3/PaperVision3D/GreatWhite/DAEAnimation/
MD2 it's left and right, DAE in middle, all in one to prove it work fine together
try click on left/right plane to change animation (full loop/half loop)
don't expect cleaner version

What for?

learn to integrate MD2 mod -> DAE mod
early use of DAE Animation
money? sigh....i just got 0.01$ from google ads from my own click ... opps! sorry google just test :P

Required?

last know good PaperVision3D rev 421
AS Class in old MD2 guide : Papervision3D GreatWhite : MD2 Animation
your animated DAE (that's must auto play fine in original package)
Some mod/add below

How to?

1. add 2 SleepyController this in org\papervision3d\objects\parsers\DAE.as


//public  lazy hack
public var SleepyController1
public var SleepyController2
private function buildAnimationController( joint:Node3D, keys:Array,
matrices:Array ):void
{
var mats:Array = new Array(matrices.length);
var ctl:SimpleController = new SimpleController(joint,
SimpleController.TRANSFORM);
if(!SleepyController1){
SleepyController1 = ctl
}else {
SleepyController2 = ctl
}

2. line #100 at \org\papervision3d\core\animation\controllers\SimpleController.as to fix weird animation (just over frame)


var endFrame:AnimationFrame = this.frames[ currentFrame ];
//proof it work
trace(firstFrame,currentFrame,nextFrame,lastFrame)

3. add controller after "controller complete" not just model complete in your "main.as"


dae.SleepyController1.gotoAndLoop(10, 20)
dae.SleepyController2.gotoAndLoop(10, 20)

4. mix up with MD2? let's see


if(mouse3D.x>0){
ctrl.gotoAndLoop(0, 16)
dae.SleepyController1.gotoAndLoop(10, 20)
dae.SleepyController2.gotoAndLoop(10, 20)
md2.setMaterial(new BitmapFileMaterial("pg.png"));
}else {
ctrl.gotoAndLoop(18, 31)
dae.SleepyController1.gotoAndLoop(0, 40)
dae.SleepyController2.gotoAndLoop(0, 40)
md2.setMaterial(new BitmapFileMaterial("pg_angry.png"));
}

Next?

if you not mod addict or really need early use of DAE animation plz skip this ;)
dig something else and wait for official release
sigh.... ;P

Papervision3D GreatWhite : MD2 Animation

2008-01-04T11:59:00.000+07:00

Happy new year! Let's start with some dirty/early coding, lol

Demo

dirty one (internal use) : http://sleepydesign.com/labs/as3/PaperVision3D/GreatWhite/MD2Animation/
try click on left/right plane to change animation (sit/stand)
good/clean demo later (really later)

What for?

Holy guide to take control MD2 animation.
happy new year (eh?)

Required?

PaperVision3D 2.0 GreatWhite rev 391
modded : AbstractController.as
modded : KeyFrameController.as

How to?

merge modded/original package (1+2+3)
add MorphController to MD2
call "gotoAndLoop" function with begin/end frame parameters
got error(s) and shutdown without save (kidding :P)

Hint?

compare modded class with svn, see the diff
call function like this


  var ctrl = AnimationEngine.getControllers(md2)[0] as MorphController;
  ctrl.gotoAndLoop(18, 31);

Where's to go next?

home?
bed?
:P

Papervision3D GreatWhite : Animated Particles

2007-12-20T20:00:00.000+07:00

What for?

learn to modify more complicate package
x-mas fun/gift ;D

Required?

PaperVision3D 2.0 GreatWhite rev 385
John Grden Shader demo : http://www.rockonflash.com/blog/?p=92
2 brains

How to?

i don't want to mess up original "Particle" , so just clone "all" packages that related to "Particle "
hange "Particle" to "Clip" packages
merge MovieMaterial to ClipMaterial then i got "MovieClipMaterial" (huh?)
add "size" to "ParticleField" (call ClipField for now)

Hint?

MovieClipMaterial.as


package org.papervision3d.materials.special
{
 import flash.display.BitmapData;
 import flash.display.DisplayObject;
 import flash.display.Graphics;
 import flash.geom.Matrix;
 import org.papervision3d.materials.MovieMaterial;
 
 import org.papervision3d.core.geom.renderables.Clip;
 import org.papervision3d.core.render.data.RenderSessionData;
 import org.papervision3d.core.render.draw.IClipDrawer;

 public class MovieClipMaterial extends ClipMaterial implements IClipDrawer
 {
  
  private var scaleMatrix  : Matrix;
  private var movie    : DisplayObject;
  private var movieMaterial  : MovieMaterial;
  
  public function MovieClipMaterial( movieAsset:DisplayObject=null, transparent:Boolean=false, animated:Boolean=false )
  {
   super(0, 0);
   
   this.movie = movieAsset;
   this.movieMaterial = new MovieMaterial( movie, transparent, animated );
   
   this.bitmap = movieMaterial.bitmap;
   this.scaleMatrix = new Matrix();
  }
  
  override public function drawClip(clip:Clip, graphics:Graphics, renderSessionData:RenderSessionData):void
  {
   this.bitmap = movieMaterial.bitmap;
   
   scaleMatrix.a = clip.renderScale;
   scaleMatrix.d = clip.renderScale; 
   scaleMatrix.tx = clip.vertex3D.vertex3DInstance.x;
   scaleMatrix.ty = clip.vertex3D.vertex3DInstance.y;
   
   graphics.beginBitmapFill(this.bitmap, scaleMatrix, false, smooth);
   graphics.drawRect(clip.vertex3D.vertex3DInstance.x, clip.vertex3D.vertex3DInstance.y,clip.renderScale*this.bitmap.width,clip.renderScale*this.bitmap.height);
   graphics.endFill();
   renderSessionData.renderStatistics.particles++;
   
  }
  
 }
}

after finish doing this, i found this thing useless in "snow" case lol,
maybe it's better to use 2d particles for "Environment effect" like rain, snow or wot ever
full source code 'll be release later (actually nothing just rename) it's too dirty for now
and need to clean/add method for another case (more useful lol)

happy coding!

Hello Tweener : Dock Icon

2007-12-18T14:06:00.000+07:00

Hello World Tweener : Dock Icon as3 version

thx Zeh for as2 version of dock icon sample, so let's integrate to as3 ;)

What for?

learning as2 migration
learning Tweener in as3

Required?

SVN : http://tweener.googlecode.com/svn/trunk
as2 sample : http://tweener.googlecode.com/svn/trunk/examples/docked_icons_as2_flash8.zip
as3 sample : http://sleepydesign.com/labs/as3/Tweener/HelloDockIcon.zip
brain

too easy? that's why we call "hello world" , should be harder next time ;)

Hello APE 'n PaperVision3D

2007-11-12T19:03:00.000+07:00

It's time to go advance, Let's merge APE with PaperVision3D
Warning! this code is quick hack for 2.5D not actually 3D ;)

STEP #1 : Say "Hello" to APE

Hello APE : http://sleepydesign.blogspot.com/2007/10/hello-world-ape.html

STEP #2 : Grab my code (Modified from HelloAPE+PaperVision3D HelloWorld)

Source Code : http://sleepydesign.com/labs/as3/APE/HelloAPE3D.zip

STEP #3 : Compile and see the result

preview : http://sleepydesign.com/labs/as3/APE/HelloAPE3D/

STEP #4 : Go advance!

actually something should be place here but maybe later ,lol

bye for now ;D

Benz C-Class The Game

2007-11-02T13:38:00.000+07:00

Big Thx! for PaperVision3D community for all great advice! Finally I got it done right on time, I'm not good in explain, so let's the pictures say, LOL

Project : Benz C-Class Mini Game

Day version

Night version

Behind the scene

Scene

FYI

Trees and Friends are randomize each game
It's 2D Bitmap hitTest
It's fake light cover, no shading as you can see
Environment scale it's not for real (keep it like that for you know who)
It's high quality so sorry for low spec computer (keep it like that for you know who)
It's mini game! Please don't expect more than that, LOL
I did only the engine, blame me in that part ;P

Hints

Press "*" : switch low/medium/high quality
Press "1" , "2" : switch camera

Hello World APE

2007-10-30T18:38:00.000+07:00

Let's start with APE! How? Just follow me!

STEP #1 : Grab APE

APE SVN : http://ape.googlecode.com/svn/trunk/

STEP #2 : Grab my code (Modified from CarDemo)

Source Code : http://sleepydesign.com/labs/as3/APE/HelloAPE.zip

STEP #3 : Compile and see the result

preview : http://sleepydesign.com/labs/as3/APE/HelloAPE/

STEP #4 : Go advance!

Yup, you saw it, next time we 'll merge APE with Papervision3D

AS3 : Hello World API

2007-10-17T18:06:00.000+07:00

Still don't know where to go? just try full list of interesting here http://as3blog.com/uncategorized/22-as3-api

For me? I did try some of 'em and it's fun! Let's see my top fav

1. Tweener : If you want to tween something (actually anything)

Link : http://hosted.zeh.com.br/mctween/
SVN : http://tweener.googlecode.com/svn/

2. PaperVision3D : It's time for Flash 3D already

Link : http://www.papervision3d.org/
SVN : http://papervision3d.googlecode.com/svn/
Blog : http://www.unitzeroone.com/blog/index.xml
HelloWorld : http://www.sleepydesign.com/labs/as3/PaperVision3D/PaperFire/
Mod AStar3D : http://www.sleepydesign.com/labs/as3/AStar3D/PaperVision3D/
PlayGround : http://www.sleepydesign.com/labs/as3/PaperVision3D/PlayGround/

3. PaperQuake2 : 3D Animate, It's useful while you wait for Collada still in development progress

Link : http://code.google.com/p/paperquake2/
SVN : http://paperquake2.googlecode.com/svn/trunk/

HelloWorld : http://www.sleepydesign.com/labs/as3/PaperQuake2/HelloMD2/
My Sample : http://www.sleepydesign.com/labs/as3/PaperQuake2/NekoWalk/

4. APE (Actionscript Physics Engine) : Need collision particle? It's there!

Link : http://www.cove.org/ape/
SVN : http://ape.googlecode.com/svn/trunk/
HelloWorld : http://www.sleepydesign.com/labs/as3/APE/HelloAPE/

5. FZip : File too heavy? Just pack it and go!

Link :http://codeazur.com.br/lab/fzip/

6. AsWing : Cool GUI exit? Yes!

Link : http://www.aswing.org/

7. WiiFlash : Need to control flash with WiiMote?

Link :http://www.wiiflash.org/
SVN : http://wiiflash.googlecode.com/svn/trunk/
Blog : http://www.bytearray.org/wiiflash/?feed=rss2
HelloWorld : http://www.sleepydesign.com/labs/as3/WiiFlash/FlexHelloWii/

8. ASTRA : Rich Applications UI from yahoo!

Link : http://developer.yahoo.com/flash/

Is that all? Nope not yet, Next time let's mix things up together

AS3 : Training from the source

2007-09-11T14:14:00.000+07:00

1. What is training from the source?

It's my favorite and lazy way to learn a thing, in this case is ActionScript 3.
The reason for me is reading 800 pages of book sound boring to me, It's much better when try to compile and learn from working sample out there.

2. Where's the source?

Open source age is here and now, If you focus on Flash then try followed links for sample.

Adobe Labs : http://labs.adobe.com/wiki/index.php/Main_Page

Yahoo Labs: http://developer.yahoo.com/flash/

3. How to get the source?

Let's look into link above, for sample Adobe link http://as3corelib.googlecode.com/svn/
SVN stand for Subversion mean version control system
Try explore trunk folder, Yeah! source code is there

Subversion : http://subversion.tigris.org/

4. How to grab/manage the source?

It's easy, my favorite tool is TortoiseSVN, just download -> setup -> try
Hint : make new folder -> right click -> select SVN checkout -> fill svn url -> press ok -> It's done!

wiki : http://en.wikipedia.org/wiki/Subversion_(software)

TortoiseSVN : http://tortoisesvn.tigris.org/

5. Where to start?

It's there just try http://as3corelib.googlecode.com/svn/trunk/examples/
But hey JSONExample.mxml?, It's Flex, well Flex it's not easy for newbies (also JSON),
let's try another one and come back here later ;)
How about http://tweener.googlecode.com/svn/trunk/

Flex : http://www.adobe.com/products/flex/

6. What's next?

SVN checkout -> setup class path in flash -> compile examples

7. How to get support?

Got stuck?, found bug? try googling, forums, mailing list, join group

OK, this is all I got for now, hope this help all noob! ;D

Hello World Blogger!

2007-09-09T09:09:00.000+07:00


public class Hello extends World {
 ;P
}

This is a test : Bold, Italic, Color, link
look like everything work fine! let's roll the blog!

FYI : this blog 's a content (source code) part of http://www.sleepydesign.com/
feel free to enter/play site, and learn/download source code here!