トップへ戻るニュースフォーラムFLASH-ML 過去ログBak@Flaダウンロードよくある質問と答
ログイン
ユーザ名:

パスワード:


パスワード紛失

新規登録
メインメニュー
メイン
   迷える子羊の部屋【初心者専用】
     トランプのカードをめくるように画像を切り替える
投稿するにはまず登録を

スレッド表示 | 古いものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
おおき
Åê¹ÆNo.39164
投稿日時: 2008-6-12 12:45
新米
居住地: 福岡
投稿: 10
使用環境:
Mac OSX,Flash cs3
Re: トランプのカードをめくるように画像を切り替える
mayor様

早速のお返事ありがとうございました!!
いやあ、実はこんなにシンプルなんですね。
でも、知識が無いと全く分からないものですね。

同じ動作でも色々な作り方があるし、基礎がなければ。。

本当にありがとうございます。
サンプルまで用意して下さって。

感謝しています。
ひろゆき
Åê¹ÆNo.39163
投稿日時: 2008-6-12 1:28
ちょんまげら
居住地: 東京砂漠
投稿: 4403
使用環境:
10.8.5

Flash Professional CS4/CS6/CC

Safari 6.1
Re: トランプのカードをめくるように画像を切り替える
スクリプトを理解されないまま進めようとしても、
混乱するだけだと思いますが。

サンプル2

card を6フレームにしたうえで、
第2フレーム以降に、写真を配置。
第1フレームに、表紙を配置。

openCard 関数内
	card.gotoAndStop(id+1);
に変更。

たったこれだけですね。


----------------
質問する際は、回答者に具体的な情報を与えてください。

おおき
Åê¹ÆNo.39162
投稿日時: 2008-6-12 1:16
新米
居住地: 福岡
投稿: 10
使用環境:
Mac OSX,Flash cs3
Re: トランプのカードをめくるように画像を切り替える
mayor様、その他の詳しい方

以前、ご指導頂いたムービーに追加したいものがあります。

この画像の初めに、表紙をつけたいのです。
表示されるのは初期表示のみで、サムネイルをクリックすると
その画像に切り替わり、その後は前回までに
教えてもらった通りの動きをさせたいと思っています。

表紙用の画像のムービークリップを作り01_mcというインスタンス名
を付けてます。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

_rootの現在のフレームの前にフレームを追加し、フレーム1とし、
前回作ったフレームをフレーム2とする。
初期表示が0_mcになるようにし、フレーム1のサムネイルのどれかをクリックすると、フレーム2に移動するようにアクションをつけたのですが・・・・・


ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

このようなやり方ではできないのでしょうか?

色々調べては見たものの、前回教えて頂いたスクリプト内に
追加で記述をしなければできなように思い、もう一度ご指導頂きたいと再度書き込みをさせて頂きました。


是非、教えて下さい。。

おおき
Åê¹ÆNo.38977
投稿日時: 2008-5-26 12:05
新米
居住地: 福岡
投稿: 10
使用環境:
Mac OSX,Flash cs3
Re: トランプのカードをめくるように画像を切り替える
で、できました!!!

なるほど、そういうことなんですね。

でも正直理解した上でできたわけでないのでなんだか
申し訳ないというか、、^^;

でも本当に助かりました。
これでやっと作業が進められます。

また何かありましたら、是非宜しくお願い致します。

ひろゆき
Åê¹ÆNo.38976
投稿日時: 2008-5-26 11:37
ちょんまげら
居住地: 東京砂漠
投稿: 4403
使用環境:
10.8.5

Flash Professional CS4/CS6/CC

Safari 6.1
Re: トランプのカードをめくるように画像を切り替える
_root が5フレームではありません。
_root は1フレームのみです。

_root にムービークリップ(インスタンス名: card) を配置。
その card が5フレームです。

なお、card に配置する画像は、その中心が、ムービークリップの基準点にくるように配置。


----------------
質問する際は、回答者に具体的な情報を与えてください。

おおき
Åê¹ÆNo.38974
投稿日時: 2008-5-26 11:25
新米
居住地: 福岡
投稿: 10
使用環境:
Mac OSX,Flash cs3
Re: トランプのカードをめくるように画像を切り替える
ひろゆきさま


お返事ありがとうございます。
まだよく理解していないので、正直質問しづらくて。。
すみません。

http://sennendo.s198.xrea.com/sample.html

上記urlのサンプルのようにしています。

動作は全くありません。


何が間違っているのでしょうか?


ひろゆき
Åê¹ÆNo.38973
投稿日時: 2008-5-26 2:51
ちょんまげら
居住地: 東京砂漠
投稿: 4403
使用環境:
10.8.5

Flash Professional CS4/CS6/CC

Safari 6.1
Re: トランプのカードをめくるように画像を切り替える
引用:
おおきさんは書きました:
・・なぜ、sampleのように動かないのか、まずは、この記述を読解できなければゴールへは辿り着けませんね、、

