【質問】画像データの取り扱い方がわからないorz【ActionScript】

MoNoQLoREATOR · 投稿記事 by **MoNoQLoREATOR** » 14年前

答えてくれる方がいるのかはわからないけど、藁にもすがる思いで投稿！

Loaderを使って取得した画像データをBitmapで受取りたいのですが、

Error: 静的型 flash.display:DisplayObject の値が、関連しない可能性が高い型 flash.display:Bitmap に暗黙で型変換されています。
map = lo.content;

と言われてしまいます。何がいけないのでしょうか。参考書ではBitmapにLoader.contentを代入していましたが!?

↓以下ソース

► スポイラーを表示

bitter_fox · 投稿記事 by **bitter_fox** » 14年前

Bitmapクラスのインスタンスとして宣言されているのにBitmapクラスの親クラス(DisplayObjectクラス)のインスタンスを代入しようとしています。
この代入は不正ですので、as Bitmapとして明示的にキャストするか、DisplayObjectクラスのインスタンスと宣言すればいいのではないでしょうか？

MoNoQLoREATOR · 投稿記事 by **MoNoQLoREATOR** » 14年前

ありがとうございます。解決しました。しかし、自作の読み込み用関数を使用すると、読み込みは正常に完了しているようなのですが、画像が表示されません。

自作の読み込み用関数は、
.LoadGraph()で読み込む画像のパス(名前)と画像データを格納したいBitmap型オブジェクトを指定
↓
.Start()で完了後に呼び出す関数を指定して読み込み開始
↓
完了後の処理
という仕様です。

以下ソース

► スポイラーを表示

自作の読み込み用クラス

CODE:

package 
{
	import flash.display.Bitmap;
	import flash.display.Loader;
	import flash.events.Event;
	import flash.events.EventDispatcher;
	import flash.media.Sound;
	import flash.net.URLRequest;
	
	/**
	 * ...
	 * @author DefaultUser (Tools -> Custom Arguments...)
	 */
	public class MyLoader extends EventDispatcher 
	{
		public var aftPro:Function;	//全ての読み込みが終了した後に呼び出す関数の参照

		public var loadedNum:int = 0;				//読み込みが完了した数を示す
		public var reqGraNum:int = 0;				//読み込むべき数を示す
		public var reqGraNames:Array = new Array();	//読み込む画像名を記録
		public var graLoader:Loader = new Loader();	//これを使いまわして画像の読み込みを行う
		public var reqBitmaps:Array = new Array();	//データを格納するBitmap型オブジェクトの参照
		
		
		public function LoadedGraph(event:Event):void
		{
			reqBitmaps[loadedNum] = graLoader.content as Bitmap;
			loadedNum++;
			trace(loadedNum);	//Debug
			if (loadedNum  0) {
				graLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, LoadedGraph);
				graLoader.load(new URLRequest(reqGraNames[0]) );			
			}
			
		}
		
		public function LoadGraph(name:String, recBitmap:Bitmap):void
		{
			reqGraNames.push(name);
			reqBitmaps.push(recBitmap);
			reqGraNum++;
		}
		
	}
	
}

メイン

CODE:

package 
{
	import flash.display.Bitmap;
	import flash.display.Loader;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.net.URLRequest;
	
	/**
	 * ...
	 * @author DefaultUser (Tools -> Custom Arguments...)
	 */
	public class Main extends Sprite 
	{
		
		public var map:Bitmap = new Bitmap();
		
		public function comp():void
		{
			trace("comp");
			addChild(map);
		}
		
		public function Main():void 
		{
			if (stage) init();
			else addEventListener(Event.ADDED_TO_STAGE, init);
		}
		
		private function init(e:Event = null):void 
		{
			removeEventListener(Event.ADDED_TO_STAGE, init);
			// entry point
			
			var ml:MyLoader = new MyLoader();
			ml.LoadGraph("damy.png", map);
			ml.Start(comp);
			
			
			
		}
		
	}
	
}

bitter_fox · 投稿記事 by **bitter_fox** » 14年前

MoNoQLoREATOR さんが書きました:ありがとうございます。解決しました。しかし、自作の読み込み用関数を使用すると、読み込みは正常に完了しているようなのですが、画像が表示されません。

自作の読み込み用関数は、
.LoadGraph()で読み込む画像のパス(名前)と画像データを格納したいBitmap型オブジェクトを指定
↓
.Start()で完了後に呼び出す関数を指定して読み込み開始
↓
完了後の処理
という仕様です。

描画されない根本的な原因は
[codeAS3]

