1. shutdown Eclipse
2. goto the workspace folder in your filesystem
3. rename the project-folder which caused the problem
4. startup Eclipse (now it won’t start building, because it doesn’t find the project)
5. disable the automatic building process (untick Project > “Build Automatically”)
6. close Eclipse
7. undo renaming the project-folder
8. startup Eclipse
9. build project manually (select project, Project > Build Project)
10. after that you can enable the automatic building again

https://github.com/formatlos/hello-playbook-with-fdt

Setting up Playbook SDK and Simulator

There are a few good tutorials out there which explains the setup process in detail, so I don’t want to bother you with that … and it’s really straightforward anyway.

http://us.blackberry.com/developers/tablet/devresources.jsp
http://www.12robots.com/index.cfm/2010/11/21/Getting-your-BlackBerry-PlayBook-development-environment-set-up–Part-One

Setting up FDT

First of all you need to setup an ANT property. Go to Eclipse Settings -> ANT -> runtime -> Properties -> Add Property and type in the name “BB_TABLET_SDK_HOME” and as value the path to your installed Playbook SDK. Insert another property with the name “FLEX_HOME” and point it to the same location … you’ll need this to use the mxmlc task.

ANT property

SDK

The Playbook SDK is basically just a AIR SDK with a little extra spice … so you can add the SDK to your FDT settings like you do with every other SDK.

Project

After that you can create a new project or download my sample project from github. Create “Empty AS3 AIR Project” and select the installed Playbook SDK in my case “BlackBerry Tablet OS SDK 0.9.1 for Adobe AIR”.

your project structure should look like this:

FDT doesn’t add the blackberry specific SWCs automatically to the project, you have to do this step manually. To do that open your project properties -> FDT Build Path -> SDK Library -> Select SWCs and select the blackberry.swc, qnx-screen.swc and qnx-air.swc …

that’s it!! now you can use the build targets to compile your App and deploy it to the simulator.

Debugging Procedure

After running the debug-deploy target you’ll probably look for any trace output. The SDK ships with another tool you can use to debug your App it’s called fdb. Open a terminal window and launch the fdb tool, once the Flash Debugger opens issue the command “run”. The debugger times out if nothing connects within about 60 seconds, yo you should immediately start you debug-deploy target after running the debugger.

Your application should deploy and connect to the debugger  but probably it’ll take a bit before the simulator connects. If you have a firewall it can interfere with the simulator’s ability to connect, make sure port 7935 is open. When the simulator connects you will be prompted to enter breakpoints. If you don’t want to add any breakpoints just type “continue” and your Application will start up and you’ll see the trace output in you terminal.

the parameters for the shader

• center for passing in the x and y
• innerRadius and outerRadius for controling the size of the circle
• rotation (0-360) to change the starting angle
• color1, color2, color3, color4 in the format RGBA (1.0, 1.0, 1.0, 1.0 = 0xffffffff)
• ratios an array of color distribution ratio

Play with the filter…
Download Circle Gradient filter & pixel bender source

I implemented a few parameter to control the shader

• center for passing in the x and y
• innerRadius and outerRadius for controling the size of the circle
• rotation (0-360) to change the angle where the red color starts
• ratio (0.0-1.0) for controling the space used for 1 color spectrum, e.g. a value of 0.5 would use 180 degrees for displaying 1 spectrum and you would end up with 2 spectrums in your circle

is it just me or does the circle in the middle seem to rotate slightly … scary … anyway

Play with the filter…
Download Circle Color Spectrum filter & pixel bender source

next up:
AS3 Circle Gradient

Source

You can download the source files of the HSB Color Wheel Demo here:
http://blog.formatlos.de/wp-content/uploads/2010/03/hsbcolorwheel.zip
I didn’t clean up the code, but should be straightforward. Have fun playing with it and post or email me a link if you use it somewhere.

Some Examples

http://play.formatlos.de/circlorator/

Pixelbender Source

For those who want to play with the filter a little bit, there you go CirclorateFilter.zip

Examples

Download:

fontcreator.zip

Setup:

• import the zip file via “Import > Existing Projects.. > Select archive file”
• add flash nature: AS3, Flex 3/4 SDK
• run the ant build (don’t forget to select “Run in the same JRE as the workspace” in External Tools > JRE)

Steps:

select class template (you can create an own class template, save it in the template directory und select it here)

select font file (has to be in the assets/fonts directory)

specify a class name for your font class

the name for the font (thats the name you’ll use with TextFormat.font later on)

font weight

font style

mime type, normally ‘application/x-font’ should do the job

specifiy the chars to want to embed

That’s it. Now your font should get generated and afterwards be available in the deploy/fonts directory.

Red Bull Soapbox Racer
Less Rain Blog

Click here to view the embedded video.

The class doesn’t work for scrolling text at the moment, but feel free to extend the class.

example:


code:

// highlight container
var highlight : Sprite = new Sprite();
addChild(highlight);
 
// create textfield
var textField : TextField = new TextField();
addChild(textField);
 
// apply text style and add text
...
 
// highlight style
var style : IHighlightStyle = new SimpleHighlightStyle(0x00ff00, 0.5);
 
// highlighter
var textHighlighter : TextHighlighter = new TextHighlighter(textField, highlight, style);
textHighlighter.highlight(/far/gi);
textHighlighter.highlight("Duden", false);

files:

version 0.1
TextHighlighter_01.zip

But with a simple workaround you can change the font face, size and color of the bullet points:

And don’t forget to embed the bullet point, it’s character U+2022

Update 25.01.2010

Added an indent property to easily set the left margin of the list. For using other symbols than the bullet, you have to manipulate your font and embed the manipulated character.

Download Source