なぜ、サンプルのように動かないのか、の前に、
「上手く行かない」ではなく、「このようになっている」という説明が必要に思います。
エラーが出ているのであれば、具体的にエラー内容を、
全く動いていないのであれば、その旨を、
妙な動きをしているのであれば、その動きの説明を。


----------------
質問する際は、回答者に具体的な情報を与えてください。

おおき
Åê¹ÆNo.38972
投稿日時: 2008-5-26 1:21
新米
居住地: 福岡
投稿: 10
使用環境:
Mac OSX,Flash cs3
Re: トランプのカードをめくるように画像を切り替える
ひろゆき様


sample見せて頂きました。。

正直、喉から手が出る程そのflaファイルが欲しいです。。苦笑

しかし、自分でやってみないと憶えないぞ、と思い、
ひろゆきさんのいうように作ってみました。

引用:


_root に、ムービークリップ(インスタンス名: card, thumb1?thumb5) を配置。
card は、5フレーム。各フレームに、画像を配置して、stop();を記述。

for (var n:Number = 1; n <= 5; n++) {
	var _btn:MovieClip = this["thumb"+n];
	_btn.id = n;
	_btn.onRelease = function():Void {
		closeCard(this.id);
	};
}

var angle:Number = 10;
function closeCard(id:Number):Void {
	card.rotation = 0;
	card.onEnterFrame = function():Void {
		this.rotation += angle;
		var radian:Number = setDegreeToRadian(this.rotation);
		this._xscale = Math.cos(radian)*100;
		if (this.rotation >= 90) {
			this.rotation = 90;
			delete this.onEnterFrame;
			openCard(id);
		}
	};
}
function openCard(id:Number):Void {
	card.gotoAndStop(id);
	card.rotation = 90;
	card.onEnterFrame = function():Void {
		this.rotation -= angle;
		var radian:Number = setDegreeToRadian(this.rotation);
		this._xscale = Math.cos(radian)*100;
		if (this.rotation <= 0) {
			this.rotation = 0;
			delete this.onEnterFrame;
		}
	};
}
function setDegreeToRadian(degree:Number):Number {
	var radianToDegree:Number = 180/Math.PI;
	var angle:Number = degree/radianToDegree;
	return angle;
}



・・なぜ、sampleのように動かないのか、まずは、この記述を読解できなければゴールへは辿り着けませんね、、

ちょっと色々試して調べて考えてみます。

ありがとうございます。
おおき
Åê¹ÆNo.38971
投稿日時: 2008-5-26 1:11
新米
居住地: 福岡
投稿: 10
使用環境:
Mac OSX,Flash cs3
Re: トランプのカードをめくるように画像を切り替える
野中様

ちょんまげらというのが名前ではないということに今、気がつきました。。恥
失礼しました。

勉強させて頂きます。ありがとうございます。
(頭がかなり混乱してますが・・・)




ひろゆき
Åê¹ÆNo.38970
投稿日時: 2008-5-26 0:14
ちょんまげら
居住地: 東京砂漠
投稿: 4403
使用環境:
10.8.5

Flash Professional CS4/CS6/CC

Safari 6.1
Re: トランプのカードをめくるように画像を切り替える
アニメーション自体をスクリプトで処理してしまうという方法もあるかと思います。
参考まで。

サンプル

_root に、ムービークリップ(インスタンス名: card, thumb1?thumb5) を配置。
card は、5フレーム。各フレームに、画像を配置して、stop();を記述。

for (var n:Number = 1; n <= 5; n++) {
	var _btn:MovieClip = this["thumb"+n];
	_btn.id = n;
	_btn.onRelease = function():Void {
		closeCard(this.id);
	};
}

var angle:Number = 10;
function closeCard(id:Number):Void {
	card.rotation = 0;
	card.onEnterFrame = function():Void {
		this.rotation += angle;
		var radian:Number = setDegreeToRadian(this.rotation);
		this._xscale = Math.cos(radian)*100;
		if (this.rotation >= 90) {
			this.rotation = 90;
			delete this.onEnterFrame;
			openCard(id);
		}
	};
}
function openCard(id:Number):Void {
	card.gotoAndStop(id);
	card.rotation = 90;
	card.onEnterFrame = function():Void {
		this.rotation -= angle;
		var radian:Number = setDegreeToRadian(this.rotation);
		this._xscale = Math.cos(radian)*100;
		if (this.rotation <= 0) {
			this.rotation = 0;
			delete this.onEnterFrame;
		}
	};
}
function setDegreeToRadian(degree:Number):Number {
	var radianToDegree:Number = 180/Math.PI;
	var angle:Number = degree/radianToDegree;
	return angle;
}


----------------
質問する際は、回答者に具体的な情報を与えてください。

(1) 2 »
スレッド表示 | 古いものから 前のトピック | 次のトピック | トップ

投稿するにはまず登録を
 
Copyright (C) 2003 FLASH-japan. All rights reserved.
Powered by Xoops