public var reqGraNames:Array = new Array(); //読み込む画像名を記録
public var graLoader:Loader = new Loader(); //これを使いまわして画像の読み込みを行う
public var reqBitmaps:Array = new Array(); //データを格納するBitmap型オブジェクトの参照

public function LoadedGraph(event:Event):void
{
reqBitmaps[loadedNum] = graLoader.content as Bitmap;
}

public function LoadGraph(name:String, recBitmap:Bitmap):void
{
reqGraNames.push(name);
reqBitmaps.push(recBitmap);
reqGraNum++;
}
[/code]
にあります。
このコードが行っている内容は(reqBitmapsの0個目の要素に注目した場合)
reqBitmapsの0個目の要素に引数のrecBitmapを代入して(LoadGraph)
reqBitmapsの0個目の要素にgraLoader.contentを代入しています。(LoadedGraph)
となり、結局recBitmapには何の変化も起きていません。
C言語が得意なら次のソースコードをイメージしていただければ問題点はすぐに理解できるでしょう。

CODE:


#include 

int main()
{
	int *array[5]; // MyLoaderのreqBitmaps
	int valueA[3] = {1, 2, 3}; // Mainクラスのmap
	int valueB[3] = {4, 5, 6}; // MyLoaderのgraLoader.content
	int counter;

	array[0] = valueA; // LoadGraph

	array[0] = valueB; // LoadedGraph

	// 画面にMainクラスのmapを描画
	for (counter = 0; counter < sizeof(valueA) / sizeof(*valueA); counter++)
	{
		printf("%d ", valueA[counter]); // 描画されるのは[4 5 6]ではなく[1 2 3]
	}

	return 0;
}

つまり、起っていることはただ単に配列の要素が変わっただけなのです。

あと、インターネット上でいろいろ調べるとBitmapではなくLoaderをaddChildの引数にしているものが多いのですが、Bitmapでないといけないのでしょうか？

ところで、カプセル化がまったくもって行われてないですよね？
カプセル化はオブジェクト指向でもかなり重要なポイントなのでしっかりと実践することをお勧めします。

bitter_fox · 投稿記事 by **bitter_fox** » 14年前

カプセル化・オブジェクト指向・イベント駆動を意識してちょっと書いてみました。参考になれば幸いです。
(ActionScriptには明るくないのでおかしい表現があれば適切に直してくださいw)

► スポイラーを表示

CODE:

package
{
	import flash.display.Bitmap;
	import flash.display.Loader;
	import flash.events.Event;
	import flash.events.EventDispatcher;
	import flash.net.URLRequest;

	public class BatchLoader
	{
		private var _list : Array;
		private var _batchInfo : EventDispatcher;
		private var _loadCount : int;
		private var _loadedCount : int;

		public function BatchLoader()
		{
			_list = new Array();
			_batchInfo = new EventDispatcher();
			_loadedCount = _loadCount = 0;
		}

		// この関数で読み込む物を登録、callbackは読み込みが完了したらBitmapを引数として呼び出される
		public function register(name : String, callback : Function) : void
		{
			_list.push(new Entry(name, callback));
		}

		// 読み込みの実行
		public function start() : void
		{
			// initイベントを発生させる
			_batchInfo.dispatchEvent(new Event(Event.INIT));

			_loadCount += _list.length; // 総読み込み数を加算

			// すべての登録された情報に対して読み込みを実行する
			while (_list.length != 0)
			{
				var entry : Entry = _list.shift();
				var loader : MyLoader = new MyLoader(entry);

				// completeイベントをすべての読み込みが終了した際に発生させる
				loader.loader.contentLoaderInfo.addEventListener(Event.COMPLETE,
					function(e : Event) : void
					{
						_loadedCount++; // 今現在の読み込みが完了した総数
						if (_loadedCount == _loadCount)
						{
							_batchInfo.dispatchEvent(new Event(Event.COMPLETE));
						}
					});
				loader.load();
			}
		}

		public function get batchInfo() : EventDispatcher
		{
			return _batchInfo;
		}
	}
}

class Entry
{
	private var _name : String;
	private var _callback : Function;

	// nameは読み込むデータのアドレス、callbackは読み込みが完了したらBitmapを引数として呼び出される
	public function Entry(name : String, callback : Function)
	{
		this._name = name;
		this._callback = callback;
	}

	public function get name() : String
	{
		return _name;
	}

	public function get callback() : Function
	{
		return _callback;
	}
}

import flash.display.Bitmap;
import flash.display.Loader;
import flash.events.Event;
import flash.net.URLRequest;

class MyLoader
{
	private var _entry : Entry;
	private var _loader : Loader;

