import caurina.transitions.*;
 
var box1: TextBox = new TextBox(); // TextBox is a symbol in the library
box1.x = 30;
box1.y = 35;
addChild(box1);
 
var box2: TextBox = new TextBox();
box2.x = 270;
box2.y = 35;
addChild(box2);
 
box1.addEventListener(MouseEvent.CLICK, click);
 
function click(e: MouseEvent): void {
  Tweener.addTween(box1, {z: 200, time: 1});
  Tweener.addTween(box1, {z: 0, time: 1, delay: 1});
}

When you click the left text box it will move back and forth to its original position, but after the animation (after using 3D transformation) the text becomes blurry (compare to the text on the right).

When a DisplayObject is started to be transformed in 3D, then its transform.matrix3D property is used instead of transform.matrix, which is used for 2D transformations. If we could switch back to using transform.matrix, the smoothing and its effect would be disappear. After starting to transform an object in 3D it will not switch back automatically to 2D/transform.matrix at any time, so we have to do it manually. When transform.matrix3D is in use, the value of transform.matrix is null, and vice versa if transform.matrix is in use, the value of transform.matrix3D is null. If we nullify any of these properties manually, Flash automatically switches to using the other one (with a default identity matrix). The same effect if we assign a value (a Matrix or Matrix3D reference) to the currently unused property. So the only thing what we need to do is saving the original transform.matrix value before starting 3D transformations and restoring it when we want to switch back to 2D. The example below extends the previous one. It saves the Matrix stored in transform.matrix before starting the 3D animation, and assigns it again when the animation is complete.

import caurina.transitions.*;
 
var box1: TextBox = new TextBox(); // TextBox is a symbol in the library
box1.x = 20;
box1.y = 35;
addChild(box1);
 
var box2: TextBox = new TextBox();
box2.x = 230;
box2.y = 35;
addChild(box2);
 
box1.addEventListener(MouseEvent.CLICK, click);
 
var oldMatrix: Matrix;
 
function click(e: MouseEvent): void {
  // if no tween in progress
  if (!Tweener.isTweening(box1)) {
    oldMatrix = box1.transform.matrix;
    Tweener.addTween(box1, {z: 200, time: 1});
    Tweener.addTween(box1, {z: 0, time: 1, delay: 1, onComplete: tweenComplete});
  }
}
 
function tweenComplete(): void {
  box1.transform.matrix = oldMatrix;
}

We could omit the saving of the old matrix, of course, since assigning null to transform.matrix3D also switches back to 2D, but in this case a new identity matrix will be stored in transform.matrix, so we have to take care of transforming our object to the desired position.

Here is the proof of concept script, which takes a string and creates as many text fields (= columns) as many required to display the whole text. The script can be placed directly on a frame of an empty .fla and it will work. This script is a proof of concept only, it could be wrapped into a nice class for general use, but this work should be done by somebody else (or by me, if I will need it in a real project, but that’s not the case at the moment).

// the text to be displayed in multiple columns
var text: String = "Lorem ipsum dolor sit amet...";
 
// the width of a column in pixels
var columnWidth: Number = 200;
// the height of a column in pixels
var columnHeight: Number = 300;
// the space betweeb columns in pixels
var columnSpacing: Number = 10;
 
// the format of the text in the columns
var tf: TextFormat = new TextFormat();
tf.font = "Arial";
tf.size = 12;
tf.align = "left";
tf.color = 0x000000;
 
// the index of the column currently processed
var colIndex: Number = 0;
// the index of the previous column
var prevColumn: TextField;
// true, if we have placed the last column and can quit the loop
var done: Boolean = false;
 
do {
// create a text field for the current column
var column: TextField = createTextField("column" + colIndex, getNextHighestDepth(), colIndex * (columnWidth + columnSpacing), 0, columnWidth, columnHeight);
// set some properties of the text field
column.border = true;
column.multiline = true;
column.wordWrap = true;
// selectable should be false, otherwise the text field's content will be scrollable,
// and that can mess our precisely positioned text columns
column.selectable = false;
column.setNewTextFormat(tf);
// place the whole text into each column
column.text = text;
// if it is not the first column...
if (prevColumn != null) {
// check whether the last visible line is beyond the last scrollable line, so did we reach
// the last text chunk and the last column or not
if (prevColumn.bottomScroll > prevColumn.maxscroll) {
// calculate how many lines are missing from the last chunk to form a whole column
var missingLines: Number = prevColumn.bottomScroll - prevColumn.maxscroll + colIndex;
// append so many lines to the content of the last column
var s: String = "";
for (var i: Number = 0; i < missingLines; i++)
s += "\n";
column.text += s;
// and quit at the end of the loop, since we reached the last column
done = true;
}
// scroll to the line following the last visible line of the previous column
column.scroll = prevColumn.bottomScroll + 1;
} else {
// in the case of the first column check whether we have the text
// long enough for displaying at least one more column (is the text field scrollable)
if (column.maxscroll <= 1)
done = true
}
prevColumn = column;
colIndex++;
} while (!done);

