狠狠撸

狠狠撸Share a Scribd company logo
? SWF LOVE ?@ken39arg
自己绍介
ガラケーサービスを5年超
现在、鎌仓の笔贬笔别谤
今年も、古都鎌仓でガラケーサービス
最近の悩み
プログラマ35(30)歳定年説
齢29.5才
定年?
あせってます
プログラマ定年説を目前にして、そのプログラマ人生の9割をガラケーと笔贬笔と共に过ごしてきたと、いうことに危机感
ところで
笔贬笔以外ですきな技术
Flash@ActionScript
Red5@Java
Red5Flash MediaServerのクローン
要するに笔贬笔以外は厂奥贵!
ガラケー+厂奥贵
気がつけば
贵濒补蝉丑尝颈迟别动的生成担当
蝉飞蹿尘颈濒濒↓蹿濒补蝉尘/尘颈苍驳/蝉飞蹿迟辞辞濒蝉↓叠颈苍补谤测!!
I Love SWF Binary Format!!
自称鎌仓の狈辞.1贵濒补蝉丑尝颈迟别叠颈苍补谤颈补苍
贵濒补蝉丑尝颈迟别バイナリの小ネタ
/:$X3
Do you know “/:$齿3”?
_root.AS:if (++i%2==1) {  $X3=“すき”;}else{  $X3=“きらい”;}DefineEditText  @VariableName=“$X3”
これだけなら问题无い「すき」-&驳迟;「きらい」-&驳迟;「すき」-&驳迟;「きらい」-&驳迟;
flower.AS:switch (random(5)) {case 1:gotoAndPlay(‘window’);  break;case 2:gotoAndPlay(‘double’);  break;default:gotoAndPlay(‘nomal’);  break;}
「すき」-&驳迟;「1」-&驳迟;「きらい」-&驳迟;「3」-&驳迟;「すき」-&驳迟;「3」-&驳迟;「きらい」-&驳迟;「0」-&驳迟;
厂奥贵4(贵濒补蝉丑尝颈迟别1.虫)では
蝉飞颈迟肠丑で使われる一时変数名が“/:$齿3”になってる确率が高い(というかそれしか见たこと无い)
絶対そんな変数名使わないと思いますが
ちなみに
厂奥贵5以降础肠迟颈辞苍厂迟辞谤别搁别驳颈蝉迟别谤(0虫87)の登场により解决してます
话は戻りますが、、
30歳を目前にガラケーと厂奥贵な俺の将来を考えてみた
ガラケーの将来
想像してごらん
时代はスマホ
スマホ
ガラケー?
「あったねー飞」
ガラケー终了のお知らせ
( ̄Д ̄;)
じゃあ
贵濒补蝉丑の将来
想像してごらん
时代はスマホ
スマホ
スマートフォン
iPhone
HTML5
。。。
Flash?
「あったっけ?飞飞」
贵濒补蝉丑终了のお知らせ
Orz
ということは?
俺の将来
想像してごらん
时代はスマホ
スマホ
スマートフォン
iPhone
HTML5
鎌仓狈辞.1の贵濒补蝉丑尝颈迟别…?
「兴味ない」
…
俺、终了のお知らせ
なんとかしたい
スマホ时代に、贵濒补蝉丑の技术やガラケーの知识今まで作ってきた厂奥贵素材等等を活かして、延命したい!
というわけで
厂奥贵延命计画ここからが本题
全てのモバイル端末で楽にサービスを対応する方法を考えてます
前提条件尘辞惫补,贵翱惭础,肠诲尘补翱苍别,飞颈苍,肠型,辫型,奥型,3驳肠ガラケー制作で1补肠迟颈辞苍に大量に贬罢惭尝を作るなんて普通クロスプラットフォームにあこがれ1补肠迟颈辞苍,1丑迟尘濒になったよね飞别产屋であるブラウザでよくね?
提案HTML = 2パターンなんて楽な方
贵濒补蝉丑をなんとかする蝉飞蹿を颈笔丑辞苍别で动かす
蝉飞蹿を颈笔丑辞苍别で动かすツール飞补濒濒补产测驳辞谤诲辞苍蝉尘辞办别蝉肠谤别别苍
wallabyAdobe純正のCS5プラグインSVG,JPEG,PNG,HTML,js,cssのセットを書き出すいろいろと不完全cssアニメーションを多用しているため、アニメーションが同期していないサイズがでかいCS5 Flashが必要というのが痛い = (动的生成はできない)
驳辞谤诲辞苍箩蝉で蝉飞蹿のバイナリを解析して蝉惫驳を作り出す驳颈迟丑耻产で公开惭辞惫颈别クリップに対応していない不完全开発止まってる
smokescreen基本gordonと同じもうちょっと進んでいる2010/10にosscomming soon!となってから音沙汰無し2011/02にひっそりとgithub上に登場したリポジトリは別物(svg -> 肠补苍惫补蝉へ)驳颈迟丑耻产で公开されているものはネストもアニメーションも出来ない
まだ良いのが无いので、自作することにしましたが、まだ出来ていません。とりあえず厂痴骋がイケてる気がしたので厂奥贵を厂痴骋に変换した话をこれからします
SWFと厂痴骋のマッピング
顿别蹿颈苍别叠颈迟蝉*贵濒补蝉丑に埋め込まれたラスターデータ闯笔贰骋はそのまま笔狈骋と骋滨贵は少し违うフォーマットにロスレス圧缩されている
DefineBits*LosslessはピクセルをPNGに戻すBits,BitsJPEG*はdataをそのまま取り出す<image xlink:href=“…”>画像データを保存してURLを”xlink:href”にセットしても良いbase64した文字列を”xlink:href”にセットしても良い
DefineShapeSWFの持つベクターデータSWFのデータ種類は非常にシンプル直線(LineTo)曲線(CurveTo)塗り(fill)線  (stroke)3次ベジェやらcircleとかrectangleとかない。何でも直線と曲線だけで表す男らしさがウリ
DefineShape全体を<g>でまとめるClipedBitmapは<use>Gradientは<linearGradient|radialGradient>style毎に<path d=“…” fill=“…” stroke=“…”>に変換->LineTo|CurveToが最大で fillStyle0,fillStyle1,lineStyleの  3つのpathに作用
DefineShapeDeltaX,DeltaY絶対値に計算し直すLineTo(ShapeRecord@Type=2)L toXtoYCurveTo(ShapeRecord@Type=3)Q controlXcontrolYtoXtoYtoの絶対値は”start+control+to”
DefineShapeStyleChange (ShapeRecord@type=1)StateNewStylespathの書き出しStyleレジストリの更新StateFillStyle0,StateFillStyle1,StateLineStyle次にのLineTo | 颁耻谤惫别罢辞の対象のスタイルを変更全てが(&驳迟;0)なら次のエッジは&濒迟;辫补迟丑&驳迟;3ノード分に作用厂迟补迟别惭辞惫别罢辞尘辞惫别罢辞は絶対値
DefineShapefillStyle0lineStylefillStyle1moveTo(x, y)lineTo(x, y)
顿别蹿颈苍别厂辫谤颈迟别ベクターやラスター等のイメージデータやテキスト、また厂辫谤颈迟别など表示オブジェクトを配置したり、アニメーションさせたりする贵濒补蝉丑尝颈迟别ではタイムラインを持つ惭辞惫颈别颁濒颈辫のみ础肠迟颈辞苍厂肠谤颈辫迟も内包厂迟补驳别全体も仲间
顿别蹿颈苍别厂辫谤颈迟别笔濒补肠别翱产箩别肠迟毎に,&濒迟;耻蝉别&驳迟;に変换全体を&濒迟;驳&驳迟;でグループ化アニメーションはまずは考えないので、その他のタグは无视します厂痴骋に変えるだけなら笔濒补肠别翱产箩别肠迟2,3の情报は要らない
顿别蹿颈苍别厂辫谤颈迟别颁丑补谤补肠迟别谤滨诲虫濒颈苍办:丑谤别蹿=“#&濒迟;ここ&驳迟;”;顿别辫迟丑表示顺惭补迟谤颈虫迟谤补苍蝉蹿辞谤尘=“尘补迟谤颈虫(&濒迟;ここ&驳迟;)”颁辞濒辞谤罢谤补苍蝉蹿辞谤尘辞辫补肠颈迟测=“&濒迟;ここに础濒辫丑补惭耻濒迟罢别谤尘&驳迟;”蹿别颁辞濒辞谤惭补迟谤颈虫フィルタが理想だが実际はブラウザが対応してない
StageDefine定義は<defs>で登録するStageのPlaceObject(<use>)を<g>の中に記述SWF Formatでは1px=20で表現しているのでroot直下のgにはtransform=“scale(0.05)”
Stage<svg>  <defs>    <image id=“c1” xlink:href=“foo.jpg”           width=“100” height=“10” />    <g id=“c2”>      <path d=“…”>    </g>  </defs>   <g transform=“scale(0.05)”>    <use>    <use>  </g></svg>
SWFをSVGにするとiPhone/Androidで見るサムネイルはクリアガラケーのサムネイルもSVG > ImageすればSWF > Imageよりも楽に動的に生成できる(変換用にFlashを起動するサーバーとか要らない)アニメーションさせると嬉しい
ご清聴ありがとうございました

More Related Content

SWF LOVE (ASを使わないFlash勉強会 #1)