RealPix - Viewchange!!

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

  

  1. ズームイン&ブームアウト
  2. パン(視点移動)
  3. 画像縮小&画像拡大
  4. 画像移動

1.ズームイン&ズームアウト

 RealPixファイルを記述します。(赤字は入力必須項目)
画像全体をズームイン&ズームアウトする。

<imfl>
<head title="RealPix(tm) ビューチェンジ1"
  author="まゆぱぱ"
  copyright="(c)1998,1999 seagull's Home."
  timeformat="dd:hh:mm:ss.xyz"
  duration="14"
  bitrate="20000"
  height="240"
  width="320"
  url="http://www.eizou.info/"
  aspect="true"/>

  <!-- Assign handle numbers to images -->
  <image handle="1" name="img/pht_046.jpg"/>

  <!-- Effect images -->
  <fill start="0" color="white"/>
  <fadein start="1" duration="2" target="1"/>
  <viewchange start="4" duration="3"
        srcx="135" srcy="70" srcw="174" srch="130"/>
  <viewchange start="9" duration="3"
        srcx="0" srcy="0" srcw="320" srch="240"/>
</imfl>

<imfl>.....</imfl> => RealPixの始まりと終わりを指定。(必須)
<head .../> => ヘッダ情報を記述。(必須)
title="RealPix(tm) ビューチェンジ1" => 題名を指定。(日本語指定可能:sjisのみか?)
author="まゆぱぱ" => 作者名を指定。
copyright="(c)1998 ..." => 著作権情報を指定。
timeformat="dd:hh:mm:ss.xyz" => 時間フォーマットを指定。
duration="14" => 存続(継続)時間を指定。この場合、単位は秒。
bitrate="20000" => 最大転送レートを指定。単位はbps。(参照側の接続環境を考慮)
height="240"  width="320" => 表示する画面サイズを指定。単位はpixel。
url="http://www.eizou.info/" => 画面をクリックしたときに(ブラウザに)表示するWebサイトのURLを指定。
aspect="true" => 画面サイズに対して、画像サイズのアスペクト比を維持するか否かを指定。維持しない場合は「false」を指定。
  
<image handle="1" name="img/pht_046.jpg"/> => 表示する画像に番号を付与。エフェクト指定で使用する。
  
<fill/> => エフェクトなしで(背景)色を指定。
start="0" => 再生開始から指定色の表示開始までの時間を指定。
color="white" => (背景)色を指定。#rrggbbの16進数でも可。
  
<fadein/> => フェードインを参照。
  
<viewchange start="4" duration="3"
  srcx="135" srcy="70" srcw="174" srch="130"/>

 => 指定画像の左から135pixle、上から70pixleをポイントにし、幅:174pixle、高さ:130pixleの範囲にズームイン。(サンプルでは、ワイングラスにズームイン)
<viewchange start="9" duration="3"
  srcx="0" srcy="0" srcw="320" srch="240"/>
 => 画像全体にズームアウト。(画像全体を表示)

この内容を記述したファイルを拡張子.rpとして保存する。
これで、RealPixファイルは完成です。
RealAudio/RealVideoの場合と同様に、メタファイル(.ram)を作成しページへリンク設定。
このサンプルを再生する => Click Here!!



2.パン(視点移動)

 RealPixファイルを記述します。(赤字は入力必須項目)
画像全体をパン(視点移動)する。

<imfl>
<head title="RealPix(tm) ビューチェンジ2"
  author="まゆぱぱ"
  copyright="(c)1998,1999 seagull's Home."
  timeformat="dd:hh:mm:ss.xyz"
  duration="28"
  bitrate="20000"
  height="240"
  width="320"
  url="http://www.eizou.info/"
  aspect="true"/>

  <!-- Assign handle numbers to images -->
  <image handle="1" name="img/pht_046.jpg"/>

  <!-- Effect images -->
  <fill start="0" color="white"/>
  <fadein start="1" duration="2" target="1"/>
  <viewchange start="4" duration="3"
        srcx="0" srcy="0" srcw="160" srch="120"/>
  <viewchange start="9" duration="3"
        srcx="160" srcy="0" srcw="160" srch="120"/>
  <viewchange start="14" duration="3"
        srcx="160" srcy="120" srcw="160" srch="120"/>
  <viewchange start="19" duration="3"
        srcx="0" srcy="120" srcw="160" srch="120"/>
   <viewchange start="24" duration="3"
        srcx="0" srcy="0" srcw="320" srch="240"/>
