flex > 裏所有文章列表

more on astro

In flex   May 15, 2008 - 3:21 pm

進階閱讀 - Tinic Uro’s blog

Picture 1.png

快速旋轉的 3D 圖片(點圖可看影片),鄉親啊,這就是愛 flash 啊~~~~~

-3D 部份

Fast, extremely lightweight, and native 3D effects make motion that was previously reserved for expert users via ActionScript or Open Source libraries such as PaperVision3D, Sandy and Away3D available to everyone.

Create complex effects with simple code by nesting 3D-transformed objects inside each other. Inheritance makes it easy to rapidly apply changes across objects.

-text engine

The new text engine expands creative freedom by treating device fonts as first class citizens that can be anti-aliased, rotated, and styled and have filters applied as if they were embedded.

The new text engine also offers right-to-left and vertical text layout, plus support for typographic elements like ligatures(嘖嘖嘖,連 ligature 都能控制了啊,那將來出現 flex 版 InDesign 我也不會太驚訝了).

Picture 3.png

注意上圖中的文字框是可選取與編輯的,同時也可看到完全支援雙位元文字直排,多欄位 auto-flow,讚弊了啊…

-text layout component

An extensible library of ActionScript 3.0 text components

Layout and style text with tables, inline images, and column flow through components that are compatible with both Flash and Flex, all while getting the benefits of the new text engine

to flow text and complex scripts, such as Arabic, Hebrew, and Thai, across multiple columns like a newspaper, around tables and inline images, from right-to-left, left-to-right, bi-directionally, or vertically

Selection, editing, and wrapping of text are handled as would be expected for the different layouts.

-drawing api

The enhancements extend the current drawing API to allow for read/write rendering and 3D effects, while adding memory and performance improvements that allow developers to create shapes using ActionScript that can be modified at runtime without re-drawing

-color management

Opt-in color management allows you to convert SWFs into sRGB (standard RGB), an international standard color space

Color management works with the monitor’s ICC color profile, turning the entire SWF into a color-managed object. Color management can be toggled on and off at runtime.

-visual performance improvement

Leveraging the power of the GPU for blitting and compositing reduces the load on the CPU and can provide a performance boost to many graphically intense applications, resulting in more fluid, realistic and responsive user experiences.

If the hardware does not provide required capability, Flash Player will fall back to the software rendering without user interaction

Hardware compositing takes advantage of the tremendous memory bandwidth and computational horsepower of the GPU, reducing the load on the CPU

Open GL 2.0 video card with GLSL capabilities required to use this feature. When in use with the beta, a green square will appear in the upper left corner when accelerated.

fp9 是 script 大加速,fp10 進一步利用 GPU 做視覺大加速,這樣很方便將來玩些大東西呢…

GPU Compositing — Combining images, filters, and video in your SWF just got faster.

GPU Blitting — Paint SWFs into the browser using your video card by choosing this new HTML parameter.

so that the pixels drawn to the browser go through the GPU, resulting in improved performance and reduced CPU demand, rendering video- or image-intensive applications faster.

上面這段簡單來說就是:只要透過一個 html tag 就可以讓 flash player 直接畫 graphics 畫到螢幕上,而不是像現在是轉兩手才出去,效率會更好。S

Anti-Aliasing Engine (Saffron 3.1) — An update to the Saffron anti-aliasing text engine increases performance and quality of anti-aliased text, particularly for Asian character rendering. Support for stroke fonts reduces memory requirements.

Vector Data Type - By having a consistent type, performance on Vectors is significantly higher than Arrays. Vectors work as a parameterized type.

Strong type 的 array 來了,速度會快一點,不過現在用 [ArrayElementType] 也有類似的效果,主要求的就是減少 runtime dynamic casting 的時間。

Dynamic Streaming — Always show the best video possible with streams that can automatically adjust to changing network conditions.

RTMFP (Real Time Media Flow Protocol) — RTMFP provides a UDP-based secure network transport alternative to RTMP-over-TCP.

重點是:UDP (途中丟失幾個 packet 沒關係)跟全程加密

Speex Audio Codec — The new, higher fidelity Speex voice codec offers an alternative to Nellymoser for audio that delivers the lowest-latency audio experience possible.

終於換掉 Nellymoser 了啊..
wiki 上的資料 : 一開始就是針對 VoIP 設計,而非 telephony, Free software/open-source, patent and royalty-free

Dynamic Sound Generation — Dynamic sound generation extends the Sound class to play back dynamically created audio content through the use of an event listener on the Sound object.

看來 flex 版的 Logic Audio 不遠了啊…XD

Context Menu — Developers now have more control over what can be displayed in the context menu through the use of ActionScript APIs for common text field context menu items, supporting plain and rich text. The clipboard menu provides access to the clipboard in a safe and controlled way, and you can write handlers to paste text.

GB18030 Compliance — GB18030 is the latest character set mandated by the Chinese government for displaying text.

簡中wiki 的相關資料

一天之中接二連三的好消息,除了謝天,還能說什麼呢?呃,啊,還要感謝 m$,有你真好 XD

Add comment | by admin

flash player 10 “astro” 來了

