スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
web拍手 by FC2

おそうじアニメ裏舞台

先の記事でアニメーションGIFを使ったスチルを掲載したところ、
その動きを不思議に思った方がいらっしゃったので、ネタばらしです。



この手法は、下記の2記事の応用となります
●「慰められ隊士・斎藤一編【いんたーみっしょん】
●「【HTML】マウスを重ねると画像が変化する

今回用意したスチルはこの2枚です。
カメラは固定で、背景とシムは固定のまま、ライトのみON/OFFを切り替えてます。
ソフトクリームライトアニメ素材2 ソフトクリームライトアニメ素材1


① 2枚の素材から、総司の部分のみ切り取っておきます。
  それぞれを保存して 素材OFF1素材ON1 とします。

スチル配置  スチル切り抜き
素材OFF1 素材ON1


② 腕部分をそれぞれ切り抜き5度回転させ、元の画像に貼り付けます
   素材OFF2、素材ON2 とします。

5度回転
素材OFF2 素材ON2


③ 素材ON1,2で1つのGIFアニメデータを、
   素材OFF1,2で1つのGIFアニメデータを作っておきます。

ソフトクリームライトoffGIF ソフトクリームライトonGIF
GIFアニメを作るには、【Visual G++】などを使います。


④ できあがった2つのGIFアニメデータをサーバーにアップロードして、
   下記のhtmlを記述します。


<img src="OFFアニメのURL" onmouseover="this.src='ONアニメのURL';" onmouseout="this.src='OFFアニメのURL';"> 


⑤ できあがり。(オンマウスで画像切り替わります)


web拍手 by FC2

コメントの投稿

非公開コメント

Re: *-桜-*さん:定番のやりとり

> 総ちゃん
そりゃあ、、、いいことしてるフリして、
土方さんにイタズラをしてるんですよ。

たぶん、こんなかんじで。

近藤:お。総司。ライトの手入れか。
沖田:はい。少しでも屋台の売り上げに貢献できるように、綺麗にしておこうと思って。
近藤:そうかそうか。きっとここの屋台の売り上げが一番になるに違いないな。はっはっは。

土方:お、近藤さん、こんなとこで何やってんだ?
近藤:トシか。いま、総司が屋台のライトの手入れをしてくれてるんだ。
土方:ふーん。・・・って、おい、それ、オレのネクタイじゃねぇか!
沖田:え。そうだったんですか(棒)
近藤:いやいや、トシ。総司は手入れをしようと思っただけで、悪気はなかったんだ。許してやってくれ。
総司:そうですよ。知らなかったんです(棒)
近藤:ほら、総司もこう言っているじゃないか。
土方:んなわけあるかよ!
近藤:いかんぞ、トシ。人の善意を疑っちゃ。

みたいな定番のやりとりがあるんだろうなぁと。

あれ・・・

総ちゃん何してるのかなぁ~?

土方さんのネクタイでお掃除??笑

もー総ちゃん可愛い(〃ω〃)♪♪♪

Re: 秘密コメントの通行人様:らせんコマンド

興味深い情報 ありがとうございます。

メタセコでは、「らせんプラグイン」というものが提供されていますが、
【レジストしたメタセコならプラグインが使える】という制限があります。
私はもちろんレジストしてない限定版を使っていて、らせんプラグインが使えないため、
今回のような成型を行うことになりました(苦笑)

よその3Dエディタで、らせんコマンドの類が標準装備されている、というのは、
らせんアイテム成型をする準備段階で存じておりましたが、
まさか新たに3Dエディタの使い方覚えるのはなんだしなーと見送っておりました。

よもや、数値を入力するだけで作成できるとはwww
やり方まで調べておけばよかったんだよ~ん。

後ほど、何らかのソフトをインストールして試してみたく存じます。
アドバイスありがとうございました。

Re: saoさん:ただですむはずがない

> ネクタイ
ゲームに入ってたアイテムで、適当な布製品がなかったんですよ・・・。
で、ネクタイを持たせてみたら、
そういえばそんなネタがあったなぁと思い出した次第です。

総司がああいった「いいこと」をただでするわけがないんですよ。
たいてい何らかのウラがあると見るべきだとw

Re: ねこ軍師さん:onmouseover

> 進化
onmouseover というコードは以前から知っていたんですが、
静止画しか使えないと思っていたんですよ。
今回、アニメGIFを使ってみたら、いともあっさり動いてくれて嬉しかったです。


> 次に何を思いつくのか
ネタはいくつかあるんですよ。
デスクトップに・・・ひぃふぅみぃ・・・。

・アニメーションボックスを作る
・自販機オブを作る
・キャットタワーを作る

どれも、難易度が高すぎて手こずってますが・・・。
BHAV169個のうち、
どれが該当のブツなのかわかんねぇ(´Д`) とか呻いてます。

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

ちょ、ネクタイwww(ノ∀`)
良い子かと思いきや、それでこそお子様総司くんですね!!(´∀`*)
土方さんとのやり取り萌え禿げるかと思いましたw(ノ∀`)

ほんとにご親切な解説ありがとうございます♥

これからも楽しみにしてます!!ヽ(*´∀`)ノ

また楽しく進化してらっしゃいますね♪

お子様総司くんもソフトクリームもカワイイし、
解説も親切でありがたいです。

教授が次に何を思いつくのか、楽しみにしています。
Twitter

→ @gigo_misaki0218"
tumblr
< My Tumble Home >
    PIYO
    薄桜鬼
    最新記事
    最新コメント
    カテゴリ
    月別アーカイブ
  • Archives »
  • リンク
    当ブログはリンクフリーです。
    サイト名:GIGO(がべーじいん・がべーじあうと)
    URL:http://misaki0218.blog98.fc2.com/

    バナー画像は直リンク可能です。
    バナー画像URL:https://blog-imgs-47.fc2.com/m/i/s/misaki0218/banner.jpg

    カウンター
    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。