ソフトウェア設計及び演習2017 - GDK2017::アニメーション

GDK2017::アニメーション

archive mode

!!! アニメーション
!! 基本はパラパラ漫画
+ 背景を描く
+ スプライトを動かす
+ スプライトを描く
+ 1.にもどる

!! GDKでアニメーション
* タイムアウトと背景を設定する　[[GDK2017::タイムアウト]] [[GDK2017::背景]]<br>
((img anime_01.png))
** タイムアウトはgtk_main()でイベント待ち中に、一定の時間間隔で関数を呼び出す
** 背景はconfigure_eventのコールバックで設定
*** configure_eventはウィジェットが最初に作成されたときを含む、サイズが変更されたときに起こる

+ タイムアウトの発生　[[GDK2017::タイムアウト]]<br>
((img anime_02.png))
+ 背景でクリア　[[GDK2017::背景]]<br>
((img anime_03.png))
+ スプライトをドローイングエリアにコピー　[[GDK2017::スプライト]]　[[GDK2017::透明な画像]]<br>
((img anime_04.png))

!! サンプル

! ソースプログラムの所在 
* 以下のsvnのリポジトリ
** https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/animation/

! ファイルリスト
* [gtk_lib.h|https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/animation/gtk_lib.h] [gtk_lib.c|https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/animation/gtk_lib.c]
** [[GDK2017::概要]]で解説済
* [gdk_pixbuf_lib.h|https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/gdk_pixbuf/gdk_pixbuf_lib.h] [gdk_pixbuf_lib.c|https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/gdk_pixbuf/gdk_pixbuf_lib.c]
** [[GDK2017::GdkPixbuf]]で解説済
* [animation_lib.h|https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/animation/animation_lib.h] [animation_lib.c|https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/animation/animation_lib.c]
** animationのためのライブラリ．スプライトとか．
** 以前に中谷先生が作られたものを少し変更
** anime_pack構造体の理解が必要！
6<
8<
typedef struct {
  GtkWidget *drawing_area;  // スプライトを動かすフィールドに相当するドローイングエリア
  gint timeout;                      // アニメーションのタイムアウト（g_timeout_addの戻り値）．
                                          // g_timeout_addで設定した時間ごとに，drawing_areaにs_pixbufが描かれる
  GdkPixbuf *s_pixbuf;         // スプライト用のピクスバッファ
  gint s_width;                 // スプライト幅
  gint s_height;                // スプライト高さ
  gint x, y, dx, dy;            // スプライトの現在位置座標，ベクトル（次のタイムアウトで進む方向）
  gint s_timeout;               // スプライト自身がアニメーションするような場合のタイムアウト．回る地球とか
  GdkPixbufAnimationIter *iter; // s_timeoutを使う場合に用いるイテレータ
} anime_pack;
>8
>9
* [animation.c|https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/animation/animation.c]
** いろいろなアニメーションのサンプル．GDKでアニメーションgifを読む，ボールが動く，アニメーションgifが動く，キャラクターが動く，など．

!!  実行手順

8<
 # svnからexportする（実行した直下にanimationディレクトリができる）
 svn export https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/animation
 
 #持ってきたディレクトリに移動
 cd animation
 
 #make
 make
 
 #実行
 ./animation
>8

!! 参考
* my_animation_earth()の構造

((img my_animation_earth_09.png))

!! リンク

* [[GDK2017::概要]]

* [[GDK2017::GdkPixbuf]]

* [[GDK2017::イベント]]

Tag:

Attachment

New: append-tag

(download: 25113 bytes, at 2017/04/03 09:14:21 )
(download: 19875 bytes, at 2017/04/03 09:14:21 )
(download: 25636 bytes, at 2017/04/03 09:14:21 )
(download: 25203 bytes, at 2017/04/03 09:14:21 )
(download: 83616 bytes, at 2017/04/03 09:14:21 )
(download: 1529 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 1529 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 1547 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 1549 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 1553 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 1553 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 1553 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 2524 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 2760 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 2597 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 3511 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 3511 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 3511 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 3509 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 3565 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 3610 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 3612 bytes, at 2017/04/03 09:14:21 <frozen> )
(download: 3612 bytes, at 2017/04/28 15:07:26 <frozen> )

Syntax Help

URL Link

[text|http://example.com//] http://example.com/to{text}

Page Link

[[PageName]] [[text|PageName]] >>{PageName} >>{PageName}{text}

Image or Attachment

<<{filename} <<{filename}{text}

Text Decoration

'' Italic '' ''' Bold ''' '''' Large-font '''' `` Typewriter `` `?` Preformatted `?` __ Underline __ == Strike == == DEL =={ INS } ((br)) line feed

Special Letter

((amp)) & ((bq)) ` ((lt)) < ((gt)) > ((lp)) ( ((rp)) ) ((lb)) [ ((rb)) ] ((ll)) (( ((rr)) ))

Headline

!!!! site-name !!! section-name !! subsection-name ! subsubsectino-name << section-name >> <<< subsection-name >>> <<<< subsubsection-name >>>> >> Centering and Large-font <<

Itemize

* item1 ** item1-1 ** item1-2

Enumerate

+ item1 + item2 ++ item2-1

Table

|| 1-1 | 1-2 | 1-3 || 2-1 | 2-2 | 2-3

Description

:item ::description

Quotation

6< quotation >9

Preformatted text

8< preformatted-text >8

Edit