Sleepy Design

[AIR] Runtime sharing data via AIR, iOS, Flash, Browser

2011-07-30T23:32:00.001+07:00

not new tech, I think we can do this the day after Adobe release AIR packager on IPhone but I just have time to play with (poor me), and result is amaze me how easy it is!

As you can see red dot mean I’m drawing at that device (or screen) which mean I touch iPhone to draw number “4” and it just appear all other screen, and here’s the list…

Flash Plugin via Firefox Browser
Flash Player Application on Windows 7
AIR emulator running from Flash Builder for runtime debugging
AIR app on iOS

Guess what? anything that Flash and AIR can be deploy (even TV or IE6) should be just work!

What are you using for this?

My first try was http://playerio.com/

pros : the best part is C# server support (which mean easier debugging local server via Visual Studio), well docs and examples
cons : but sadly they didn’t provide swc to pack as an AIR app, and worst part is no one seem to response my email lately… even http://twitter.com/#!/playerio not seem to be active anymore…(see UPDATE below)

What now?

So I’ve to find an alternative for this in case I really need to try it on iPhone then after googling I get this one popping up http://gamooga.com/

pros : they provide swc! and it’s just working like you can see
cons : it need lua for local server via Python… I’m not afraid to learn new language… but they provide really bad API docs and even worst examples ;p

Why don’t you try RED5 or FMS?

Answer is simple, I didn’t have free server for testing both RED5, and FMS and from my test FMS didn’t get through firewall properly, RED5 is better at firewall, but after all no online server for testing real world latency is still bug me here.

How about P2P?

from my test, it just can’t get through my firewall properly, I know I can make it work after some setting but I don’t think my client or real user can do that easily, so…let’s do it really later.

What’s next?

I should share my Github’s adventure somehow…just want to explore a little bit more, so far I can tell is kinda fun a long the way :D

btw, you can take a peek my repo here https://github.com/katopz

[UPDATE]

Chris from Player.IO just get back to me (via email) yesterday with beta version of swc!
so here we go, the result that directly convert from old ”FridgeMagnets” example

Sweet! :D so despite that Player.IO didn’t release public swc for iPhone yet, but as you can see it exist and up and running without any change even 1 line of code!

[Away3D] My cats name on Away3D book! ;D

2011-04-05T00:11:00.000+07:00

[PACKT] contact me to be a reviewer, an a year after that here it is!

the left book is XNA, should be fun reading for C# stuff, I get both for free! Thanks! :D

LOL, Pignoom and Kabmoo are my cat’s name, mean Thai northern style food

and here they are, so adorable! ;D

actually I should post about MoleHill stuff, yes I did get direct contact from Adobe to get in prelease group, I should excite about it and post something when public release but nothing until now…why? I will tell you when the time is come, it’s worth to wait ;)

del.icio.us Tags: away3d

[Android] Just another Hello World AIR (pure AS3) on Android via Flash Builder 4

2010-10-17T13:21:00.002+07:00

yeah just right title said that, I’m kinda sick of “no tethering via windows phone 7”, it’s totally fail in my opinion for M$, so I decide to get back to Android Development instead ;p

Where’ve you been I think other guys did that already?

like this one
- http://polygeek.com/2958_flex_creating-your-first-air-app-for-android-using-flash-builder
// here’s cool but you don’t need to do all that with command line!

let’s try GUI one
- http://www.ercanbaran.com/index.php/2010/06/09/how-to-install-adobe-air-applications-to-android-emulator/
// here’s nice but Flash IDE is too slow and yes I hate it,

so I’ve to stop at #12 and continue doing things in FB4 after that

Well you can get back to 1st blog in that case?

yeah right, but it’s not all off history, things seem to be get harder in my hand, some they tell it work it’s just not work on me ;p

Whatever just show me what’s your problem.

here we go, some is note to self for later use ;)

Required

Flash Builder 4 : http://www.adobe.com/products/flashbuilder/
d/l Android stuff http://developer.android.com/sdk/index.html and do stupid setup
register and d/l AIR related http://labs.adobe.com/technologies/air2/android/
read above blogs I mention until you get stuck, and get back to me ;p

Problem(s)

after try to create apk package I got this

could not load keystore file (password may be incorrect)

- no I’m not that stupid, my password is right, and here’s why http://www.petefreitag.com/item/667.cfm

It is important that the Certificate is not placed in your source directory

- who’s gonna know that huh!? what’s so wrong if I put my katopz.p12 in src folder!?, what ever just move eto parent folder then, case solved! now i get that apk
and eventually after try deploy to Android Emulator I got this

Failure [INSTALL_FAILED_INVALID_APK]

- real problem is all blog(s) above didn’t get this one but I did ;p, here’s why http://forums.adobe.com/thread/718308
For physical device:
adt.bat -package -target apk -storetype pkcs12...

For emulator:
adt.bat -package -target apk-emulator -storetype pkcs12...

- not make any sense to me, (I’m also spot that some 3KB diff for this) I think I can accidently publish “apk-emulator” to real market later for sure (when I’m dne and forget to change this back), and I bet this will cause further issue(s)
my 1st app is there but it’s close eventually after click to run, and log panel via Android throw error
ApplicationContext : Unable to create file dirirectory
- yeah right nice 1st error for Android to me, lucky that I can solve this with out googling

go to your main-app.xml and uncomment below this
<!-- Specify Android specific tags that get passed to AndroidManifest.xml file. –>

- and that <android> tag I’m talking about I assume that because uses-permission maybe at "android.permission.WRITE_EXTERNAL_STORAGE" is need even I didn’t have anything to write on (just hello world TextField in my case), in case it’s already work, I just open them all just like that for now, if you have real reason, do tell ;)

and here’s my final cmd look like

adt -package -target apk-emulator -storetype pkcs12 -keystore ../katopz.p12 main.apk main-app.xml main.swf

TADAAAAAAAA

Wow, you so unlucky I didn’t have all this issues

- nvm that, I think I’m already get used to it lol,;D oh btw, I almost forgot to thanks to donator! here we go!

Touch My Pixel
Jarrad Hope

do tell me if you want to remove your name and/or web above and BIG THANKS! your donation will keep me blogging and sharing things! and make me still believe in doing good things shall get good things in return (good karma rules!) ;D

