Empfohlen
Weitere ähnliche Inhalte
Empfohlen
Empfohlen (20)
Html5 20101105
- 5. Smokescreen概要 <script type="text/javascript" src="js/smokescreen.js"></script> <script> function urlParam(name, _default) { name = name.replace(/[[]/,"[").replace(/[]]/,"]") var regexS = "[?&]" + name + "=([^&#]*)" var regex = new RegExp(regexS) var results = regex.exec(window.location.href) if (results == null) { return _default } else { return results[1] } } function embed(container, withSmokescreen) { var size = urlParam('size', 1) var url = 'swf/photo.swf' var width = 930 * size var height = 330 * size var params = {} if (withSmokescreen) { var name = 'msad' var element = document.getElementById(container) new Smokescreen(url, element, width, height, name, params) } else { swfobject.embedSWF(url, container, width, height, '9.0.0', null, params) } } </script> ◎Smokescreenの使いかた すみません、ここは何の処理をしているのか、解読でき ませんでした…。でも、無いと動きません。 “var url”にswffファイルのパス。 ”var width”と”var height”にサイズを設定。 そして、この関数に書き出したい部分のid名を 渡して読んであげると動く。 Smokescreenを読み込む
- 10. 今日明日にでもFlash→HTML5が必要な場合（リンク機能も含めて） ◎サンプルソース説明 <script type="text/javascript" src="js/smokescreen.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.svg.js"></script> <script type="text/javascript"> function newSvg() { var wrapper = $('#fljs').svg({onLoad: embed('fljs', true)}); }; function idCheck() { var svg = $("#fljs").svg('get'); for (i=0; i<6; i++) { var mcName = "mc" + i; if ($('#' + mcName)) { $($('#' + mcName).bind('click', svgClicked)); } } } function svgClicked() { var win = window.open(); win.location.href="http://www.google.co.jp/webhp?rls=ig"; } 以下、前に紹介したSmokescreenを呼び出す処理が続きます。 “SmokeScreen以外に”jquery”と”jquery.svg.js”を読み込む “.svg()”にSmokescreenを呼ぶ関数を渡す。 “Add Link”ボタンを押すと書き出されたSVG内のボタン部分に リンクを貼る処理。 ボタンを押された処理。
- 11. 今日明日にでもFlash→HTML5が必要な場合（リンク機能も含めて） ◎注意事項というか問題点 • とにかく、処理が重い！ • アニメーション中、書き出されたムービークリップのidはSmokescreenによってどんどん書き換えられるため 静止させた状態じゃないとうまくいない。 ちなみに、Action scriptが動かないためStopがかけられない。アニメーションの後に静止させて…と思っても このやり方では無理かと。 • 本当はloadされた時点でイベントをくっつけてあげたかったけど。Smokescreenの書き出し終了時を判定する材料がよく わからない。 まあ、ただの僕の技量の無さによる部分 が大きいだけかもしれません… もっとSVGの理解を深めて、上手いこと扱えればFlashを書き出しものを生かせるかもしれないし、HTML5におけるアニメー ションを楽しめるような気がします。もっと、よく勉強して出直します！ ご清聴ありがとうございました。