</imfl>

<viewchange start="4" duration="3"
  srcx="0" srcy="0" srcw="160" srch="120"/>

 => 指定画像の左上部分にズームイン。
<viewchange start="9" duration="3"
  srcx="160" srcy="0" srcw="160" srch="120"/>
 => 画像右上にパン(視点移動)。表示サイズはそのままで。
<viewchange start="14" duration="3"
  srcx="160" srcy="120" srcw="160" srch="120"/>
 => 画像右下にパン(視点移動)。表示サイズはそのままで。
<viewchange start="19" duration="3"
  srcx="0" srcy="120" srcw="160" srch="120"/>

 => 画像左下にパン(視点移動)。表示サイズはそのままで。
<viewchange start="24" duration="3"
  srcx="0" srcy="0" srcw="320" srch="240"/>

 => 画像全体にズームアウト。(画像全体を表示)

この内容を記述したファイルを拡張子.rpとして保存する。
これで、RealPixファイルは完成です。
RealAudio/RealVideoの場合と同様に、メタファイル(.ram)を作成しページへリンク設定。
このサンプルを再生する => Click Here!!



3.画像縮小&画像拡大

 RealPixファイルを記述します。(赤字は入力必須項目)
画像全体を画像縮小&画像拡大する。

<imfl>
<head title="RealPix(tm) ビューチェンジ3"
  author="まゆぱぱ"
  copyright="(c)1998,1999 seagull's Home."
  timeformat="dd:hh:mm:ss.xyz"
  duration="14"
  bitrate="20000"
  height="240"
  width="320"
  url="http://www.eizou.info/"
  aspect="true"/>

  <!-- Assign handle numbers to images -->
  <image handle="1" name="img/pht_046.jpg"/>

  <!-- Effect images -->
  <fill start="0" color="white"/>
  <fadein start="1" duration="2" target="1"/>
  <viewchange start="4" duration="3"
        dstx="80" dsty="60" dstw="160" dsth="120"/>
  <viewchange start="9" duration="3"
        dstx="0" dsty="0" dstw="320" dsth="240"/>
</imfl>

<viewchange start="4" duration="3"
        dstx="80" dsty="60" dstw="160" dsth="120"/>

 => 表示画面中央に画像サイズ1/2に縮小。
<viewchange start="9" duration="3"
        dstx="0" dsty="0" dstw="320" dsth="240"/>
 => 表示画面全体に画像拡大。

この内容を記述したファイルを拡張子.rpとして保存する。
これで、RealPixファイルは完成です。
RealAudio/RealVideoの場合と同様に、メタファイル(.ram)を作成しページへリンク設定。
このサンプルを再生する => Click Here!!



4.画像移動

 RealPixファイルを記述します。(赤字は入力必須項目)
画像全体を画像移動する。

<imfl>
<head title="RealPix(tm) ビューチェンジ3"
  author="まゆぱぱ"
  copyright="(c)1998,1999 seagull's Home."
  timeformat="dd:hh:mm:ss.xyz"
  duration="14"
  bitrate="20000"
  height="240"
  width="320"
  url="http://www.eizou.info/"
  aspect="true"/>

  <!-- Assign handle numbers to images -->
  <image handle="1" name="img/pht_046.jpg"/>

  <!-- Effect images -->
  <fill start="0" color="white"/>
  <fadein start="1" duration="2" target="1"/>
  <viewchange start="4" duration="3"
        dstx="0" dsty="0" dstw="160" dsth="120"/>
  <viewchange start="9" duration="3"
        dstx="160" dsty="120" dstw="160" dsth="120"/>
</imfl>

<viewchange start="4" duration="3"
  dstx="0" dsty="0" dstw="160" dsth="120"/>

 => 表示画面左上に画像サイズ1/2に縮小。
<viewchange start="9" duration="3"
  dstx="160" dsty="120" dstw="160" dsth="120"/>
 => 表示画面右下移動。画像サイズはそのままで。

この内容を記述したファイルを拡張子.rpとして保存する。
これで、RealPixファイルは完成です。
RealAudio/RealVideoの場合と同様に、メタファイル(.ram)を作成しページへリンク設定。
このサンプルを再生する => Click Here!!



 

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

 

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