In flex   May 15, 2008 - 1:55 pm

官網

下載

重要新功能整理:

3D Effects - Easily transform and animate any display object through 3D space while retaining full interactivity. Fast, lightweight, and native 3D effects make motion that was previously reserved for expert users available to everyone. Complex effects are simple with APIs that extend what you already know.

Custom Filters and Effects - Create your own portable filters, blend modes, and fills using Adobe® Pixel Bender™, the same technology used for many After Effects CS3 filters. Shaders in Flash Player are about 1KB and can be scripted and animated at runtime.

Advanced Text Layout - A new, highly flexible text layout engine, co-existing with TextField, enables innovation in creating new text controls by providing low-level access to text offering right-to-left and vertical text layout, plus support for typographic elements like ligatures.

Enhanced Drawing API - Runtime drawing is easier and more powerful with re-styleable properties, 3D APIs, and a new way of drawing sophisticated shapes without having to code them line by line.

Visual Performance Improvements – Applications and videos will run smoother and faster with expanded use of hardware acceleration. By moving several visual processing tasks to the video card, the CPU is free to do more.

File Reference runtime access — Bring users into the experience by letting them load files into your RIA. You can work with the content at runtime and even save it back when you are done through the browse dialog box

完整清單(release note):

* Creative Expression

o Custom Filters and Effects

o 3D Effects

o New Text Engine

o Text Layout Components

o Drawing API Enhancements

o Color Management

* Visual Performance Improvements

o GPU Compositing

o GPU Blitting

o Anti-Aliasing Engine (Saffron 3.1)

o Vector Data Type

* Rich Media

o Dynamic Streaming

o RTMFP (Real Time Media Flow Protocol)

o Speex Audio Codec

* Other Community Requested Enhancements

o File Reference

o Dynamic Sound Generation

o Large Bitmap Support

o Context Menu

o GB18030 Compliance

o Ubuntu OS Support

只能說,今早真是雙喜臨門啊啊啊啊~開始沸騰ing…XD

1 comment | by admin

Google map API for flash

In flex   May 15, 2008 - 9:49 am

Official blog

Download

終於出現了啊,好像我們還沒跳下去自已寫 map renderer.

目前看來應該是用 as3 寫的,因為在手冊裏有提到如何下載 flex sdk 來安裝這個 swc,至於它有無 open source 就不清楚了,至少頁面上找不到 svn path。

google 這一步真是意義重大,至少在台灣這個區域來說,想玩 flex + map mashup 的人只能選 G 牌(因為它支援台灣地圖),但之前只能用 iframe 之類的手法搞的很髒,現在有 native flash library 事情就容易多了,將來沒事就給它混搭一下…

comments(6) | by admin

小玩 FABridge 心得速記

In flex   May 12, 2008 - 3:06 pm

最近客戶的要求越來越刁鑽,先是出現 jQuery + flex 的案例,最近又來個 FABridge 的要求,這是代表客戶進步了還是大家開始走回頭路啊…

FABridge 的全名是 Flex-Ajax Bridge,簡單來說就是讓 flex 與 javascript 間的溝通更順暢,雖然以往這種事都是直接透過 ExternalInterface 就可做到,但有了 FABridge 後兩邊的 class 是互通的,type conversion (de/serialization)也是自動完成,因此方便許多。

使用方法很簡單

*Flex 部份

透過 IDE 右鍵勾選 Create Ajax Bridge… 就可自動建立需要的東西,包含
-as3 source path
-自動產生的 js mapping file
-<fab> tag

*html 部份

在 embed swf 的那頁要加入下面兩個 js.

<script src=”../src/bridge/FABridge.js” ></script>
<script src=”FABridgeSample.js” ></script>

其中 src/bridge/* 是共用的 FABridge library,另外那個 .js 就是 IDE 自動產生的 mapping file,兩者缺一不可。

兩邊都設定好後,就可以開始互相 call call 樂了 XD

然後接下來要想辦法搞定那個 jQuery:Jcarousel…

1 comment | by admin

remove, removed, removeFromStage 的差異

In flex   May 9, 2008 - 3:13 pm

remove:
mx.events.FlexEvent.REMOVE

removed:
flash.events.Event.REMOVED

removedFromStage:
flash.events.Event.REMOVED_FROM_STAGE

看到它們的 package name 應該就瞭了吧?

其中 remove 最好辨識,它是 mx.* 下面的事件,由 UIComponent 定義,簡單來說可規納為 framework event。

removed 與 removedFromStage 則是 flash.*,屬於 player level event,由 DisplayObject 內義,屬於系統事件。

使用上比較需要注意的差異在於:

removed: 只針對目前操作中的 DisplayObject 有作用

removedFromStage: 是會 ripple 的,例如一個 button 包在 box 裏,結果 box 被移除了,button 也會收到一個 removedFromStage event

至於 remove 太高階,很少理它(通常我都會在底層的地方就處理掉這些事了,輪不到 remove 發生了 XD )

ps. 舉一反三,add, added, addedToStage 也是一樣的道理,還有其它的嗎?

Add comment | by admin

Previous Posts

mobile phone