VOO-DOO-DOLLS
(リアルタイムに開発中)

ファイルのアップロードから公開

いよいよ基礎編のラストスパート。このページではファイルのアップロード~ブログパーツ公開の手順を説明します。


スクリーンセーバー用データの公開

スクリーンセーバー用のデータ公開は非常にシンプルです。

やり方はsetting.xmlとdoll.swfの入ったフォルダを、zip形式等で圧縮して公開するだけです。

ユーザーがこのフォルダを解凍して、スクリーンセーバーのインストールフォルダ内にあるdollsフォルダに設置すれば、スクリーンセーバーにドールが表示されるようになります。

ファイルのアップロード

ブログパーツとして公開する為にには、作成したファイルをアップロードする必要があります。

ファイルのアップロードには特別な手順はありません。あなたのウェブページに新しいディレクトリを作り、以下のファイルをアップロードします。


ブログパーツ貼り付け用コードの作成

ファイルのアップロードが終わったら、あなたのドールをブログパーツとして張るためのコードを作成します。貼り付け用コードの作成は、以下のコードジェネレーターに必要なパラメーターを入力するだけで簡単に作成できます。


To use code generator you need to install latest flash player.

コードジェネレーターのパラメータ

ジェネレーターの各値は以下のような意味を持ちます。

Blogparts URL
公開するブログパーツのblogparts.htmlのURLです。
横幅
ブログパーツの横幅(ピクセル)です。
縦幅
ブログパーツの縦幅(ピクセル)です。
ドール X位置
ブログパーツ内でのドールの横位置です。0~1の値が左端~右端に対応しています。
ドール Y位置
ブログパーツ内でのドールの縦位置です。0~1の値が上端~下端に対応しています。
ドール 縮尺
ドールの大きさです。1でディフォルトのサイズです。

出力されたコードについて

コードジェネレーターは「コード」「コード(表示用)」の2つの出力コードを作成します。「コード」タブのフィールドに出力されたコードを、HTMLにペーストすることでブログパーツを表示できます。


一方の「コード(表示用)」は、ブログパーツを使いたい人用に貼り付けコードそのものを表示する場合に使用します。

表示用のコードをHTMLにペーストすると、以下ようなコードのテキストフィールドが表示されます。

powered by

voo-doo-dolls.com

またこの表示用用コードのあるページのurlをsetting.xmlのblogpartsノードに書いておくと、ブログパーツの下部にあるblog thisボタンを押したときに、ページにジャンプするようになります。



これで基礎編は終了です。中級編ではドールに独自の関節を定義したり、動きを設定する方法を紹介していきます。