Flashブログパーツ作り方：キテレツ荘編
投稿者： | カテゴリ モバイル, 日記 | 2009 年 3 月 7 日
どうも、私が、韋駄天太郎です。
パリクにさらにかぶせたところから入ってみました。
今回は前に作ったキテレツ荘のFlashブログパーツの作り方を紹介します。
めっちゃ簡単なのでこの機会にオリジナルのFlashブログパーツを作ってみてはいかがですか。
今回ActionScript2.0で制作しましたので（AS3がわからないので）AS3でやる人はその辺だけ変更してください。
まず、Flashでデザインをつくり、ボタン用にムービークリップ（以下MC）を作成。
今回はインスタンス名を“btn”としました。
必要であれば、そのMCにマウスオーバーしたときの処理などをいれてください。
タイムラインの1フレーム目に以下スクリプトを記述。
btn.onRelease=function(){
getURL(“javascript:void(jsfunction())”); // 【jsfunction】はJavascriptで用意するfunction名です
}
あとは書き出してFlash側は終了。
続きましてJavascriptファイルに下記スクリプトを記述して終了。
var code2 = ‘‘;
document.write(code2);
function jsfunction(){
document.body.innerHTML=document.body.innerHTML.replace(/です/g,’ナリ’);
さまざまなドメイン上で動作させてますのでallowScriptAccessプロパティの値はalwaysにしてください。（デフォルトはsameDomainかな？）
あとはdocument.body.innerHTML.replace(/です/g,’ナリ’);を増やしていってさまざまな言葉が変換されるようにしています。
あとは貼り付けるときのスクリプトは下記になります。
簡単だったと思いますけどどうですか？？
とはいいましても棟居真一郎さんと風の谷のかしこさんがつくったようなもんですが。。。
関連記事
- これに関係する記事はござーせん
なるほど！今度やってみる。
なるほど、javascriptに書いてある関数って、getURLで参照できるんですね～。
ブログパーツ作るときに利用しますわ～！
ふーぐーさん・棟居さん>サンプル作ったらぜひあげてください！
最初のFlash部分はas3で書くとこんな感じ。
はやく俺も試してみたい〜！
サンキュー韋駄天！
btn.addEventListener(MouseEvent.CLICK,func);
function func(mouseEvent:MouseEvent):void{
var string:String=”javascript:jsfunction()”;
var urlRequest:URLRequest = new URLRequest(string);
navigateToURL(urlRequest,”_self”);
}
一行しか手伝ってないかしこですがｗ
これ見てブログパーツ作り出したんですがイマイチ上手くいかない。
もうちょっとしたらくだんねーブログパーツあげてみますー！
すごい難しそうだと思ってたのに、こうやってみるとわかりやすいですね！
javascript初心者ですが、勉強のためチャレンジしてみます！
とんかさん＞AS3.0バージョンのご教授ありがとうございます！
もっとインタラクティグな感じでやったってください☆
かしこ＞その1行で悩んでたんですよ～
ネタ系ブログパーツ期待してます！
寺子屋さん＞ですよね、めっちゃ簡単なんですよ、これ◎
一個なんかつくってみたら意外にハマるかもなんでぜひチャレンジして公開してください！
[...] 第五位 Flashブログパーツ作り方：キテレツ荘編 by もーりー [...]