Shapes
- SWF shape アーキテクチャは、コンパクトで柔軟性をもち、スクリーンに素早く描画するようデザインされた。
- shapes は多くのベクター・フォーマットと同様、path と呼ばれる edges のリストで定義される。
- path は閉じられている(path の始点と終点がつながり形を閉ざす)事も、また、開いている(path が終点を閉じない stroke(筆の運び) を形成する)事もある。
- path は直線や曲線、'pen up and move'コマンドを混ぜこぜで持つかもしれない。
後者は繋がりのない複数の形を、ひとつの shape 構造で記述される事を許す (意味不明)- The latter allows multiple disconnected figures to be described by a single shape structure.
- fill style は path によって囲まれる領域の外観(appearance)を定義する。
- Fill styles は SWF ファイルフォーマットでサポートされ、color, gradient, bitmap image を含む。
- line style は path のアウトラインの外観(appearance)を定義する。
- The line style may be a stroke of any thickness and color.
- Most vector formats allow only one fill and line style per path.
- The SWF file format extends this concept by allowing each edge to have its own line and fill style.
- This can have unpredictable results when fill styles change in the middle of a path.
- The Adobe Flash authoring tool also supports two fill styles per edge, one for each side of the edge:
- FillStyle0 and FillStyle1. FillStyle0 should always be used first and then FillStyle1 if the shape is filled on both sides of the edge.
Shape overview
- shape は以下の要素で構成される。
- CharacterId
- A 16-bit value that uniquely identifies this shape as a ‘character’ in the dictionary.
- The CharacterId can be referred to in control tags such as PlaceObject.
- Characters can be reused and combined with other characters to make more complex shapes.
- Bounding box
- The rectangle that completely encloses the shape.
- Fill style array
- A list of all the fill styles used in a shape.
- Line style array
- A list of all the line styles used in a shape.
- Shape record array
- A list of shape records. Shape records can define straight or curved edges, style changes, or move the drawing position.
- NOTE
- Line and fill styles are defined only once and may be used (and reused) by any of the edges in the shape.
Shape example
- The following example appears to be a collection of shapes, but it can be described with a single DefineShape tag.
- The red circle, red square and green rounded-rectangle are closed paths.
- The curved line is an open path.
- The red square consists of all straight edges, the red circle consists of all curved edges, while the rounded rectangle has curved edges interspersed with straight edges.
- There are two fill styles, solid green and solid red, and two line styles, 1-pixel black, and 2-pixel black.
- The red circle and red square share the same fill and line styles.
- The rounded rectangle and curved line share the same line style.
- Here’s how to describe this example with the SWF file format.
Shape structures
Fill styles
Line styles
Shape structures
Shape records
Edge records
|
![[PukiWiki Plus!]](image/saitama.gif "[PukiWiki Plus!]")