PS : so don’t be hesitate to click any ads in my blog here or donate! even 0.001$ is welcome! I do need real mobile phone to test things e.g. away3dlite, and shame that cost money (I think if I can use “thanks” word to buy it I already got one ;p)

if I save your time, please do save mine :)

Technorati Tags: Android,AIR,Flash Builder

[Away3DLite] MD2 and MDZ Builder from DAE Animation!?

2010-03-31T10:11:00.001+07:00

What's that?

Are you feeling sick with Collada DAE format? big ass, huge parse time, long load, plug-in mess up each revision, animation clip need expert modeler to export it with new version from $$$ program, texture didn't pack with model (yes you can use KMZ, but i won't suggest that, face is totally mess from Sketch Up ;p) and bla bla bla….

And?

bad news is you still have to deal with it lol, but good news is from now on we can now export that DAE to MD2 with animation!

Method #1 : DAE -> Mesh -> MovieMesh + AnimationData -> MD2

Yeah, that's mean single mesh animation, I won't buy it

ah ,well let me try again

Method #2 : DAE -> Mesh(es) -> MovieMesh(es) -> MD2(s)

Well, look nice, but how about textures?

you right, let's add texture file name to MD2 header

Method #3 : DAE -> Mesh(es) -> MovieMesh(es) -> MD2(s) + texture filename

Collada got auto textures load isn't it?

you 're lazy bastard! let's pack it then, know KMZ right? let's do it!

Method #4 : DAE -> Mesh(es) -> MovieMesh(es) -> MD2(s) + texture(s) -> MDZ

Which mean I can use WinRar or WinZip to open it?

you right! look at this!

Pros?

less file size, mean less load time
no bone need, mean only vertex animation here = should be faster
can be dynamic convert DAE bone animation at run time to vertex animation, even share vertices and/or material (some decision will make about this later to toggle shared on/off)
all pack and can be repack by one line of code
can be read MD2 -> modify vertex, animation -> write MD2

And cons?

not optimize yet, weld need
not support quad face yet, need more coffee
no docs for this yet, only brave/geek allow
in case it don't weld/share vertex yet, import back to some real 3d editor may cause some problem

Any demo?

here's DAE and MDZ running together side by side, which mean DAE bone animation and MD2 vertex animation running there, fyi that you can click stage to save model as MDZ

Where can I try this?

let open source rule the world :)

What's next?

can you keep secret? no? i won't tell you then lol, later!

del.icio.us Tags: away3dlite,away3d

[Flex] Windows 7 + Wacom + Flex Builder 3 = FAIL

2010-03-21T13:15:00.000+07:00

yes easy as that, feel free to tear your hair out for this issue, and no there is no solution for this just yet and not any time soon, only solution is you have to uninstall wacom driver to magically get your Flex Builder 3 work properly again (no reboot need), woot!

i don't think much ppl have this issue…should be only hybrid designer/developer like me, and even worst Flash Builder 4 didn't have this problem which mean no fix Flex Builder 3 nice ehh?

don't believe me? here's Adobe said
https://bugs.adobe.com/jira/browse/FB-24547

unfortunately Flash Builder 4 beta still BUG be easily like refuse to recompile randomly after edit.save the code! i don't need 30-60 day trial to uninstall it ;p for this

and no! no need to report this FB4 bug to Adobe because it's randomly happen and kinda hard to specify step to reproduce it (and may be only me)

still don't believe me? here's Adobe said (and silently closed ;p)
https://bugs.adobe.com/jira/browse/FB-6796

and no! don't let me doing geek solution like manually add src path in config file in case uninstall wacom driver is easier and also not only this config page have this issue other config page like flexformatter or even scroll bar at normal editor coding page refuse to refresh! which mean all UI is totally mess up!

and no! (again) i know if i report this bug to wacom, they will said that it's fix in FB4 isn't it? so it's not wacom problem at all, why don't you use other tool?….right, let's see my other choices….

and yes! i know that IntelliJ IDEA is there but not again i got something that i can't solve like it always add "_" in front of my swf like _test.swf instead of test.swf for some reason (i did import old flex project that include svn, new project didn't have this problem), also i just don't like how it format my code, flexformatter is already better, i'll get back to this again when i got some free time

how about FDT? after sneaking around FDT4 all i can said that it's easier than previous version, no more headache setting up to make it work and n00b is welcome there, which mean my next project will build on FDT for sure, in case i didn't find any issue just yet, kudos FDT team! in case they support open source group with free license! and this keep pushing me continue provide free code too!, i think open source's working just like that (give and take)

and yes, this post will out date because FB4 should release soon (and hopefully without randomly refuse to recompile bug) i don't expect any solution for this just yelling out loud like tweet but 140 chars just not enough for this nightmare ;p

so…, no beta version for next Flash CS5? it's scary me totally, be prepare your JIRA bug base then ;)

UPDATE : and a sec after i publish this post,...Adobe just release Flash Builder 4 LOL nice ehh? ;)

[Away3DLite] More particles!

2010-02-15T12:15:00.001+07:00

I think you're dead?

Long time no blog post woohoo! this year gonna be fun because I plan to workless play more, I need my life back! It's time for having fun ;D

Particle again?

Yeah! 2x faster one with some clipping cheating, 3x faster for no scale via copyPixels ;)
here's animated bitmap particles, while toggle render to copy pixels mode
we even have some fps to add filters and blend mode there ;D

It's clipping around 1,000 particles, so around 2,000 left for render time, all shared same bitmapdata

OK, It's faster than before, what else?

- Shared bitmapData
- Support render to view/layer/bitmap (warning, bitmap approach need some change later)
- Clip by RectClipping
- Animate frame by frame by move their material rect
- Mouse hitTest each particle can be check by particle.isHit

Prove it!

well, here's for more fancy use, magic happen when you draw model 3D to shared bitmapData

1x version via Sprite3D (2009 demo, 1,000 Sprite3D @ 10/30fps)
http://away3d.googlecode.com/svn/branches/lite/bin/Advanced_Mario1000.swf

2x version via Particles (2,000 Particles @ 12/30 drawRect, and @ 24/30fps via copyPixels)
http://away3d.googlecode.com/svn/branches/lite/bin/Advanced_Mario2000.swf

Try click to switch draw method from drawRect -> copyPixels

Source?

as you wish!, you've been warn, it's dev stuff, which mean daily change will be apply ;p
http://away3d.googlecode.com/svn/branches/lite

Any thing else?

- Well, like it or not 3D with HW support via Flash not happen so soon…so i think caching/pooling bitmapdata like old style sprite 2D game with fixed camera angle is best choice for me this year, even Adobe release HW support tomorrow, we still have to wait next year for real production…

- Sadly but true, PSP didn't have multi touch, DS didn't have high quality graphic, iPad/iPhone didn't support Flash, WinMo 7 didn't support Flash, Flash didn't have HW support, Chrome didn't have RSS icon for feeding web, WebGL need geeky browser hidden somewhere and need super tricky to enable it, I think all this just #FAIL and still happen 'til today, many of them is nonsense ;p

- And here's #WIN list…LG LCD TV/Monitor cheaper than Samsung at better spec, Sony VAIO is cheaper Than DELL at better spec. SkyFire support Flash 10 on mobile for a year but not many peep notice! OpenPlug release AS3 -> mobile solution before Adobe Slider, Unity3D bring 3D technology 10 year far away from Flash 3D

- I won't say someone lazy in case I did ;p , Away3DLite is lack many features too, good luck it's open source, and we are open mind group, we always listen to any developer who want to push Flash to limit, when we squeeze all frame rate out and it still useless, so we can totally blame Adobe at that point…

- Many thanks to all submitted patch/improvement to us last year, you just help me save plenty of time, please don't stop doing that!

Next?

- May be Pixel particles? someone need it? it should be faster 5x for pixel, I think.

- Bad news UVT is slow, if you found that lite is slower in some case, try activate MIPMAP by use 2^n texture should help some, I'm try to figure out this by separate renderer, and render it without calculate "T" internal (and we can blame Adobe here ;p), and look like it not happen so soon

- Model Viewer, It's time to real production, let's start with model viewer :)

del.icio.us Tags: away3dlite

[AIR] Hello NativeProcess with C#

2009-12-05T17:48:00.004+07:00

you can read bla bla bla somewhere else not here sry, actually i did this for a while but hardly find time to blog this, btw if you follow my twitter, you will find that i yelling my result for this just the day after AIR2 release, so…twitter still rules for daily update, and more slow+detail via blog ;)

here’s fire starter c++
http://www.adobe.com/devnet/air/flash/quickstart/interacting_with_native_process_02.html

and then java
http://corlan.org/2009/11/30/magnifying-glass-air-2-application-or-how-to-communicate-with-a-java-program-from-air/

and..what is this lang btw? ;)
http://mchristoff.com/2009/12/using-the-air-2-0-nativeprocess-api-to-control-mplayer/

nvm, let’s try with C# (it’s my 1st time on C# , so plz don’t hit me ;p)

using System;
using System.IO;

namespace HelloNativeProcess
{
    class Program
    {
        static void Main(string[] args)
        {

            using (Stream stdin = Console.OpenStandardInput())
            using (Stream stdout = Console.OpenStandardOutput())
            {
                byte[] buffer = new byte[2048];
                int bytes;
                while ((bytes = stdin.Read(buffer, 0, buffer.Length)) > 0)
                {
                    stdout.Write(buffer, 0, bytes);
                }
            }
        }
    }
}

it’s just work!, so….that’s it! :) btw look like adobe example always call new NativeProcess(); and call process.closeInput(); after thing done, i found that i can keep that hole open by just not close it (so no need to new NativeProcess again) and try rapid call…yeah right why don’t someone try streaming OpenGL screen capture result as ByteArray through this hole and draw them to Flash Bitmap? next question is…what for? LOL

well…just for fun then, from my test i got 2048 bytes rapid call by 30fps enterFrame….i got swing result around 30-50ms for read and write back, is this fast enough?, not sure either, suppose to be a bit faster without debug mode, i try blog this in case someone reading and itchy to try that out!
for me…i got no more free time for that, gotta back to work now ;p

del.icio.us Tags: C#,AIR,Flash

[Away3DLite] Let's mess with Particles

2009-10-05T20:54:00.001+07:00

What?

when ppl busy with BSP thing i keep mess up with 2D particles...sound boring huh? it's still fun for me lol ;)
it's sort with mesh screenZ, (and yes you can request to make it sort with face but it will be slower obviously, so...i decide to do it really later)
draw with old style render method beginBitmapFill+drawRect
animated by adding bitmapData sequence, and turn animated on (off by default)
auto buffer scale just like DOF (without blurring), slower for small piece but a lot faster for huge bitmap (more than ~24px), but consume more RAM depend on quality option set
layer support! weirdo but it's there!, i can imagine that someone use this particle as Tree decor, and that will be nightmare if no layer support! more good news is it's just Sprite that you can add filters or blendmode to it! cool ehh? ;)

Why?

render as Object3D is seem to be slower because you need to apply matrix transform twice + invert also more traverse time through child node, pros is you can get native interactive
render by drawGraphicsData, so it's just like plane = 2 triangles right? you can test speed for 200-300 plane before thing go slow down, so i count that not a good choice
render with copyPixels, yeah i know that best choice, but i need buffer scale and some Bitmap for that, and i need to z-sort that Bitmap with other Mesh! so...not now,... suppose to be have own canvas 1st i think

Result?

best score for drawRect is around 10px particles with around 2,000-2,500 at 30/30fps steady... i call this "it's just work" version ;p so you can use it it but don't expect for speed wise just yet ;)

http://www.sleepydesign.com/labs/as3/Away3DLite/ExParticles.html

Source?

Next?

next try would be drawPath , i'll explain this one later (if it work well ;p) let's compare speed again when it done :)
btw, in case no GPU for PC via Flash10.1, let's pray drawPath will be faster ;p
any comment for improvement is welcome!

del.icio.us Tags: away3dlite,flash

[Flash 10] Round 1: Away3D vs. Away3DLite

2009-08-24T19:38:00.001+07:00

What?

- just speed test, want to see speed improve aren't you? ;)
- expect more explanation about Away3DLite at official Away3D site later

Diff?

- name, coding, size (~13kb)
- render pipeline (3D native)
- overall ~4x speed increase
- maximum rendered faces increase from 3,000 to ~14,000 for quad core and steady at 30/30fps

Result?

