RealPix - Wipe!!

最終更新日:2006年11月29日

 

  1. ワイプの基本
  2. 4分割ワイプ
  3. ワイプ効果毎にハイパーリンク

1.ワイプの基本

 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!!



2.4分割ワイプ

 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!!



3.ワイプ効果毎にハイパーリンク

 RealPixファイルを記述します。(赤字は入力必須項目)
ワイプ効果のターゲット画像毎にハイパーリンクを設定

 ワイプ効果でのハイパーリンク設定は、フェードイン効果、クロスフェード効果と同様に各<wipe/>毎にurl属性を設定することが可能になります。
 詳細は、フェードイン効果クロスフェード効果をご覧ください。



 

トップページへ> <RealPixのトップへ

 

(C)Copyright 1998,2000 seagull's Home. All rights reserved