	public function MyLoader(entry : Entry)
	{
		this._entry = entry;
		this._loader = new Loader();

		// 読み込みが完了したらcallbackを呼び出す
		_loader.contentLoaderInfo.addEventListener(Event.COMPLETE,
			function(e : Event) : void
			{
				_entry.callback(_loader.content as Bitmap);
			});
	}

	// 読み込む
	public function load() : void
	{
		_loader.load(new URLRequest(_entry.name));
	}

	public function get entry() : Entry
	{
		return _entry;
	}

	public function get loader() : Loader
	{
		return _loader;
	}
}

CODE:


package
{
	import flash.display.Bitmap;
	import flash.display.Loader;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.net.URLRequest;

	public class Main extends Sprite
	{
		private var map:Bitmap;

		public function comp(e : Event = null) : void
		{
			trace("comp");
			addChild(map);
		}

		public function Main():void
		{
			if (stage)
			{
				init();
			}
			else
			{
				addEventListener(Event.ADDED_TO_STAGE, init);
			}
		}

		private function init(e:Event = null):void
		{
			removeEventListener(Event.ADDED_TO_STAGE, init);
			// entry point

			var loader : BatchLoader = new BatchLoader();
			loader.register("map.png", function(bmp : Bitmap) : void{map = bmp;});
			loader.batchInfo.addEventListener(Event.COMPLETE, comp);
			loader.start();
		}
	}
}

MoNoQLoREATOR · 投稿記事 by **MoNoQLoREATOR** » 14年前

あらら、言われてみれば当たり前ですね。
イメージしにくいからやっぱりポインタがほしいw

呼び出し元でArray型オブジェクトをつくってその参照を渡し、そこにどんどんデータを放り込む仕様にしました。

それと、完了後にユーザー指定の関数を呼び出す方法をイベントを用いた方法に変更しました。
イベントを使って呼びだそうと思ってEventDispatcherクラスをextendsした所までは良かったのですが、「で、どうすんの？」となっていました。こちらからイベントを送出すればそれで良かったのですね。

bitter_foxさんのソースコードを読んでみたのですが、う～ん、どうも私には他人のソースコードを読み解く力がないみたいです。とりあえずMyLoaderクラスのメンバ変数をprivatにしてみました。

↓以下ソースコード

► スポイラーを表示

Main.as

CODE:

package 
{
	import flash.display.Bitmap;
	import flash.display.Loader;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.net.URLRequest;
	
	/**
	 * ...
	 * @author DefaultUser (Tools -> Custom Arguments...)
	 */
	public class Main extends Sprite 
	{
		public const DAMY:int = 0;
		
		public var map:Bitmap = new Bitmap();
		public var media:Array = new Array();
		
		public function comp(event:Event):void
		{
			trace("comp");
			addChild(media[DAMY]);
		}
		
		public function Main():void 
		{
			if (stage) init();
			else addEventListener(Event.ADDED_TO_STAGE, init);
		}
		
		private function init(e:Event = null):void 
		{
			removeEventListener(Event.ADDED_TO_STAGE, init);
			// entry point
			
			var ml:MyLoader = new MyLoader();
			ml.LoadGraph("damy.png");
			ml.addEventListener(Event.COMPLETE, comp);
			ml.Start(media);
			
			
			
		}
		
	}
	
}

MyLoader.as

CODE:

package 
{
	import flash.display.Bitmap;
	import flash.display.Loader;
	import flash.events.Event;
	import flash.events.EventDispatcher;
	import flash.media.Sound;
	import flash.net.URLRequest;
	
	/**
	 * ...
	 * @author DefaultUser (Tools -> Custom Arguments...)
	 */
	public class MyLoader extends EventDispatcher 
	{
		private var loadedNum:int = 0;				//読み込みが完了した数を示す
		private var reqGraNum:int = 0;				//読み込むべき数を示す
		private var reqGraNames:Array = new Array();	//読み込む画像名を記録
		private var graLoader:Loader = new Loader();	//これを使いまわして画像の読み込みを行う
		private var reqGraArray:Array;				//データを格納するArray型オブジェクトの参照
		
		public function LoadedGraph(event:Event):void
		{
			var bmap:Bitmap = new Bitmap();
			bmap = graLoader.content as Bitmap;
			reqGraArray.push(bmap);
			loadedNum++;
			trace(loadedNum);	//Debug
			if (loadedNum  0) {
				graLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, LoadedGraph);
				graLoader.load(new URLRequest(reqGraNames[0]) );			
			}
		}
		
		public function LoadGraph(name:String):void
		{
			reqGraNames.push(name);
			reqGraNum++;
		}
	}	
}

bitter_fox · 投稿記事 by **bitter_fox** » 14年前