- Away3D 119kb, 23-26fps via quad core
http://sleepydesign.com/labs/as3/Away3D/ExSphere.html

- Away3DLite 13 kb, 30/30fps via quad core
http://sleepydesign.com/labs/as3/Away3DLite/ExSphere.html

Source?

- yes it's finally public in Away3DLite name like i said before , thx Rob for cleaning up ;)
- libs : http://away3d.googlecode.com/svn/trunk/fp10/Away3DLite/src
- examples : http://away3d.googlecode.com/svn/trunk/fp10/Examples/Away3DLite/as/src

Next?

- round 2? i expect you to do that ;p and do tell me if you get faster result from other engine ;)
- more examples? yes sure things, you can expected more soon
- more features? why not?

del.icio.us Tags: Flash Flash10 Away3D Away3DLite

[Flash10] As promised, MD2 with Animation via native Flash10 3D (~10KB)

2009-06-30T21:10:00.001+07:00

no it's not perfect yet, old style face reference is slow thing down again around 2x...got to make it "flat" Array 1st to gain fps back...must be 12,000 faces (in my theory) after optimized

and what so different to 18KB version? it's 10KB! lol and this time i did use Utils3D.projectVectors instead to gain more speed like i said before, and you may already known that all this labs result 'll be add to away3d engine soon, which mean you can expect clean+optimize code there, or let me know here if you really want to use this in your next week project ;p

del.icio.us Tags: Flash10 3D

[Flash10] Want to know maximum triangles via Pure Flash 10 3D can render?

2009-05-20T21:04:00.001+07:00

it's been a while after my latest test via Flash10 about 3D thingy, after mess up with native 3D function, the result is...here ;)

What i just found out?

got fps speed up by Vector, it's not new, just mention ;)

Vector is access fast, forget about Array and Object
Vector with typed is faster, for example : Vector.<int>
Vector with typed + fixed length is fastest, for example : Vector.<int>(10, true)

Required?

Indices sort technique : http://agit8.turbulent.ca/bwp/2008/06/02/flash-player-10-3d-rendering-in-a-simple-loop-source/
ASE Parser : http://makc.googlecode.com/svn/trunk/flash/fp10_ase
Sphere Primitive : http://www.senocular.com/flash/source.php?id=1.201
Optimize technique and Vector knowledge
Coffee(s)

and let's mix thing together!

Result?

- faster? slower? huh? let's hello world 1st with 2 earth
http://sleepydesign.com/labs/as3/Open3D/ExSphere.html

- ASE after optimize z-sort ,rip some loop, changed to Vector, but still use array sortOn (faster) http://sleepydesign.com/labs/as3/Open3D/ExASE.html

- final one is depend on your machine, just click it and feel free to leave your result as comment
http://sleepydesign.com/labs/as3/Open3D/ExSphereSpeedTest.html

as you can see, without both z-sort (move mouse to left) for meshes and faces, we can pump up to 26,600 faces 30/30fps with medium quality via Intel Quad Core, (and drop to 29fps sometime while i hold key to take screenshot ;p) and ~12fps when z-sort is on, culling is on which mean around ~13,300 is real render faces number? maybe i count wrong number? can someone confirm by click and hold your mouse to see wireframe and manually count 'em by hand? kidding ;o

FYI

in last demo i try simulate real life job by add mouse event, always rotate all XYZ, bla bla
~7kb engine size for now and can be smaller...lol
no "Face class" yet, surprise? i get rid of it cause it's cost ~1fps after promote function to class!, which mean class look up is slow thing down, must figure out better way to seal it ;\
last try with ND3D i test only drawTriangles, and look like a good idea to loop and draw 'em as Face one by one, you can get faster result by collect and draw it "just one time" in mesh loop
this time i did use Utils3D.projectVectors(projection, vout, triangles.vertices, triangles.uvtData);
nothing to do with "Open3D" name, it's just...random idea name ;)

Source?

sure, coming soon just need some clean it up a bit ;)
maybe finish this ~9kb MD2 demo before release the source svn somewhere

Next?

better back on collada thing, i got something about animation clip to share, both good and bad news come along ;)

Technorati Tags: Flash 10

[Flash10] Massive amounts of 3D lines without Alchemy and PixelBender?

2009-04-21T15:41:00.001+07:00

Want to know what happen if we add line draw to Joa Ebert 300,000 particles? kidding! lol ;p but i still want to try how much lines F10 can handle heehee bad habit ;), let's do it!...

Result?

http://sleepydesign.com/labs/as3/Flash10/Lines/
5,000 is enough for me lol, want more? try grab source below

FYI

try increase more MAX_PARTICLES as you wish
try remove line alpha/line style for some speed gain
try drawPath if you want to compare ;)
it's about 3000 lines with 27fps on my 2.4ghz single core
and 5000 with 28fps with 2.13ghz quad core

Source?

a bit dirty : http://sleepydesign.com/labs/as3/Flash10/Lines.zip

Next?

do you want to know how much fps on pure 3D Flash10 vertices with texture? my last try is 30/30fps at ~3,000 vertices at 2.4ghz single core @medium quality and drop eventually after add more vertices ;o , 'll blog about that soon ;)

Technorati Tags: Flash10,3D,ActionScript

[JigLib] new JigLib+Away3D example

2009-04-02T23:03:00.001+07:00

Hmm?

- good news is huge update and new example released, but bad news is it not seem to work on me ;o

So?

- Away3D geek don't like to wait, then i fix it, and also add handy SimpleView+Stat

Result?

- faster? slower? see for your self ;)

http://sleepydesign.com/labs/as3/JigLib/Away3D/ExAwayBalls.html

Source?

- it's working "only today svn" http://sleepydesign.com/labs/as3/JigLib/Away3D/ExAwayBalls.as

Next?

- i currently addict to my own AIR web browser, someone want to joy dev it with me? tell me and i'll put them to google code ;)
- btw thx for all click to ads, i got $29.27 now (almost 2 years), so i'll get 100$ pay around next 2-3 years not bad eh? what i gonna buy that day? lol ;)

Technorati Tags: JigLib,Away3D

[AIR] Twitter from Flex SDK 3.3 + AIR 1.5.1

2009-03-11T21:32:00.003+07:00

just try to build some AIR app from latest Flex SDK and AIR and all seem to be work fine with not much line of code to accomplish, nice!, let's see how's thing done...

