最終更新日:2006年11月29日
RealPixファイルを記述します。(赤字は入力必須項目)
画像全体をワイプする。
<imfl> <head title="RealPix(tm) ワイプ1" author="まゆぱぱ" copyright="(c)1998,1999 seagull's Home." timeformat="dd:hh:mm:ss.xyz" duration="30" bitrate="20000" height="240" width="320" url="http://www.eizou.info/" aspect="true"/> <!-- Assign handle numbers to images --> <image handle="1" name="img/pht_045.jpg"/> <image handle="2" name="img/pht_046.jpg"/> <!-- Effect images --> <fill start="0" color="white"/> <fadein start="2" duration="3" target="1"/> <wipe start="7" duration="4" target="2" type="normal" direction="right"/> <wipe start="13" duration="4" target="1" type="normal" direction="down"/> <wipe start="19" duration="4" target="2" type="push" direction="left"/> <wipe start="25" duration="4" target="1" type="push" direction="up"/> </imfl> |
<imfl>.....</imfl> => RealPixの始まりと終わりを指定。(必須)
<head .../> => ヘッダ情報を記述。(必須)
title="RealPix(tm) ワイプ1" => 題名を指定。(日本語指定可能:sjisのみか?)
author="まゆぱぱ" => 作者名を指定。
copyright="(c)1998 ..." => 著作権情報を指定。
timeformat="dd:hh:mm:ss.xyz" => 時間フォーマットを指定。
duration="30" => 存続(継続)時間を指定。この場合、単位は秒。
bitrate="20000" => 最大転送レートを指定。単位はbps。(参照側の接続環境を考慮)
height="240" width="320" => 表示する画面サイズを指定。単位はpixel。
url="http://www.eizou.info/" => 画面をクリックしたときに(ブラウザに)表示するWebサイトのURLを指定。
aspect="true" => 画面サイズに対して、画像サイズのアスペクト比を維持するか否かを指定。維持しない場合は「false」を指定。
<image handle="1" name="img/pht_045.jpg"/> => 表示する画像に番号を付与。エフェクト指定で使用する。
<fill/> => エフェクトなしで(背景)色を指定。
start="0" => 再生開始から指定色の表示開始までの時間を指定。
color="white" => (背景)色を指定。#rrggbbの16進数でも可。
<fadein/> => フェードインを参照。
<wipe/> => ワイプのエフェクト指示。
start="7" => 再生開始からワイプ表示開始までの時間を指定。
duration="3" => ワイプに費やす時間。
target="2" => ワイプする画像番号を指定。<image/>で指定したもの。
この場合img/pht_046.jpgになる。
type="normal" => ワイプの形式を指定。
『normal』は、元の画像を固定したまま新しい画像を上書きする。
『push』は、元の画像を押し出すように新しい画像をワイプする。
direction="right" => ワイプの画像チェンジ方向を指定。
『left』は、右から左へ。
『right』は、左から右へ。
『up』は、下から上へ。
『down』は、上から下へ。
この内容を記述したファイルを拡張子.rpとして保存する。
これで、RealPixファイルは完成です。
RealAudio/RealVideoの場合と同様に、メタファイル(.ram)を作成しページへリンク設定。
このサンプルを再生する => Click Here!!
RealPixファイルを記述します。(赤字は入力必須項目)
画像4分割してワイプする。
<imfl> <head title="RealPix(tm) ワイプ2" author="まゆぱぱ" copyright="(c)1998,1999 seagull's Home." timeformat="dd:hh:mm:ss.xyz" duration="11" bitrate="20000" height="240" width="320" url="http://www.eizou.info/" aspect="true"/> <!-- Assign handle numbers to images --> <image handle="1" name="img/pht_045.jpg"/> <image handle="2" name="img/pht_046.jpg"/> <!-- Effect images --> <fill start="0" color="white"/> <fadein start="2" duration="3" target="1"/> <wipe start="2" duration="2" target="1" type="push" direction="right" srcx="0" srcy="0" srcw="160" srch="120" dstx="0" dsty="0" dstw="160" dsth="120"/> <wipe start="4" duration="2" target="1" type="push" direction="down" srcx="160" srcy="0" srcw="160" srch="120" dstx="160" dsty="0" dstw="160" dsth="120"/> <wipe start="6" duration="2" target="1" type="push" direction="left" srcx="160" srcy="120" srcw="160" srch="120" dstx="160" dsty="120" dstw="160" dsth="120"/> <wipe start="8" duration="2" target="1" type="push" direction="up" srcx="0" srcy="120" srcw="160" srch="120" dstx="0" dsty="120" dstw="160" dsth="120"/> </imfl> |
<wipe start="2" duration="2"
target="1" type="push" direction="right"
srcx="0" srcy="0" srcw="160"
srch="120"
dstx="0" dsty="0" dstw="160"
dsth="120"/> => 画像左上を画面左上に左から右へワイプ。
<wipe start="4" duration="2"
target="1" type="push" direction="down"
srcx="160" srcy="0" srcw="160"
srch="120"
dstx="160" dsty="0" dstw="160"
dsth="120"/> => 画像右上を画面右上にから下へワイプ。
<wipe start="6" duration="2"
target="1" type="push" direction="left"
srcx="160" srcy="120" srcw="160"
srch="120"
dstx="160" dsty="120" dstw="160"
dsth="120"/> => 画像右下を画面右下に右から左へワイプ。
<wipe start="8" duration="2"
target="1" type="push" direction="up"
srcx="0" srcy="120" srcw="160"
srch="120"
dstx="0" dsty="120" dstw="160"
dsth="120"/> => 画像左下を画面左下に下から上へワイプ。
この内容を記述したファイルを拡張子.rpとして保存する。
これで、RealPixファイルは完成です。
RealAudio/RealVideoの場合と同様に、メタファイル(.ram)を作成しページへリンク設定。
このサンプルを再生する => Click Here!!
RealPixファイルを記述します。(赤字は入力必須項目)
ワイプ効果のターゲット画像毎にハイパーリンクを設定
ワイプ効果でのハイパーリンク設定は、フェードイン効果、クロスフェード効果と同様に各<wipe/>毎にurl属性を設定することが可能になります。
詳細は、フェードイン効果、クロスフェード効果をご覧ください。
<トップページへ> <RealPixのトップへ>
(C)Copyright 1998,2000 seagull's Home. All rights reserved