Hatena::ブログ(Diary)

うえっ部

2012-05-24

つぶデコ 占い・診断 アニメーションの設定方法

つぶデコ 占い・診断 アニメーションの設定方法について紹介します。

作成した占いに少し動きを付けたい場合に活用してください。

今回は前回までに設定した漢字の結果を徐々に拡大させていく方法について紹介します。

1.{sp}タグの設定
f:id:akihiro_00:20120524102312j:image:w360
上記のように表示形式に{sp}タグを設定します。

{sp}タグはアニメーションのコマを区切るタグで
このタグで毎にアニメーションのコマが切り替わります。

2.各コマ毎のデコレーション設定
f:id:akihiro_00:20120524103153j:image:w360
f:id:akihiro_00:20120524104454j:image:w360
f:id:akihiro_00:20120524105224j:image:w360

デコレーションする文字1,2,3それぞれにデコレーションするコマを設定し
文字サイズ、文字カラーを変化させます。


3.アニメーションの動作設定
f:id:akihiro_00:20120524110412j:image:w360
コマの表示切替スピード、繰り返し回数、動作方法を設定できます。

動作方法は{sp}タグ以外を指定すると個別のデコレーションで指定された文字が動作対象となります。

4.動作確認
f:id:akihiro_00:20120524111825g:image
↑↑↑↑↑↑↑↑
画像をクリックすると動作イメージが確認できます。

背景画像等を指定してもアニメーション設定は可能です。

試してみてください。

2012-05-22

つぶデコ占い・診断 デコレーション設定

つぶデコ占い・診断のデコレーション設定について紹介していきます。

1.文字全体のデコレーション設定
f:id:akihiro_00:20120522092748j:image:w360

表示形式に設定した文字全体(診断結果全体)のデコレーション設定が可能です。
フォント、文字カラー、文字のサイズ、文字の表示位置、文字のぼかし設定などを行えます。

ここでは以下のように設定します。
f:id:akihiro_00:20120522111936j:image:w360

2.個別文字のデコレーション設定
f:id:akihiro_00:20120522112657j:image:w360
表示形式に設定した個々の文字についてデコレーションが可能です。
「{in}」や「{r1}」などタグも直接指定できます。

ここでは以下のように指定します。
f:id:akihiro_00:20120522112715j:image:w360

3.占い・診断結果

この設定により占い結果のイメージは以下のようになります。
f:id:akihiro_00:20120522113124j:image:w360


次回はアニメーションの設定について紹介していきます。

2012-05-21

つぶデコ占い・診断の作成方法

つぶデコ占い・診断のオリジナルのデコメ占いを作る方法について紹介していきます。
今回は名前を入力するとその人の特徴を漢字一文字で占う

「漢字一文字占い」

を作成していきます。


1.占い・診断作成をクリックする
f:id:akihiro_00:20120521094019j:image:w360
占い・診断作成をクリックします。

2.基本情報の設定
f:id:akihiro_00:20120521103324j:image:w360


作成する占いのタイトル・説明等基本情報を入力します。
「タイトル」と「説明」は必須項目です。


3.占い・診断内容の設定
f:id:akihiro_00:20120521111608j:image:w360

■占い結果に表示されるイメージを設定(青枠部分)します。
 「{in}さんの漢字{r1}」と入力します。
 「{in}」タグには占いをした人の名前が挿入されます。
 「{r1}」タグには赤枠部分で設定する占い内容が挿入されます。

■占い結果に表示される占いの内容を設定(赤枠部分)します。
 一文字の漢字を入力します。
 改行すると複数の診断内容を設定できます。


f:id:akihiro_00:20120529122701j:image:w360

■占いの抽出方法を設定します。
 診断内容を複数設定({r1}と{r2}など)した場合の抽出方法を設定します。
 診断内容をひとつだけしか設定していない場合は特に意識する必要はありません。
 今回はランダムを設定します。

■作成した占いの公開・非公開設定
 作成した占いを公開するか非公開にするか設定します。
 作成途中の場合などは非公開に設定します。

■作者名の公開設定
 作者名を占い結果に表示する・しないを設定できます。

■背景画像の設定
 占い結果に表示する背景画像を指定できます。
 ログインしている場合のみ設定可能です。


「確認する」ボタンをクリックすると占い結果のイメージが確認できます。


4.占い・診断結果の確認
f:id:akihiro_00:20120522092748j:image:w360

「結果を再確認」ボタンをクリックすると別の占い結果が切り替わります。
表示イメージを特にデコレーションしない場合はこのままま登録可能です。


長くなったので次回デコレーション方法について説明していきます。

2012-05-18

つぶデコ占い・診断をオープンしました

f:id:akihiro_00:20120518092420j:image:w360
つぶデコ占い・診断

できる事
オリジナルの占い・診断サイトを無料で作成することができます。
作成した診断をデコレーションできます。
他の人が作った占いをすることができます。

診断結果について
診断結果は入力した名前をもとにランダムに表示しています。
結果には何の根拠もありません。あくまでジョークです。

ブログのネタ作りや暇つぶしに利用してみてください。



詳細な利用方法や機能追加・変更等また報告していきます。