Required?

last Flex SDK and AIR, go get it somewhere here http://www.adobe.com/
handy Twitter gadget http://www.twittergadget.com/
cup of coffee ;)

Code?

as you wish! http://sleepydesign.com/labs/as3/AIR/HelloFlexAIR.zip

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="320" height="480" applicationComplete="init()" borderColor="#000000" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#EEEEEE, #DDDDDD]">
 <mx:Script>
  <![CDATA[
   private var DEFAULT_URI:String = "http://www.google.com";
   private function init():void
   {
    uriInput.text = DEFAULT_URI;
   }
   private function onGo():void
   {
    var uri:String = uriInput.text.length>1?uriInput.text:DEFAULT_URI;
    
    var urlRequest:URLRequest = new URLRequest(uri);
    htmlOutput.htmlLoader.load(urlRequest);
   }
  ]]>
 </mx:Script>
 <mx:Grid top="30" left="10" right="10" height="24">
  <mx:GridRow width="100%" height="100%">
   <mx:GridItem width="100%" height="100%">
    <mx:TextInput width="100%" id="uriInput" enter="onGo()"/>
   </mx:GridItem>
   <mx:GridItem width="48" height="100%">
    <mx:Button label="Go!" width="100%" id="goButton" click="onGo()"/>
   </mx:GridItem>
  </mx:GridRow>
 </mx:Grid>
 <mx:HTML right="10" top="64" left="10" id="htmlOutput" bottom="10"/>
 <mx:Image source="icon/close.png" autoLoad="true" right="10" top="10"/>
 <mx:Image source="icon/maximize.png" autoLoad="true" right="30" top="10"/>
 <mx:Image source="icon/minimize.png" autoLoad="true" right="50" top="10"/>
 <mx:Label x="10" y="10" text="Cute Browser"/>
</mx:WindowedApplication>

More?

you can try add more features by your own something like transparent window, chrome less, always on top , more web API, bla bla bla...

Next?

now you can see that you can easily build your own twitter client in no more than 1 hour! nice!, if you like it just donate them ( i would love to do that too! but i still stuck at 0$ for my own donate! LOL, that's real life ;o )

anyway my Google ads it's rise up to $23 by now (until October 2007) better than nothing lol, thx for whoever clicking my banner, it's not much money i know, but it's made my day somehow ;)

let's see what we can apply to AIR app....hmmm...., how about 3D viewer? ;D

Technorati Tags: AIR,Flex,Twitter

[Away3D] Basic Collada Animation Examples

2009-03-03T21:39:00.004+07:00

Skip this if you already Away3D expert!, nothing new just got time to start doing leg work here, all noobs is welcome, ;D

1. Basic Collada Animation

How?



skinAnimation = (target.animationLibrary["default"] as AnimationData).animation as SkinAnimation;

// update animation
skinAnimation.update(getTimer()/1000);

2. Collada Custom Material

Snippets?



// try change "lambert1" material
var targetMaterial:MaterialData = target.materialLibrary.getMaterial("lambert1");
targetMaterial.material = new BitmapFileMaterial("assets/Maya8.5/ColladaMaya3.05B/advance/10_skeleton.png");

Source?

- better put in svn right?, a lot easier for keep update and fixing later :)
- grab here http://away3d.googlecode.com/svn/trunk/examples/Collada

That's it?

- lol, yes it's just special request from some peep around here ;), and i decide to blog it for other noobs out there, you can expected more complicated examples later when i got free time and mood :P

Next?

- i mention about Cocomo (AFCS) before and it's run just fine on my "Hello World" test (which my stupid error that i forget to type room name, lol), should blog about it somehow

Technorati Tags: 3D,Away3D,Collada

[Away3D] v2.3 released + new JigLib demo

2009-02-13T21:19:00.001+07:00

Read here and more here, okie! now my turn ;) in case JigLib release new Car and Drag demo, but nothing seem to support Away3D like expected ;o, so look like it's my duty to make for Away3D geek, no need to wait!

Here we go

- Engine run test: use your keyboard to move sphere
http://sleepydesign.com/labs/as3/JigLib/Away3D/ExJigLibAway3DFlash3DPhysics.html

- Car Drive : use your keyboard to move car
http://sleepydesign.com/labs/as3/JigLib/Away3D/ExJigLibAway3DCarDrive.html

- Mouse Drag : use your mouse or your m8 mouse :p kidding
http://sleepydesign.com/labs/as3/JigLib/Away3D/ExJigLibMouseDragAway3D.html

what's you can expect is clean code with some comment, and best of all is now you can be access in svn
here http://away3d.googlecode.com/svn/branches/jiglib and all 3 examples include there just browse!

That's all?

- not yet, as you can see new profiler and stat appear on top there, that's right! new handy tool is coming to town!, here's how to use it

   1:  // init

   2:  Tasks.init(this, "Tasks test run by katopz");

3:

   4:  // begin task

   5:  Tasks.begin("Loop");

6:

   7:  // try slow down

   8:  for(var i:uint=0;i<20000;i++)

   9:  {

  10:      var j:Number = Math.random()+Math.sin(i)+Math.cos(i);

  11:  }

12:

  13:  // end task

  14:  Tasks.end("Loop","00FFFF");

that's it! and now "Label" and total milliseconds result in specified loop will automatic appear in that taskbar and also plot in mr.doobs Hi-ReS! Stats on the right, nice ehh?

What's next?

- xmpp just out, maybe i can make it work trough strict firewall here (may be not lol) also empty room of cocomo is still waiting for me there, sadly all my free time has gone!

PS. any JigLib question plz ask them not me!, i know nothing more than you guy really! ;) have fun coding!

Technorati Tags: Away3D,3D,JigLib

[ND3D] Smallest 3D engine for JigLib isn't it ;)

2009-01-28T22:23:00.001+07:00

Lars just update his ND3D! also my MD2 mod there nice! then it's my turn ;)

Are you got plenty of free time?

- hmm...no! but i can't resist myself doing this (not again :P)...so let's skip boring part, here we go!

1. FileMaterial (17kb) : Lars add AlphaMaterialExample look pretty cool but i do hate to embed image in swf so let's mod it to load picture from external

http://sleepydesign.com/labs/as3/ND3D/JigLib/ND3DFileMaterial.html

2. Line3D and LineMaterial (16k) : and yes another handy while debugging thing it's axis which mean i need some line here, let's mod it (a bit dirty cause i use 3 vertices here)

http://sleepydesign.com/labs/as3/ND3D/JigLib/ND3DLine3D.html

3. MD2 with Axis (22k?) it's 18k before isn't it lol, blame me see below for reason ;)

http://sleepydesign.com/labs/as3/ND3D/JigLib/ND3DMD2.html

4. Here's most fun and hardest part cause ND3D didn't have Matrix also transform!, actually it's a good news for minimal crazy here cause we can use Matrix class from JigLib and the result is 31kb perfect for banner size limit ;)

http://sleepydesign.com/labs/as3/ND3D/JigLib/ND3DJigLib.html

and yes that's why size is increasing! but i'm quite sure that no one blame me here ;)
btw, all source code has been sent to Lars and let's him make decision that all features here 'll be add or not (you can blame him now :P , lol)

What's next?

- i really want to try Unity3D, sadly that i got no Mac here, can some one rapid click my banner plz! i got 11$ now in 1 year, so it's just only 100 year to but some Mac LOL

Technorati Tags: 3d,AS3,FLASH,FLEX,GAMEDEV,ND3D,PHYSICS

[Away3D] JigLib Flash 3D Physics Engine

2009-01-13T12:56:00.001+07:00

What?

bla bla bla i'm lazy to describe thing better see below :P

Then?

it's said Flash but you still can compile with Flex, and yes even try with Away3D, what you waiting for? just do it!

Required?

Away3D 2.2.6 : http://away3d.googlecode.com/svn/trunk/src
JigLibFlash v0.25 (2009-1-11) : http://jiglibflash.googlecode.com/svn/trunk/
Flex 3.2
brain + some coffee

Result?

after 1 hour mod some class....tadaaaa http://sleepydesign.com/labs/as3/JigLib/Away3D/
plz keep in mind it's just quick idea to apply JigLib to Away3D, no material , no light, you can expected many dirty code there (also old PV3D code to compare), feel free to clean/optimize it! ;)

Source?

sure! it's new year right? ;D
http://sleepydesign.com/labs/as3/JigLib/Away3D/JigLibAway3DFlash3DPhysics.zip

happy new year + coding!

Technorati Tags: 3d,AS3,FLASH,FLEX,GAMEDEV,AWAY3D,PHYSICS

[Alchemy] 22 Nightmare Steps for me to Getting Started

2008-12-12T16:55:00.001+07:00

my last try with C++ was back to around year 1994 with Turbo C or Borland C (as i remember), let's try again in 2008 lol, i’m on window xp btw… let’s go!

http://labs.adobe.com/wiki/index.php/Alchemy:Documentation:Getting_Started

Requirements

Alchemy Toolkit Package for your operating system
// link plz : http://labs.adobe.com/downloads/alchemy.html
Cygwin with the following packages installed
- Perl // what Perl doing here?
- zip // also unzip lib huh? no?
- gcc / g++ // it's call gcc-g++ when you select in d/l list
Java // which one? JRE or SDK? hmm.. let's get them all
Flex 3.2 SDK // link plz :http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+3
Flex Builder or Flex SDK setup to target compilation for Flash Player 10 // should be easy here

Steps

Step 1 Download and install Cygwin. Make sure to install the following packages:

Perl
zip
gcc / g++ //it's in Devel folder (took me an hour to find)

Step 2 Download and install Java.
// as i said just get them both

Java SE Runtime Environment (JRE) 6 Update 11
Java SE Development Kit (JDK) 6 Update 11

Step 3 Make sure to restart the Cygwin terminal after installing Java.
// huh? i didn't start anything yet shall i restart?

Step 4 Download and install the Flex SDK, and add the $FLEX_HOME/bin directory to your Cygwin environment's path (within ~/.bashrc) (See below for an example).
// (within ~/.bashrc)??? i got 2 of bashrc file which one?

C:\cygwin\etc\skel\.bashrc <-- this one? let's see inside

# To pick up the latest recommended .bashrc content,
# look in /etc/defaults/etc/skel/.bashrc
// hmmm? this mean if i need last know good one i've to take from defaults folder right?

# The copy in your home directory (~/.bashrc) is yours, please
# feel free to customise it to create a shell

// hmmmmmmm home directory? where is it? is that "C:\cygwin\" or "C:\" ? or should i create new folder like this "C:\~" or this "C:\home" ???

C:\cygwin\etc\defaults\etc\skel\.bashrc <-- or this one?
# Modifying /etc/skel/.bashrc directly will prevent
# setup from updating it.

// hmmmmmmmmmm so i do not need to mod it right?

//look like i fail already in step 4 let's skip(1st) this and look back later

Step 5 Download the Alchemy Package for your system from the pre-release site. For this example, we will assume that Windows is being used.
// easy one : http://labs.adobe.com/downloads/alchemy.html

Step 6 Unzip the package and copy the alchemy folder to you system. We will refer to this path as $ALCHEMY_HOME
// you system? your system? it's that "C:\WINDOWS"?, or "C:\WINDOWS\system" ??, or "C:\WINDOWS\system32" ???, i got plenty of system here which one???, ….skip again(2nd)

Step 7 Open a Cygwin terminal and change to the $ALCHEMY_HOME/ directory.
// Cygwin terminal? should be here : C:\cygwin\Cygwin.bat

@echo off

C:
chdir C:\cygwin\bin

bash --login –i

// huh? after launch i can see C:\~ in title which mean system folder is "C:\” ????
and then “change to the $ALCHEMY_HOME/ directory” ….how?… let’s type “help” there

hmm… how about “dir”

okie, another clue here i’m in “C:\Documents and Settings\todsaporn.banjerdkit” folder
let’s copy “alchemy-cygwin-v0.4a” to C:\cygwin\alchemy cause i assume that “C:\cygwin\” is root folder
and then…

Step 8 Run the $ALCHEMY_HOME/config script

./config

ok, i got Flex 3.2 here C:\Program Files\Adobe\Flex Builder 3\sdks\3.2.0\bin, then “and add /path/to/FlexSDK/bin to your path.” …your path? which path? maybe %PATH% in
“Environment Variables” here http://support.microsoft.com/default.aspx?scid=kb;en-us;310519

