“Standby Widgets” is a function that enables you to customize your standby screen. You can add, remove, or lay out built-in widgets as you like. There are some built-in widgets like bookmarks, calendar, and manner mode switch. Also you can change widget’s color to your favorite color. For phone and mail, it has a list that you can access recent calls or mails easily.

In all honesty, it’s not an amazing new function. However, a point is why the team has invited me. Can you make sense? Yes, it’s written by Flash (FlashLite). A special customized FlashLite engine has been provided by the device team, and all of “Standby Widgets” is running on it. This is our first answer of a question “Can we make better UI if we could use Flash?”.

Many Japanese mobile phone is high-spec actually, but its UI ruins the value of it, I think. In my view, this project is to improve it. Also I feel this project provides fun future to not only users of device but also Flash developers in the world.

SiON TETRISizer – wonderfl build flash online

This is new demonstration of my AS3 software synthesize ‘SiON’. This work may remind someone of ‘LUMINES’ (of cause this is one of my favorite games). The SiON can bring its feeling to your flash.
In this flash, I also use various libraries, betweenas3, froce55ing, minimalcomps and papervision3d.
I would like to say thank you for all authors of these useful libraries.

Enjoy !

AS3 software synthesizer SiON Development Center in spark project

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.

Hi, my name is Yasuhiko Nishimura and I am an interactive designer at Business Architects.
The Jikkyo Generator 2010 website build by us went live in May.

The previous version Jikkyo Generator 2008 was integrated with eyeVio for the videos but to enable more users to enjoy the website the new release features integration with YouTube.

In this entry I will explain a bit more about the integration with the YouTube API.
(This entry will be about AS2)

0.Prepare to use the YouTube API.

YouTube allows the use of the Data API or the Player API, however for a full Flash based site like this one you need to use the chromeless player which allows you to create your own player. Also you need to have developer key to use the YouTube API.
To get your developer key register at the following url: http://code.google.com/apis/youtube/dashboard/

1.Classes to use

Source Code: download from here.
(The sources comments are written in Japanese language)

The following 3 classes are used.

com.b_architects.lab.youtube.YTPlayer

This class load the chromeless player.

com.b_architects.lab.youtube.YTData

This class receives and manages the information abou the video from the Data API

com.b_architects.lab.youtube.YTConstant

This contants class holds the developer key and other YouTube related parameters.

Inside the YTConstant.as the following need to be registered
PRODUCT_NAME,CLIENT_ID,DEVELOPER_KEY
(You can also initialize these at execution time without rewriting the sourcecode)

2.Create and initialize the player

To create a player execute the following command:

    YTPlayer.getPlayer(target:MovieClip);

target here is the MovieClip instance which creates the player. First create an empty MovieClip instance and the replace the __proto__ property with YTPlayer.prototype. By doing so, you create an instance of the YTPlayer from script without having to create linkage from the library. (You can also do this by setting up a linkage to the MovieClip symbol from the library)

The YTPlayer is embedding the chromeless player from the YouTube servers and might take some time to load.
Once the player is loaded and ready to be used the YTPlayer.EVENT_PLAYER_READY event is issued.

the actual code look like:

    import com.b_architects.lab.youtube.YTPlayer;
    var player:YTPlayer = YTPlayer.getPlayer(this);
    player.addEventListener(YTPlayer.EVENT_PLAYER_READY,onPlayerReady);
    function onPlayerReady(e:Object) {
        //The process for once the initialization is finished
    }

and the player is ready.

3. Control and playback the video

To playback the video execute the following code:

    player.loadVideoById("2L0nGWDPt6A");

this exectution load the video based on the ID passed on the the loadVideoById.

For other video controls reference the following url: http://code.google.com/intl/en/apis/youtube/flash_api_reference.html#Operations

The YTPlayer implements the chromeless player's methods under the same method name.

4. Load Youtube data

By using the YTData class you can check wether the video for that ID exists, if you can use the API or not, thumbnail path and other usefull information for creating the site. When passing the ID with the String to the constructor the data gets initialized. Once the initialization is done the YTData.VIDEO_CHECK event is issued.

The basic usage is:

    import com.b_architects.lab.youtube.YTData;
    var data:YTData = new YTData("http://www.youtube.com/watch?v=2L0nGWDPt6A");
    data.addEventListener(YTData.VIDEO_CHECK,onChecked);
    function onChecked(e:Object):Void {
        trace(e.target.id);
    }

5. Conclusion

As stated above this is a general overview on how to use the YouTube API.
The Jikkyo Generator website uses the concepts stated above as its core and has additional features such as playback control, adding narations and other playback functions. The YouTube API has been altered over the years and it can easily change again soon.
When that change occures hopefully changes required on the website will be minimal because the API part stands alone from the website.

Although creating what we have created is not difficult it can be cumbersome and I hope by sharing this information it might benefit others.
If you have a chance, try this out.

In the Spark meeting #09, I presented an ARMessageCard for Geoff. At first, a card on the marker seems to be white, but a message will be rose by particles moves if you tilt the card. It works like a sand painting.

ARMessageCard from Yoshihiro Shindo on Vimeo.

You can try it at here (Please use this marker). Of course, source code was uploaded.

A point of this Flash is calculating gravity from the inclination of the card to move particles.

If you defined variables like:

private var _mat:Matrix3D = new Matrix3D();
private var _rot:Number3D = Number3D.ZERO;
private var _v:Number3D = new Number3D();

*Matrix3D and Number3D are provided by Papervision3D.

You can get gravity by the following code:

_mat.copy(_baseNode.transform);
_mat.invert();
_rot = Matrix3D.matrix2euler(_mat, _rot);
_v.reset(0, 1, 0);
_v.rotateY(_rot.y);
_v.rotateX(_rot.x);
_v.rotateZ(_rot.z);
var gx:Number = -_v.x * 2.0;
var gy:Number = -_v.y * 2.0;

*_baseNode is provided by FLARToolKit.

First, invert the transform matrix calculated by the FLARToolKit to get a transform matrix of gravity about the marker. Next, apply only rotations from the transform matrix to a normalized vector for gravity. Finally, get x value and y value from it. If you move particles based on these values, it will work fine

In Octorber 14 2008, dotFes, a creative event for the web designers and developers presided by the web school and creation company cshool and the famous magazine for web design WebDesinging, was held at Tokyo Japan. There were technical sessions, talk shows, live peformances, exhibitions and more. Because it was held at the closure of a school, it was like a school festival for the web persons.

Before the event, leader wanted a movie for the break time. So I created dotFes Clock with Naoki Mima (Rightning, Inc).

It’s an interactive clock. All motions are controled by ActionScript based on the BGM. There are 5 musics for every minutes and different motions for each music. Illustration is always same, but you may have a different impression if the music is changed. This is one of the my favorite work.

used flickrAPI(adobe as3flickrlib)&Box2dAS3.
as3flicrlib is awesome.very easy to use API.
Because I developed few hours, part of used Box2dAS3 misappropriated my graduation works in collage.
please catch me on the twitter if you have feedback.

flickrBoxFall

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.