FlasCC: 1st experience

1) Download and extract FlasCC zip
2) try making the Hello sample. eg.: ..\..\sdk\usr\bin\make FLASCC="../../sdk" FLEX="../../../flex_sdk_4.6"
3) error
"-------- Sample 1 --------

First let's compile it as a projector:
"../../sdk/usr/bin/gcc" -Werror -Wno-write-strings -Wno-trigraphs hello.c -o hel
lo.exe
cc1: error in backend: Failed to run /cygdrive/c/Program Files/Git/bin/which wit
h args: java
Error:
/cygdrive/c/Program Files/Git/bin/which: line 7: $'\r': command not found

make: *** [T01] Error 1"

4) use dosunix on the "which" in Git\bin

5) then run again, another error
"LLVM ERROR: Error: Unable to launch the Java Virtual Machine.
This usually means you have a 32bit JVM installed or have set your Java heap siz
e too large.
Try lowering the Java heap size by passing "-jvmopt=-Xmx1G" to gcc/g++.
Stack dump: [blah blah ....]

make: *** [T01] Error 1"

6) added '-jvmopt="-Xmx1G"' to Makefile
"T01: check
@echo "-------- Sample 1 --------"
@echo && echo "First let's compile it as a projector:"
"$(FLASCC)/usr/bin/gcc" $(BASE_CFLAGS) -jvmopt="-Xmx1G" hello.c -o hello.exe

@echo && echo "Now lets compile it as a SWF:"
"$(FLASCC)/usr/bin/gcc" $(BASE_CFLAGS) -jvmopt="-Xmx1G" hello.c -emit-swf -swf-size=200x200 -o hello.swf

include ../Makefile.common

clean:
rm -f hello.swf hello *.bc *.exe"

7) finally no error and EXE and SWF generated.

Flash player 11 + Flash builder 4.5 + Flash CS5

Finally managed to get flash builder 4.5 to publish SWF for flash player 11. 

specifically using Stage3D

1. Download the PlayerGlobal SWC and debugger player from http://www.adobe.com/support/flashplayer/downloads.html
2. go to flash builder installation path: "Adobe Flash Builder 4.5\sdks\4.5.1\frameworks\libs\player"
3. create a new folder "11.0"
4. copy the SWC into this folder. 
5. install the debugger player for your browser
6. Create a new ActionScript project
7. Go to project properties > Flash Player version > 11.0.0
8. Add "-swf-version=13" under Compiler Arguments
9. Add code. eg.: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display3D/Context3D.html#drawTriangles() 
10. Run the application. 

should work now.

for Flash CS5

1. Do the same as above for step 1
2. go to flash cs5 installation path: "\Adobe Flash CS5\Common\Configuration\ActionScript 3.0"
3. create a new folder "FP11"
4. copy the SWC into this new folder
5. go to: "Adobe Flash CS5\Common\Configuration\Players" folder
6. copy the old "FlashPlayer10_1.xml" to paste as a new "FlashPlayer11.xml"
7. Edit the XML using NotePad
   Change the following:
   'player id="FlashPlayer11" version="13" asversion="3"'
   '<name>Flash Player 11</name>'
   'as3="$(AppConfig)/ActionScript 3.0/FP11/playerglobal.swc" '
8. Save and close the XML. 
9. Go to folder: "Adobe Flash CS5\Players\Debug"
10. copy the debugger EXE into this folder. change the original FlashPlayerDebugger.exe to  FlashPlayerDebugger_OLD.exe and change the name of the copied EXE to  FlashPlayerDebugger.exe 
11. Close Flash CS5 and restart. 
12. Create a new Actionscript 3 FLA.
13. In Profiles > Version > Flash Player 11
14. Change rendering to "Direct"
15. Run the movie by using the Debug movie. Ctrl+shift+enter

BitmapData: histogram

public function histogram(hRect:Rectangle = null):Vector.<Vector.<Number>>

Computes a 256-value binary number histogram of a BitmapData object. This method returns a Vector object containing four Vector. instances (four Vector objects that contain Number objects). The four Vector instances represent the red, green, blue and alpha components in order. Each Vector instance contains 256 values that represent the population count of an individual component value, from 0 to 255.

var hist:Vector.<Vector.<Number>> = bmpData.histogram();
// RGBA order
hist[0][9] = number of pixels having the red color component 9. eg.: 0x093366
total of hist[0][0-255] = total number of pixels in hRect region of bmpData.

flash + webcam + color tracking

Created pixel bender shaders to convert RGB to HSV
Used probability densities to back project histogram
using camshift algorithm