That’s all – enjoy

Update: I corrected the script according to Mau’s observation. Thank you Mau for catching the bug!

Thanks to Reider for the links

Targeting Flash Player 10 beta and development tools
1. Targeting Flash Player 10 Beta with Flex SDK 3.0.x
2. Flex 3 SDK Downloads – The latest Flex SDK, which is capable of compiling Flash 10 targeted movies. Also includes a stand-alone debug player (version 10)
3. Flash Player 10 support in FlashDevelop
4. How to get started with creating content for Flash Player 10 (video tutorial)

3D, the new Drawing API, GPU acceleration
1. Senocular: Flash Player 10 Drawing API
2. Tinic Uro: What does GPU acceleration mean?
3. How to take ordinary display objects into the third dimension in Astro (video tutorial)
4. Mike Melanson: Flash Uses The GPU

Creating dynamic sounds
1. Tinic Uro: Adobe is making some noise. Part 1
2. Tinic Uro: Adobe is making some noise. Part 2
3. Tinic Uro: Adobe is making some noise. Part 3
4. Keith Peters: Astro dynamic sound!
5. How to dynamically create sounds using the new features in Astro (video tutorial)
6. Leo Bergman: Random thoughts on Vectors and samplesCallbackData

Advanced text rendering
1. New text engine

Loading and saving files without server (FileReference)
1. Load and save files using FileReference
2. How to read and write local files using the new methods of the FileReference class (video tutorial)

Streaming, peer-to-peer audio and video
1. Peer to peer, Speex and UDP now in Flash Player 1
2. Justin Everett-Church: RTMFP in Flash Player 10 beta
3. Justin Everett-Church: Peer to Peer (P2P) in Flash Player 10 beta

Other topics
1. Leo Bergman: Random thoughts on Vectors and samplesCallbackData

Documentation
1. Flash Player 10 (Astro) API (new additions only)
2. Flash Player 10 Language Reference (official Adobe documentation)

The class browser is on-line here.

Maybe I will post the results of my (and other’s) discoveries later with examples Some keywords till then (beyond the features mentioned on Adobe’s site):

• run-time sound generation
• accessing local files through FileReference without uploading to a server
• new Vector class with generics
• etc.

[Update]
Some people reported that the class browser doesn’t worksand the version detection script prevents it from running (claiming a new player installation). I don’t know what does cause the problem, yet, but I provide here a direct link to the SWF itself until I solve the issue:
http://tengerstudio.com/public/flash10/class_browser/ClassBrowser.swf

[Update 2]
I made a minor addition, and the class browser now displays also the class’ constructor among the methods.

http://labs.adobe.com/technologies/flashplayer10/

The development tools are not published yet, but you can configure Flex SDK to compile to Flash Player 10. Here is the how to.

If somebody is not familiar with Flex, it is possible to use Flash CS3 for the same purpose by utilizing some minor hacks. Just follow these steps:

1. Create your Flash movie and write ActionScript with the current development tool (Flash CS3).

2. While writing your ActionScript code take into consideration that the new identifiers, methods and properties will not be recognized by the compiler, so use square brackets where necessary, so instead myObject.propertyName use myObject["propertyName"], and instead myObject.methodName() use myObject["methodName"]().

3. Compile the sources into a SWF file.

4. (This step seems to be optional.) Up to now my SWFs compiled for player 9 were running in Flash Player 10 without any change, and I could use the new features. However it seems possible that setting the target version to 10 is required in some cases, so if you meet such case just change the 4th byte of the SWF file to hexadecimal value 0A (decimal 10 – this byte indicates the target player version) using a hexa editor (e.g.: XVI32).

5. Create an HTML document for embedding your Flash movie. I used SWFObject 2, which is compatible with Flash Player 10, and the embedding HTML looks like this one:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
		<script src="http://blog.tengerstudio.com/wp-admin/swfobject.js" type="text/javascript"><!--mce:0--></script>
		<script type="text/javascript"><!--mce:1--></script>
<div id="myContent">
<h1>Alternative content</h1>
<a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>

Replace the parameter values of the embedSWF() method and let’s go. Don’t forget to place swfobject.js into the same directory as the HTML document, and of course install Flash Player 10

Here is a small sample script which uses the new 3D features for creating a rotating object:

var ns: Namespace = new Namespace("http://www.adobe.com/2008/actionscript/Flash10/");
var minZ: Number = 0;
var maxZ: Number = 1000;
var zStep: Number = 10;
 
function enterFrame(aEvent: Event): void {
	logo.ns::rotationY += 1;
	logo.ns::rotationZ += 1;
	logo.ns::z += zStep;
	if (logo.ns::z < minZ || logo.ns::z > maxZ)
		zStep = -zStep;
}
 
addEventListener(Event.ENTER_FRAME, enterFrame);

You can see this sample on-line here. Don’t forget to install Flash Playar 10 to see it in action.

The API documentation of the new player is not available at the moment, so discovering the new features is a must