7jigen labs

今更ですが、Flex 4.5(4.5.0.20967)を触ってみました。sparkのコンポーネントとかモバイルコンポーネントとか追加されてます。対応Flash Playerは10.2以降との事です。

ベータ版時代の情報見てFlash DevelopでちょこっとAndroidアプリ作ろうと思ったんですがいろいろ仕様が変わってるようでなかなかコンパイル通らなかったｗ
Flash Developにはまだ4.5のintrinsicsが追加されてないのでコード補完は今のところ使えませんが以下のようにすればコンパイルは通りました。

クラス名が変更されてるようです。（他にもいろいろあるかも）
[Beta] MobileApplication -> [Release] ViewNavigatorApplication
[Beta] TabbedMobileApplication -> [Release] TabbedViewNavigatorApplication

コンパイラオプション( frameworks/airmobile-config.xml を使用するようです　）
+configname=airmobile

AIR設定xml [ application.xml　] ( AIR 2.6じゃないと駄目っぽい )
application xmlns=”http://ns.adobe.com/air/application/2.5″
-> application xmlns=”http://ns.adobe.com/air/application/2.6″

これで一応コンパイルは通るようですが、実機で動くかは未確認。

ViewクラスってのがAndroidのActivityに該当するような感じでpushとかpopとかでView間を渡り歩いてついでにパラメータ渡したりできます。

でかいモデルデータ格納はPersistenceManagerっていういかにもなネーミングのクラスがあってそれを使って格納したり取り出したりしていくようです。名前の割りにはこのクラスはSQLiteにデータを保存するわけではなく、FlashらしくLocalSharedObjectに保存するようです。

またView起動時はバックボタンで戻った場合でもviewActivateっていうイベントが発行されるようなのでAndroidより設計が楽そうです。ただAndroidみたいにintentが使えないので非アクティブなViewのデータを書き変えたりできないっぽいです。

モバイル用のクラスはmobilecomponents.swcってのにまとめられてます。

まだあんまり触ってないのでもうちょっといろいろやってみようと思います。

[ 補足 ] Flash Develop 4 アルファ版を使うとコード補完にも対応するみたいです。

admin ActionScript3, Air, Android, Flash, Flex

Facebookでfxgデータをシェアできるアプリです。

Facebook app that can edit and share fxg files.
fx editor

admin ActionScript3, Flash, Flex

wonderflでFXG Editorの出力をいくつか検証してみました。

http://fxgeditor.7jigen.net/gallery/parse/7

http://fxgeditor.7jigen.net/gallery/parse/11

今のところMaskのパースに若干問題あるようです。（なんかGroup内に入れないとコンパイルできないみたい）　→そのうち直します。 直りました

他にもコンパイルエラーがでたら教えてください。

コードパネルを開いてMXMLタグボタンを押すとMXMLのコードに変換されるので、それをそのままwondorflのエディタに貼り付ければ画像が出力されるはずです。

admin ActionScript3, Air, Flash, Flex

SVG Editor を若干変更してFXG Editorにしてみました。

http://fxgeditor.7jigen.net/

Flex SDKを使えばそのままmxmlタグの中に入れてコンパイルできます。
（テキスト部分はTLFを使っているので同様にレンダリングされないかもしれません。）
Flex4にcontextMenu絡みのバグがあるので右クリックが利かない場合があります。　← 直りました。

Filterはこっちの方がたくさんつかます。

Made the FXG Editor from the SvgEditor with a little changes.

Flex SDK should be able to compile the exported FXG tags by placing the code inside a mxml.
( Not sure about the text rendering though. This one just parse the text with TLF. )
And because of the contextMenu bug of the Flex 4, the right click menu may not work properly. Fixed.

This has more filter capabilities than SVG Editor.

admin ActionScript3, Air, Flash, Flex

SVG Parser を FXG Parser に書き換えてみました。

こちらからどうぞ。
http://www.libspark.org/wiki/seven/fxgparser

Runtime FXG Parser is available from here.

admin ActionScript3, Air, Flash, Flex

http://www.youtube.com/watch?v=DtKfIggiTAw

admin ActionScript3, Air, Flash, Flex

Svg EditorのAir版です。
こちらはローカルのsvgファイルを読み込んで編集できます。
Air 1.5.3以上が必要です。
↓のアイコンクリックでインストールできます。

ダイレクト・ダウンロード

オンライン版

こちらもSpark Projectで公開しています。
http://www.libspark.org/wiki/seven/svgeditor
http://www.libspark.org/browser/as3/SvgEditor

admin ActionScript3, Air, Flash, Flex

前に作ったSVG Parserに無理やりエディット機能を実装してみました。
SVG Editor

今のところSVGデータを読み込んで、それを編集する機能しかありませんが、もうちょっと編集やプリミティブの機能を実装しようと思います。
変形させて移動させると選択されたアイテムが飛んでいってしまうバグがありますｗ　なおりました！

お絵かき掲示板用というよりは、web2.0だったか4.0だったか忘れましたが（笑） そんな感じでホワイトボード機能的にベクターデータを使いまわして一つの画像をユーザー間で共有して編集するとかの利用に適した、その辺のサービスに簡単に実装できるライブラリにしようかと思います。
（テキストはオンラインで簡単に編集できるけど、画像は共有はできても元データの編集はできないので、この手のサービスにはベクター使いたい場合が多いと思います。）

SVGなら最近の適当なブラウザでそのまま見られるので、SVGベースにしてみましたが、FXGが普及したらそっちでもうちょっと高機能なのを作ろうと思います。実装しやすそうだし。

admin ActionScript3, Flash, Flex, 未分類

Inkscapeで出力されたSVGをパースしやすいパーサを作りました。
Spark Projectで公開してますので、SVNでダウンロードしてください。

http://www.libspark.org/wiki/seven/svgparser
http://www.libspark.org/browser/as3/SvgParser

admin ActionScript3, Flash, Flex

今更ですが前作ったMathDisplayにルートの表示を追加しました。

( たまにレイアウトがずれるかも )

分数表示は<fract>から<frac>に変更しました。
ルートは<sqrt>です。

xml表示用サンプル

ダウンロード → packed_sample0_2.zip

admin ActionScript3, Flash, Flex