http://psalmhundred.net/experiment/webcam/webcam_demo_color_detect.html

Flash: Inverse kinematics in external AS class

realised the following in IKManager reference: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/fl/ik/IKManager.html?filter_flash=cs5&filter_flashplayer=10.1&filter_air=2#eventSummary

Note: When referencing IKArmature objects within a document class, be sure to first check the frameConstructed event to ensure that all objects have been populated.

else IKManager.numArmatures = 0 and IKManager.trackAllArmatures(false) will not work.

the bad thing is frameConstructed runs every frame. so one way is to use a boolean variable to track and run the code once.

can also use ENTER_FRAME

eg.:

public function IK_MC() // constructor
  {
   trace("start ik");   
   
   IKManager.trackAllArmatures(false); // will not work
   this.addEventListener(Event.ENTER_FRAME, constructed);
  }
  function constructed(e:Event):void
  {
   //trace(IKManager.numArmatures);
   if(IKManager.numArmatures > 0 && !init)
   {
    IKManager.trackAllArmatures(false);
    
    var arm:IKArmature = IKManager.getArmatureByName("Armature_2");
    trace(arm);
    var arm2:IKArmature = IKManager.getArmatureAt(0);
    trace(arm2);
    init = true;
   }
  }

iphone + flash cs4 + AIR 2.5 SDK

1) downloaded AIR 2.5 SDK
2) followed instructions on forum: http://forums.adobe.com/thread/745398
/******************************
Quit Flash CS4 Professional if it is open.
Navigate to the Flash CS4 installation folder. The default location on Windows is "C:\Program Files\Adobe\Adobe Flash CS4\" and on Mac OS "/Applications/Adobe Flash CS4/"
Within the "Adobe Flash CS4" folder you should see a folder called "AIK1.5". If this folder is not present repeat step #1.
Rename the folder "AIK1.5" to "AIK1.5 OLD" or delete it if you do not need to save a copy of it.
Make a new folder called "AIK1.5"
Download the Adobe AIR 2 SDK from the labs website and uncompress the contents of the folder to the new "AIK1.5" folder you just created.
Copy the "airglobal.swc" file located within the "Adobe Flash CS4/AIK1.5/frameworks/libs/air/" folder into the "Adobe Flash CS4/Common/Configuration/ActionScript 3.0/AIR1.5/" folder.
**************************************/
3) File > New > Actionscript 3 (AIR)
4) Save and Ctrl + Enter
5) Properties > AIR settings > Use custom application descriptor file. point to generated app.xml in folder where FLA is saved
6) modify app.xml:
namespace 1.5 to 2
<application xmlns="http://ns.adobe.com/air/application/2.0">
add "autoOrients", "icons" tags, etc
7) Ctrl + Enter again to run the application
8) use PFI to create IPA.
9) Install on iphone and test.

tested working.

Flash Builder 4 + iphone packager

1) create actionscript project
2) code AS
3) compile > test > SWF
3a) Create application.xml (refer to below)
4) PFI + .mobileprovision + .p12 + all necessary files > IPA
eg.:
pfi.bat -package -target ipa-test -provisioning-profile "MyApp.mobileprovision" -storetype pkcs12 -keystore "iphone_dev.p12" HelloWorld.ipa application.xml MyApp.swf
Default.png icons [and other files or folders]
5) install .mobileprovision in itunes if not done so. File > Add to library. sync iphone
6) add IPA to itunes. sync.

application.xml:
<?xml version="1.0" encoding="utf-8"?>
<application xmlns="http://ns.adobe.com/air/application/2.0">
<id>com.myDomain.MyApp</id>
<filename>HelloWorld</filename>
<name>HelloWorld</name>
<version>1.0</version>
<initialWindow>
<content>MyApp.swf</content>
<fullScreen>true</fullScreen>
<autoOrients>false</autoOrients>
<aspectRatio>portrait</aspectRatio>
<renderMode>cpu</renderMode>
</initialWindow>
<icon>
<image512x512>icons/icon512.png</image512x512>
<image57x57>icons/icon57.png</image57x57>
<image29x29>icons/icon29.png</image29x29>
</icon>
</application>

Flash: RSS + spring model

RSS:
http://www.straitstimes.com/STI/STIFILES/rss/break_lifestyle.xml
http://feeds.feedburner.com/StraitsTimesInteractive-Lifestyle

Demo: http://psalmhundred.net/experiment/rss_elastic.html

Flash: Weather RSS feed

Flash & XML: namespace

