フラッシュの課題No.50

2020.01.27.07:00



 前回のピグの歩行にモーフィング処理させる

 為にParadrawより描画していますが、皆さんは

 どのように使われていますか?

 ここで小生のParadraw描画についてお話致します。

 先ず人物像全体を描くのはちょっと大変なので

 取り敢えず顔の一部の眉と目の描き方から始め

 ます。


 これらは眉と目に使用される部品とそれを元に

 したモーフィング処理用のパターン画像です。

 線画を含め各部品の画像は全て楕円を描く道具

 を使って画像の大きさに従い予めアンカー数を

 指定して、下絵に沿ってアンカーを配置してい

 ます。従ってパスを最適化することはしていま

 せん。




眉と目01


眉と目02


眉と目03


眉と目04


眉と目05



 次に上記の画像を元にしてピグの「眉と目」

 の「目玉の回し」、「怒る目」、「笑う目」、

 「泣く目」のそれぞれのアニメーション画像を

 JavaScriptで変換したフラッシュ動画を作成しま

 した。









フラッシュの課題No.49(アメーバーピグNo.8)

2020.01.20.07:00



 アメーバーピグのイベントゲームはこれまで

 挙げた部屋やカフェのある街や庭での作業以外

 にもまだまだ沢山ありますが、ここでこれまでの

 ピグのキャラクター画像についてご説明致します。

 先ず最初に部屋の中のピグ画像についてGif画像と

 それに使うPngファイルやフラッシュ画像とそれに

 使うPngファイルについてお話致します。


 これはゲーム中のピグの動きをGifcamで取得して

 歩行パターンの各コマの画像をPng形式に編集した

 ものです。



ピグA01 ピグA02 ピグA03 ピグA04 ピグA05



 次に上記の画像を元にしてアニメーション

 Gif画像とJavaScriptで変換したフラッシュ

 動画を作成しました。





ピグGifA01



 次にこれらのピグ画像をParadrawより描画した

 ものです。基本図を下書きにして描いたのですが、

 絵心が無くて余り上手く行きません。



ピグB01 ピグB02 ピグB03 ピグB04 ピグB05 ピグB06



 次に上記のParadraw画像を元にしてアニメーション

 Gif画像とJavaScriptで変換したフラッシュ動画を作成

 しました。

 フラッシュ画像の方はモーフィング処理している

 のでピグの歩行の動きが滑らかになっています。





ピグGifB01


フラッシュの課題No.48(アメーバーピグNo.7)

2020.01.13.06:50





 もう少しピグの庭でのイベントを続け

 ます。

 野菜や果物の栽培作業の他にも庭に置物

 を置いたり、色々な家具や工作物を作り

 部屋や庭に設置するなどの様々なイベント

 があります。また、空中庭園なども増設

 して庭を拡充して行くことも出来ます。

 その結果出来上がった庭園を一巡りして

 ご案内致しますので、ご覧下さい。







ピグの庭園を一巡り

それぞれのキャラクターの動きをご注目下さい。







フラッシュの課題No.47(アメーバーピグNo.6)

2020.01.06.06:50





 あけましておめでとうございます

 本年もよろしくお願いいたします

 さて、昨年からの続きのアメーバーピグの

 イベント第四弾です。

 ゲームイベントのアニメ画像をGifcamで

 取得して、その連番画像を一枚ずつ編集

 してpng画像に保存しているので、枚数

 も多くなり、容量も大きくなります。

 今回も残りのアニメ画像をすべて取り込む

 ことが出来ませんでした。







ピグの庭での畑づくり後半

今回はキャベツの収穫とラベンダーの摘み取りです。











 残りのピグの収穫イベントを別枠にて

 掲載します。

 goo blogでは、gif(アニメーションgif)

 jpg、pngのみの画像だけですが最大が

 15Mb迄のファイルをアップロード出来

 ます。

 そこから直接リンクを貼って表示出来

 るので、比較的大きなアニメーションgif

 を掲載するのには便利です。





薔薇の摘み取り

このgif画像だけで約1.8Mbあります。





薔薇の摘み取り





動物の世話

これは加工前のオリジナルのgif画像

これで約500Mbです。





動物の世話

プロフィール

chappychan2

Author:chappychan2
FC2ブログへようこそ!

最新記事
最新コメント
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR