I released Simple Metronome app that runs with Package for iPhone technology, CS5’s new feature. I just got permission to talk about the app.

Seems this is the first Flash made iPhone app from Japan.

This app is originally made for technical research, to understand animation speed and interactivity of flash for iPhone. The reason why I made metronome is simply it needs accurate and smooth frame rate. Version 1.00 is minimum implementation, it will be updated step by step.

Some people said that flash is too slow for iPhone, however as far as I see this app, Flash is enough fast for actual project. It may be not for 3d game, but for utility app. Flash CS5 is still under development and I believe it will be much much faster when it is actually shipped.

The biggest advantage of Flash made iPhone app is that you can easily build both iPhone app and online demo. In iPhone app market, many people looking for the way to promote their application, however only flash developer can promote their app with working demo on the web site!!. It’s quite strong feature, isn’t it?

This is sample project and I will make the source code open. It will be available when Flash CS5 is released.

It’s basically made with Flash 10’s drawTriangles API & Yoshihiro Shindo’s betweenAS3 tween library.

It’s just a initial sketch, but seems there is plenty of possibilities around the new bitmap drawing API.

I think I have forgotton to post this experiment to JActionScripters.
Here is a playable demo & source code that I showed on the FITC2009 session. Storm simulation with 10000 particle.

Basically all physic and mouse interaction is calculated with bitmap force map. Precalculating mouse interaction with bitmap is much faster than doing mouse distance with 10000 particles every frame.

You can also see stupid 250000 particle version here.

//API for Linear Gradient Fill
beginLinearGradientFill([0x000000,0xfffffff],[1,1],[0,255], startPoint:Point, endPoint:Point);

//API for Radial Gradient Fill
beginRadialGradientFill([0x000000,0xffffff],[1.0,1.0],[0,255], centerPoint:Point, radius:Number);

Below is snipets.

public function beginRadialGradientFill(	colors:Array,
	alphas:Array,
	ratios:Array,
	centerPoint:Point,
	radius:Number,
	spreadMethod:String="pad",
	interpolationMethod:String="rgb"):void{

	var mat:Matrix = new Matrix();
	mat.createGradientBox(radius*2,radius*2,0,centerPoint.x-radius,centerPoint.y-radius);
	graphics.beginGradientFill(GradientType.RADIAL, colors, alphas, ratios, mat, spreadMethod, interpolationMethod)
}

public function beginLinearGradientFill(	colors:Array,
	alphas:Array,
	ratios:Array,
	startPoint:Point,
	endPoint:Point,
	spreadMethod:String="pad",
	interpolationMethod:String="rgb"):void{
var dx:Number = endPoint.x-startPoint.x;
var dy:Number = endPoint.y-startPoint.y;
var dist:Number = Math.sqrt(dx*dx+dy*dy);
var rad:Number = Math.atan2(dy,dx);
var offsetX:Number = -(dist - Math.cos(rad)*dist)*0.5 + startPoint.x;
var offsetY:Number = -(dist - Math.sin(rad)*dist)*0.5 + startPoint.y;

var mat:Matrix = new Matrix();
mat.createGradientBox(dist,dist,rad,offsetX,offsetY);
graphics.beginGradientFill(GradientType.LINEAR, colors, alphas, ratios, mat, spreadMethod, interpolationMethod)
}

Another fractal visual sketches. Now I’m cleaning up the code.
May upload moving demo later.

Soucr Code: fladdict_fractalrectangle2.zip

Recently I launched a free web service / AIR application that’s called TiltShift Generator.This is a simple image manipulation app. Using this app, you can add miniature or vintage like effect to your photo on the fly.

Basically I made this application for a study of my next iPhone camera application that follows my app called ToyCamera, and QuadCamera.

Some people already introduced it, and thanks for an unbelievable more than 700 del.icio.us bookmarks! If people want, I might make an iPhone version as well, so catch me on the twitter if you have any ideas.

Visual sketch for fractal tessellation.
This is a start point for my fractal study.

SouceCode: fladdict_fractalrectangle.zip

With random fill color and border line.

Without border line.

I think this no margin version is too dirty.

Now rect size affects brightness of the border.

Now rect size affect margin of the region.

I’m Takayuki Fukatsu, founder of the JActionScript.com

I’m both flash and iPhone designer / developer.
Some people know me as a guy who worked under Yugo Nakamura, or other people may remember be as an developer of iPhone app called QuadCamera and ToyCamera. One is my flash side and the other is my iPhone side. Just a month before, I quit tha.jp and became an freelance designer . Then I started this project!

My current interest is how Japanese people introduce their work to the world. There is big language obstacle between us and you international people. Therefore I decided that it may be good idea to having a one big blog and share it with several Japanese web designer / developers.

Enjoy this blog