ドラきち回答ポイントなし

js版マリオのソース解析したところ画像ファイルが見つかりませんでした。

一体どうなっているのですか？

js版マリオ
http://www.nihilogic.dk/labs/mario/mario_large_music.htm

ログインして回答する

ベストアンサー

lang_and_engine2014/04/21 15:41:53

ご指摘の通り，画像部分はBASE64エンコードではなく，canvasへの独自データの描画でした・・・。

以下は詳細です。

Canvas要素を作っている関数。
一つ一つのキャラクターなど個別の動く要素を生みだしている。

>B=function(Ap,Ao,Aq,Al,An,Am){
>・・・
>var i=S("canvas");・・・i.getContext("2d").drawImage(Am,0,0)}

画像データを独自形式で格納している配列変数。

>AC=['・・・

APを介して変数zに格納。

>z=["",AP([5,4,0,3],AC[0]),AP([3,4,5,0],AC[1]),

APの中では，引数を独自解釈してcanvasで返している。

>AP=function(Am,i,c){var Ao=M(i);if(d){var Aq=S("canvas");var An=Aq.getContext("2d");var Ar=Aq.style;Ar.position="absolute";Ar.left=Ar.top=0;Ar.width=Ar.height=Aq.width=Aq.height=C;if(f[Am[0!=""){An.fillStyle="#"+f[Am[0;An.fillRect(0,0,C,C)}b(Am,Ao,An,c);return Aq}

スター
- 1件のコメントを見る
- ドラきち 2014/04/21 19:42:31
  
  回答ありがとうございます！
  
  しかしブラウザーでマリオができるとは昔は夢にも思っていませんでした。
  技術の進歩って凄いですよね。
  
  スター

その他の回答

lang_and_engine2014/04/21 12:54:07

BASE64エンコードして埋め込んでいます。

画像ファイルを，HTMLファイル内に埋め込み，１ファイルに統合する　（BASE64を使ってファイル数を減らす方法）
http://d.hatena.ne.jp/language_and_engineering/20140211/p1

スター
- 2件のコメントを見る
- TransFreeBSD 2014/04/21 13:40:39
  
  dataスキームじゃなくてcanpas要素で独自エンコードっぽいですよ。
  
  スター
- lang_and_engine 2014/04/21 15:39:32
  
  うわー。すみません。
  
  ソース内を見ると，dataエンコードは実際に使われていましたが，
  画像ではなく，MIDI音楽の部分でしたね。
  
  >data:audio/mid;base64
  
  画像についてはもう一つ別の回答に投稿いたします。
  
  スター

この質問へのコメント

コメントはありません

この質問への反応（ブックマークコメント）

質問の情報

登録日時: 2014-04-20 21:23:29
終了日時: 2014-04-21 19:42:46
回答条件: 1人20回まで

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問