let’s add them both user and system!

and then exit and restart last step again

great! warning is gone! , let’s try next step

Step 9 Open alchemy_setup for editing and add the path to the ADL executable (included in the Flex SDK):

export ADL=/cygdrive/c/flex/bin/adl.exe

Make sure to uncomment this line, and that it contains the path to ADL.exe on your system.

@C:\cygwin\alchemy\alchemy-setup
#line 22

export ADL=C:\Program Files\Adobe\Flex Builder 3\sdks\3.2.0\bin\adl.exe

if you follow me to this step you ‘ll end up with plenty of error here LOL, sorry :P
almost 3 days gone to setup! who ever write this instruction suppose to be in 600 adobe cut-out list :P, before this story go to far i’ll cut it to the end

Hint

“C:\Program Files\Adobe\Flex Builder 3\sdks\3.2.0” never work cause folder name it’s too fancy, you must change (copy) flex folder to something like “C:\flex” and folder structure will look like this

C:\flex
C:\cygwin\alchemy
and below this actually no need but…it’s refuse to compile if i remove it, don’t ask me why :P
C:\alchemy
“.bashrc” never call for me, i already put “.bashrc” file to every folder in c:\ drive, but they never call, for me i use “C:\cygwin\etc\profile” file to add start up command like this

echo "profile..."
export FLEX_HOME=/cygdrive/c/flex

export ALCHEMY_HOME=/alchemy/
source /alchemy/alchemy-setup

PATH=$ALCHEMY_HOME/achacks:/cygdrive/c/flex/bin:$PATH
export PATH
you can access “C:\” by use “/cygdrive/c/” for sample “C:\alchemy” mean “/cygdrive/c/alchemy/”
Step 9 will look like this --> export ADL=/cygdrive/c/flex/bin/adl.exe

Result

as you can see below, i still got error msg there but thing get compiled and running! weird ever!

so, if you completely noobs like me and not feeling so lucky, i think you can skip this and try again really later, for me i’m done with this ;/

Next?

i think i didn’t need c++ for real life by now, so let’s get back to 3D thing ;P

Technorati Tags: Alchemy

[Flex] Enable Unicode in Flex Builder Debug Console

2008-11-28T12:30:00.001+07:00

Huh?

Never found this problem? sure if you not working with other language! in my case Thai language never show up properly event i try to change font setting, that's mean Debug console view didn't support UTF-8 nor any other Unicode, after googling i found this link safe my time ;)

http://paranoid-engineering.blogspot.com/2008/05/getting-unicode-output-in-eclipse.html

So?

Let's try with Flex Builder! (Window XP)
1. locate your C:\Program Files\Adobe\Flex Builder 3\FlexBuilder.ini
2. add this line -Dfile.encoding=UTF-8
3. save and restart Flex Builder
4. trace something and continue enjoy coding

FYI : it's say "สวัสดี" (Sawadee) mean "Hello" in Thai language

Next?

Maybe try some Alchemy http://labs.adobe.com/technologies/alchemy/
hmm....should be fun there ;)

PureMVC : Basic PureMVC with SWFAddress sample (Flex)

2008-11-04T17:35:00.001+07:00

What's now?

- just another lazy PureMVC sample!, skip this if you already known :)

OK, go on

- well i just start trying PureMVC, many peep said it's good, so...it's worth to try right? after googling i found some best practice for cave man like me here

Why SWFAddress?

- why not? :P grab it here http://www.asual.com/swfaddress/
- and don't forget http://puremvc.org/component/option,com_wrapper/Itemid,144/

And then?

- i think hubflanger sample is cool and well describe but it's not have SWFAddress yet and you need Flash IDE there, so let's mod it for practice yourself (also me ;P)

Result?

- 11kb file size for basic site navigation! minimalist again, lol nice!
- and now Flex peep can compile this hubflanger sample with Action Script Project, so you can happy with as3 there, but i'm not big fan of mxml, feel free to add it yourself there, then it's just working with out beauty ;)

- view here :http://sleepydesign.com/labs/as3/PureMVC/PureMVCSWFAddress/
- source here : http://sleepydesign.com/labs/as3/PureMVC/PureMVCSWFAddress.zip

And then?

- only one thing that i''ve to mention is "public static var currentSection:String;" in "NavMediator", for call later by "SWFAddressProxy.setTargetURI(uriSegments:Array)" for check already focus section there to avoid recursive call, it's maybe need "get/set" here instead of "public static var" cause "NavMediator.onNavButtonPressed" also sent notification this too, can be conflict later, but i'm feeling lazy now so just leave it there and let's you make decision to change it or not ;)

Next?

- i need Web Service rpc soap for next project somehow, so let's do it minimalist way, someone boring yet? lol not me....happy coding!

Prana : Hello World Prana (Minimalist)

2008-10-30T19:54:00.001+07:00

What now?

- after i dig in to framework world for a while and try to pick up some suite for my next project, and i find we got plenty of them! here is some list in case you interesting to learn (hope i didn't miss someone here)

ASAP : http://asaplibrary.googlecode.com/svn
Astr : http://astr.googlecode.com/svn/trunk
AsWing : http://svn.aswing.org/aswing/trunk/AsWing
Gaia : http://www.gaiaflashframework.com/
igenko : http://igenko.googlecode.com/svn/trunk
jumpship : http://svn1.cvsdude.com/osflash/jumpship
LowRa : http://lowra.googlecode.com/svn/trunk
Prana : http://prana.svn.sourceforge.net/svnroot/prana
Pyro : http://code.cimians.com/svn/pyro
Troyworks : http://troyworks.googlecode.com/svn/trunk
Vegas : http://vegas.googlecode.com/svn/AS3

Sort by alphabet so no heart feeling ;), and who's the best? hmmm....my suggestion is just close your eye and choose one! :P

Why pick up Prana?

- i don't know! :P (i'm noobs, lol) try ask Trevor Burton! i found that Prana used here http://paperworld3d.googlecode.com/svn/trunk ,also i saw Prana in igenko diagram here http://code.google.com/p/igenko/ ,so let's start with Prana, easy huh? ;)

Just hello world?

- let's add more fun! cause they already got awesome sample there and that'll be boring so let's challenge with minimalist! here http://minimalcomps.googlecode.com/svn/trunk

Why minimalist?

