Curl
 

Menu
 Chapter.1
 Chapter.2
 Chapter.3
 Chapter.4
 Chapter.5
 Chapter.6
 Chapter.7
 Chapter.8
 Chapter.9
 Chapter.10
 
 
■GIFアニメの追加

画面にアニメーションを表示するもっとも簡単な方法は、アニメーション全体を含むイメージファイルを
インポートすることです。
イメージアニメーションに使用されているもっとも一般的なイメージファイル形式はGIFです。
Curl言語では多くのファイル形式をサポートしていますが、アニメーションを格納できるのはGIFファイル形式だけです。
GIF形式を使用すると、1つのファイルにイメージのシーケンスを格納できます。
これは、アニメーションの各フレームが独立したイメージである動画によく似ています。
1つのフレームが一定の速度で次のフレームに変更されるとアニメーションになります。
アニメーションを表示するコードは次のようになります。

{ image source = {url "animation.gif } }



■HTMLと比べてみよう☆

<img src="img/animation.gif">
{ image source = {url "img/animation.gif } }

ボタンをクリックしてブラウザで確認してみてください。(^^)


■Curlでアニメーションを作ってみよう!

Curlでアニメーションを作成するコードは複雑ではありません。
GIFアニメーションと同じ効果をCurlで作ってみると下記のようになります。

{curl 6.0 applet}
{curl-file-attributes character-encoding = "shift-jis"}
{let f:Frame = {Frame width =120pt, height =120pt}}
{let cur-frame:int=1}
{value
{f.animate
interval=1s,
{on TimerEvent do
{f.add
replace?=true,
{image source =
{url "img/" & cur-frame & ".jpg"}
}
} {inc cur-frame}
{if cur-frame > 2 then set cur-frame=1}
}
}
f
}

使用する画像はあらかじめフォルダに入れておきます。
この場合、imgというフォルダの中に1.jpgから2.jpgまでの2枚の画像ファイルを入れておきます。

Chapter.2(Part.5)へ戻る
Chapter.3(Part.2)へ進む