MoNoQLoREATOR さんが書きました: 呼び出し元でArray型オブジェクトをつくってその参照を渡し、そこにどんどんデータを放り込む仕様にしました。

かなり強引な修正ですね・・・
Arrayのそういった使い方はかなり危険を導いたり本来の使い方じゃないのでやめるべきです。(間違えて別のオブジェクトを取得したり範囲外を参照したり・・・)
そういった強引な方法を使わずともスマートに実装できるように出来ています。

あと、MyLoaderはEventDispatcherとして働くのではなく画像の読み込みを行うクラスとして働くのでEventDispatcherを継承するのは問題があるように思います。
(親クラスと子クラスの関係は次のGRAMさんの回答が分かりやすいです。)
http://dixq.net/forum/blog.php?u=315&b= ... 5251#r5251

MoNoQLoREATOR さんが書きました:bitter_foxさんのソースコードを読んでみたのですが、う～ん、どうも私には他人のソースコードを読み解く力がないみたいです。とりあえずMyLoaderクラスのメンバ変数をprivatにしてみました。

ソースコード内で分からない点があったら聞いてくださいね、どういった意図があるのか答えますので。
それから、ほとんどのフィールドはprivateもしくはprotectedであるべきなのでMainクラスもカプセル化しておいてください。

var bmap:Bitmap = new Bitmap();の後すぐに別のBitmapを代入するのでnew Bitmap()は無駄な代入ではないですか？

MoNoQLoREATOR · 投稿記事 by **MoNoQLoREATOR** » 14年前

>>var bmap:Bitmap = new Bitmap();の後すぐに別のBitmapを代入するので
>>new Bitmap()は無駄な代入ではないですか？

たしかにそうですね。その下の
bmap = graLoader.content as Bitmap;
でデータをコピーするイメージだったのですが、bmapは参照を受け取っているだけなのですね。

う～む、ポインタが使えれば、｢これにデータを入れといてね！｣って言って面倒な処理を全て任せられるのに、す、すっきりしねー！でもしかたがない。代入処理は呼び出し元が持つことにします。

継承の話ですが、今回に限り継承した方がかなり楽だと思いますので、これはこれで良いのでは？

ちなみに画像データをLoaderではなくBitmapで受け取る理由は、「LoaderよりBitmapの方がメモリ食わないし、LoaderのメンバにはBitmapDataがない(?)ことが不便」だからです。今のところ大した意味はありません。

bitter_fox · 投稿記事 by **bitter_fox** » 14年前

MoNoQLoREATOR さんが書きました: 継承の話ですが、今回に限り継承した方がかなり楽だと思いますので、これはこれで良いのでは？

かなり楽とのことですが、フィールドでEventDispatcherを持った場合とを考えるとそんなに楽にはなってないのではないですか？

MoNoQLoREATOR さんが書きました:ちなみに画像データをLoaderではなくBitmapで受け取る理由は、「LoaderよりBitmapの方がメモリ食わないし、LoaderのメンバにはBitmapDataがない(?)ことが不便」だからです。今のところ大した意味はありません。