- Size is matter for me! here is before 181kb (no-debug version)
http://prana.svn.sourceforge.net/svnroot/prana/trunk/samples/MovieApp/bin/MovieApp.swf
- and it's Flex project, let's challenge more with Action Script Project only (ripped .mxml) shall we?

Result?

- tadaaa 74kb! here : http://sleepydesign.com/labs/as3/Prana/MinimalAS3MovieApp/
- FYI : you can try save another 9kb with out font embed ;)

Source code : http://sleepydesign.com/labs/as3/Prana/MinimalAS3MovieApp.zip

Next?

- maybe try apply PureMVC + Minimal concept...maybe! :P
- or it's time to try Cloud API , isn't it? ;)
- have fun coding!

ND3D : Is that possible 18KB SWF for MD2 animation?

2008-09-30T22:01:00.001+07:00

What?

- I use Away3D for web site, but sometime i do need smallest kb for banner limited size somehow (blame slow speed connection here ;)

Then?

it's 2 options in my mind
1. Away3D : scale down by ripping no use class there
2. ND3D : implement MD2 animation by mod existing class by Philippe Ajoux (Where's he now btw?)
the 2nd choice look...more challenge ;D

Result?

- it's quite easy to implement MD2 parser there cause ND3D is quite simply to understand, after 1 night pass by, here is 18k swf : http://sleepydesign.com/labs/as3/ND3D/MD2

More?

- that's it! actually it's not much class added, also not much line changed/mod so swf size still small ever!
- it can be optimize somehow, nothing optimize yet really ;)
- it can be smaller, but 18kb already fine to me

Source?

- i forget to mention early, my F10 test and also this MD2 animation source code already sent to Lars, so do beg him if you really need them (sorry Lars i know you busy, don't blame me here ;P )

Next?

- hmm, don't know yet...maybe hello world PureMVC or maybe more F10 test ;P

Flash Player 10 : drawTriangles is faster?

2008-09-16T20:50:00.001+07:00

What?

Flash Player 10 is out there for a while, and i really want to know is that faster for 3d with core function? let's try it, shall we? let's googling and let's see what i got there

How?

start reading here : http://www.senocular.com/flash/tutorials/flash10drawingapi/
or here : http://www.boostworthy.com/blog/?p=242
more basic sample here : http://flashandmath.com/advanced/p10triangles/index.html
advance sample here : http://pixelero.wordpress.com/2008/08/31/flash-10-part-4-of-testing-drawtriangles-old-school-tunnels/

Required?

Flex and Flash Player 10 crazy setup
some old computer...why? you 'll got same 24/24fps both of them in fast computer ;P

And then?

i'm lazy enough to rewrite all that, i think that should be better if we can compare speed with old as3 3d engine and new core drawTriangles function right? so i pick ND3D engine in this case cause it's nice and simple enough for integrate to Flash Player 10 (only need 1 night to integrate), ...tadaaa

Link?

Result?

far as i test with my old computer i got Flash Player 10 with drawTriangles is slower than old style lineTo/moveTo for 2-3 fps, and plz don't trust/argue me yet, better follow link here : http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=675&threadid=1387302&enterthread=y

So?

don't ask me! ask adobe! lol ;)

Away3D : Collada Animation (Blender)

2008-08-05T12:28:00.001+07:00

thx rect (note.x), help me testing collada blender export, here's result

What?

we are support Maya 8.5 with ColladaMaya 3.05B
we (maybe) support Blender 2.4 6 with ColladaBlender 0.3.159

Why?

i got no skill in Blender so i ask rect for help
i got no time to learn 'em all just Maya ;/
i try to make friend(s) with AS3, and it work ;D

Required?

my sample here : http://sleepydesign.blogspot.com/2008/07/away3d-collada-animation.html
some basic Collada Animation that export from Blender
hair for tearing off ;P

More?

do try explore more maya dae samples here
http://sleepydesign.com/labs/as3/Away3D/ColladaAnimation/Maya8.5/ColladaMaya3.05B/
blender? try ask blender guy not me, i can't help ;)

Next?

more advance sample
finish real life job ;P

Sleepy Design

[AIR] Runtime sharing data via AIR, iOS, Flash, Browser

What are you using for this?

What now?

Why don’t you try RED5 or FMS?

How about P2P?

What’s next?

[UPDATE]

[Away3D] My cats name on Away3D book! ;D

[Android] Just another Hello World AIR (pure AS3) on Android via Flash Builder 4

Where’ve you been I think other guys did that already?

Well you can get back to 1st blog in that case?

Whatever just show me what’s your problem.

Wow, you so unlucky I didn’t have all this issues

[Away3DLite] MD2 and MDZ Builder from DAE Animation!?

What's that?

And?

Yeah, that's mean single mesh animation, I won't buy it

Well, look nice, but how about textures?

Collada got auto textures load isn't it?

Which mean I can use WinRar or WinZip to open it?

Pros?

And cons?

Any demo?

Where can I try this?

What's next?

[Flex] Windows 7 + Wacom + Flex Builder 3 = FAIL

[Away3DLite] More particles!

I think you're dead?

Particle again?

OK, It's faster than before, what else?

Prove it!

Source?

Any thing else?

Next?

[AIR] Hello NativeProcess with C#

[Away3DLite] Let's mess with Particles

What?

Why?

Result?

Source?

Next?

[Flash 10] Round 1: Away3D vs. Away3DLite

What?

Diff?

Result?

Source?

Next?

[Flash10] As promised, MD2 with Animation via native Flash10 3D (~10KB)

[Flash10] Want to know maximum triangles via Pure Flash 10 3D can render?

What i just found out?

Required?

Result?

FYI

Source?

Next?

[Flash10] Massive amounts of 3D lines without Alchemy and PixelBender?

Result?

FYI

Source?

Next?

[JigLib] new JigLib+Away3D example

Hmm?

So?

Result?

Source?

Next?

[AIR] Twitter from Flex SDK 3.3 + AIR 1.5.1

Required?

Code?

More?

Next?

[Away3D] Basic Collada Animation Examples

1. Basic Collada Animation How?

2. Collada Custom Material Snippets?

Source?

That's it?

Next?

[Away3D] v2.3 released + new JigLib demo

Here we go

1. Basic Collada Animation

How?

2. Collada Custom Material

Snippets?