sample RSS feed: http://weather.yahooapis.com/forecastrss?w=1062605&u=c

to access elements that are using namespace.
eg.:

 <?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
 <rss version="2.0" xmlns:yweather="http://xml.weather.yahoo.com/ns/rss/1.0" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#">
 <channel>
 ...
 <item>
 ...
  <yweather:condition text="Partly Cloudy" code="30" temp="31" date="Sun, 25 Jul 2010 7:00 pm SGT" />
 ...
  </item>
 ...
  </channel>
  </rss>

gotta use the Namespace class and the :: operator

eg.:

var xml:XML = new XML(loader.data);
var ns:Namespace = xml.namespace("yweather");
trace(xml.channel.item.ns::condition.@text);

Flash Particles effect

Novint Falcon used in Flash

Getting x, y, z coordinates and buttons status:


Using Flash to output force feedback to haptic device:

Simple Stereo 3d Anaglpyh example

Download FLA

import flash.display.*;
import flash.events.*;
import flash.geom.*;
import flash.utils.*;

// Picture is a movie clip symbol in the Library
var loader:Picture = new Picture();
var loader2:Picture = new Picture();
var scene:Sprite = new Sprite();  

// for drawing scene from left eye view
var left:Bitmap = new Bitmap();
// for drawing scene from right eye view
var right:Bitmap = new Bitmap();
// background for correct blending
var bg:Sprite = new Sprite();

var leftData:BitmapData = new BitmapData(stage.stageWidth, stage.stageHeight);
var rightData:BitmapData = new BitmapData(stage.stageWidth, stage.stageHeight);

var distance:Number = 4; // left-right eye distance


init();
prepareStereo();

function prepareStereo():void
{
 left.blendMode = BlendMode.SCREEN;
 // right eye = green and blue channel
 right.transform.colorTransform = new ColorTransform(0, 1, 1, 1);
 // left eye = red channel
 left.transform.colorTransform = new ColorTransform(1, 0, 0, 1);
 left.bitmapData = leftData;
 right.bitmapData = rightData;
 setBackground();
 this.addChild(right);
 this.addChild(left);
 // set the UI textbox and label to the top
 this.setChildIndex(ui_mc, this.numChildren-1);
}
function setBackground(color:int = 0):void{
 bg.graphics.beginFill(color);
 bg.graphics.drawRect(-2000, -2000, 4000, 4000);
}
function init():void{
 loader.x = 200;
 loader.y = 200;
 loader2.y = 200;
 loader2.z = 300;
 stage.addEventListener(MouseEvent.MOUSE_MOVE, move);
 this.addEventListener(Event.ENTER_FRAME, update);
 scene.addChild(bg);
 
 scene.addChild(loader2);
 scene.addChild(loader);
 ui_mc.distance_txt.text = String(distance);
}
function update(e:Event):void{
 // clear screen
 rightData.fillRect(rightData.rect, 0xFFFFFF);
 leftData.fillRect(rightData.rect, 0xFFFFFF);
 distance = Number(ui_mc.distance_txt.text);
 loader.x -= distance / 2; // move scene to the left for right eye
 loader2.x -= distance / 2;
 rightData.draw(scene);
 loader.x += distance; // move scene to the right for left eye
 loader2.x += distance;
 leftData.draw(scene);
 loader.x -= distance / 2; // move scene back to original position
 loader2.x -= distance / 2;
}
function move(e:MouseEvent):void
{
 loader.rotationY = (mouseY*2/stage.stageHeight - 1) * 60;
 loader2.rotationY = (1-mouseY*2/stage.stageHeight) * 60;
 loader.x = stage.stageWidth - mouseX;
 loader2.x = mouseX;
}
 

Flash: Matrix calculation

FlashVars: sending variables into Flash from HTML/PHP

in HTML containing SWF:
...
AC_FL_RunContent(
...,
'flashVars','myVariable=<?php echo((isset($_GET['myVariable'])) ? $_GET['myVariable'] : ""); ?>'
); //end AC code

...
<param name="movie" value="live_stream.swf?myVariable=<?php echo((isset($_GET['myVariable'])) ? $_GET['myVariable'] : ""); ?>" />
<embed src="live_stream.swf?src=<?php echo((isset($_GET['myVariable'])) ? $_GET['myVariable'] : ""); ?>" ... >

in FLA/AS:
access variable thru:
this.loaderInfo.parameters["myVariable"]

Webcam: motion interactive art demo

Flash: Webcam motion detection

Using edge detection, thresholding, k-means clustering

http://psalmhundred.net/experiment/webcam/motion/