BitmapDataで気付いたんですけど、引数で渡されたBitmap(nullでないもの)のbitmapDataに読み込んだ画像(Loader#contentBitmap)のbitmapData(もしくはそれのクローン)を代入すればいいんじゃないでしょうか？

本当はbmp = loader.load("ファイル名")みたいに戻り値で受ける方法が望ましいですが、Loader#loadの呼び出し元がloadの終了を待たずに処理を続行するのであれば仕方がないですね・・・

あと、色々口うるさくてあれですがActionScript3のリファレンスを見るとメソッドの命名規則がローワーキャメルケースですよね？
MyLoaderのメソッドはそれに従ってないように思うのですが・・・

MoNoQLoREATOR · 投稿記事 by **MoNoQLoREATOR** » 14年前

>>BitmapDataで気付いたんですけど、引数で渡された
>>Bitmap(nullでないもの)のbitmapDataに読み込んだ
>>画像(Loader#contentBitmap)の
>>bitmapData(もしくはそれのクローン)を
>>代入すればいいんじゃないでしょうか？

はい、それは最初に思いついて、その後何度も挑戦しているのですがLoaderの中にbitmapDataが見つからないのです。ないはずはないと思うのですが・・・。しかたなく
Bitmap.bitmapData = Loader.content as BitmapData
としてみたのですが、画像は表示されませんでした。

↓こんな感じです

► スポイラーを表示

Main.as

CODE:

package 
{
	import flash.display.Bitmap;
	import flash.display.Loader;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.net.URLRequest;
	
	/**
	 * ...
	 * @author DefaultUser (Tools -> Custom Arguments...)
	 */
	public class Main extends Sprite 
	{
		public var damy:Bitmap = new Bitmap();
		
		public function comp(event:Event):void
		{
			trace("comp");
			addChild(damy);
		}
		
		public function Main():void 
		{
			if (stage) init();
			else addEventListener(Event.ADDED_TO_STAGE, init);
		}
		
		private function init(e:Event = null):void 
		{
			removeEventListener(Event.ADDED_TO_STAGE, init);
			// entry point
			
			var ml:MyLoader = new MyLoader();
			ml.LoadGraph("damy.png", damy);
			ml.AddEventListener(comp);
			ml.Start();
			
			
			
		}
		
	}
	
}

MyLoader.as

CODE:

package 
{
	import flash.display.Bitmap;
	import flash.display.BitmapData;
	import flash.display.Loader;
	import flash.events.Event;
	import flash.events.EventDispatcher;
	import flash.events.IEventDispatcher;
	import flash.media.Sound;
	import flash.net.URLRequest;
	
	/**
	 * ...
	 * @author DefaultUser (Tools -> Custom Arguments...)
	 */
	public class MyLoader
	{
		private var eveDis:EventDispatcher = new EventDispatcher(Event.COMPLETE as IEventDispatcher);
		private var acNum:int = 0;
		
		private var loadedNum:int = 0;					//読み込みが完了した数を示す
		private var reqGraNum:int = 0;					//読み込むべき数を示す
		private var reqGraNames:Array = new Array();	//読み込む画像名を記録
		private var graLoader:Loader = new Loader();	//これを使いまわして画像の読み込みを行う
		private var reqBitmaps:Array = new Array();		//ここに格納すべきBitmapの参照を与え、そこにデータを入れる
		
		public function LoadedGraph(event:Event):void
		{
			reqBitmaps[loadedNum].bitmapData = graLoader.content as BitmapData;
			loadedNum++;
			trace(loadedNum);	//Debug
			if (loadedNum  0) {
				graLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, LoadedGraph);
				graLoader.load(new URLRequest(reqGraNames[0]) );			
			}
		}
		
		public function LoadGraph(name:String, bmp:Bitmap):void
		{
			reqGraNames.push(name);
			reqBitmaps.push(bmp);
			reqGraNum++;
		}
		
		public function AddEventListener(func:Function):void
		{
			eveDis.addEventListener(Event.COMPLETE, func);
		}
	}	
}

>>ActionScript3のリファレンスを見るとメソ
>>ッドの命名規則がローワーキャメルケースですよね？
>>MyLoaderのメソッドはそれに従ってないように思うのですが・・・

つまり、メッソド名は小文字から始めないといけないということですか？

bitter_fox · 投稿記事 by **bitter_fox** » 14年前

MoNoQLoREATOR さんが書きました: はい、それは最初に思いついて、その後何度も挑戦しているのですがLoaderの中にbitmapDataが見つからないのです。ないはずはないと思うのですが・・・。しかたなく
Bitmap.bitmapData = Loader.content as BitmapData
としてみたのですが、画像は表示されませんでした。

Bitmap.bitmapData = (Loader.content as Bitmap).bitmapData;
ですね。

MoNoQLoREATOR さんが書きました: >>ActionScript3のリファレンスを見るとメソ
>>ッドの命名規則がローワーキャメルケースですよね？
>>MyLoaderのメソッドはそれに従ってないように思うのですが・・・

つまり、メッソド名は小文字から始めないといけないということですか？

そうですね。
極力コーディング規則・命名規則に従うべきです。
http://www.trick7.com/blog/2008/03/14-1 ... ons-Naming

		7月 2025
日	月	火	水	木	金	土
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

【質問】画像データの取り扱い方がわからないorz【ActionScript】

【質問】画像データの取り扱い方がわからないorz【ActionScript】

Re: 【質問】画像データの取り扱い方がわからないorz【ActionScript】

Re: 【質問】画像データの取り扱い方がわからないorz【ActionScript】

Re: 【質問】画像データの取り扱い方がわからないorz【ActionScript】

RE: 【質問】画像データの取り扱い方がわからないorz【ActionScript】

Re: 【質問】画像データの取り扱い方がわからないorz【ActionScript】

Re: 【質問】画像データの取り扱い方がわからないorz【ActionScript】

Re: 【質問】画像データの取り扱い方がわからないorz【ActionScript】

Re: 【質問】画像データの取り扱い方がわからないorz【ActionScript】

Re: 【質問】画像データの取り扱い方がわからないorz【ActionScript】

Re: 【質問】画像データの取り扱い方がわからないorz【ActionScript】