ぽむふも日記

　
サンプルソースを　コピってきただけ　

これを　いかにして　オリジナルっぽく見せるか　

それこそが　最重要課題！　　よ　　　ホホ　(^_^メ)　

その第１歩　として　背景と　キャラ？　を　

ペイント　＋　エクセル　で　作ってみた　


　


それっぽく　なったじゃない？

背景と　画像を　差し替えただけ　だけど　(*^。^*)

ここから　スタート　だ

中央付近の　赤く丸い物体は　リンゴ　

さて　このリンゴ　このあと　いったい

どうなるのでしょうか　？　
　
　　　　　　　　　　　　　

　
ゲームアプリを作ろうと　暗中模索の日々　・・・　

ソースにちょっと手を加えたりすると　もう

ERR　ＥＲＲ　ＥＲＲ　・・・・・・・・　　＼(◎o◎)／！　

それを乗り越えたと思ったら　

キャラクターのくまが　想定外のワープをしたり　　ひゃ！

解らないこと　だらけだ　

それでも　そろそろ　着工したいなぁ　

いつも同じ画面だしー

ＳＴＡＲＴ　って　表示したいわあ

と　手を加えたら　

ＥＲＲ＿ＦＩＬＥ＿ＮＯＴ＿ＦＯＵＮＤ　・・・・・・・・・
ＥＲＲ＿ＦＩＬＥ＿ＮＯＴ＿ＦＯＵＮＤ　・・・・・・・・・
ＥＲＲ＿ＦＩＬＥ＿ＮＯＴ＿ＦＯＵＮＤ　・・・・・・・・・
ＥＲＲ＿ＦＩＬＥ＿ＮＯＴ＿ＦＯＵＮＤ　・・・・・・・・・
ＥＲＲ＿ＦＩＬＥ＿ＮＯＴ＿ＦＯＵＮＤ　・・・・・・・・・
ＥＲＲ＿ＦＩＬＥ＿ＮＯＴ＿ＦＯＵＮＤ　・・・・・・・・・
　
ずらー　っとね　こんなのだったか　出たよん　　

ファイルがないぞ！　ということなのかね？

入れたんだけどな　？？？

なんでだ？　　困ったときに　助けてもらってる

初心者によるブログの勉強のためのブログ　様
　　　　　　blog.livedoor.jp/kamikaze_cyclone/

のページに　いってみた　
　
書かれていそうなページ　・・・　ＵＩ　・・・
見つけた

さあ　何が違う　どこが違う？
しばらく眺めていて　やっと気づいたよ　

しまうフォルダが　違ってたのさ

思い込みで　別のフォルダに入れてたわけよ

さ　気を取り直して　再チャレンジだヲ





　　　　やったぜよ　　　＼(^o^)／

　　　　やっと　始まった　

画面をクリックすると　くまが走るよ
私のパソコン上で　だがな

　　

　
３枚の画像を使って　くまが歩いているように　見せたくて
頭　使った　私の頭　　(＠_＠;

どの順番に　表示すれば　そう見えるのか？

０ 番　 直立　
２ 番　 腕がちょっと上がって　
１ 番　 腕９０度

え〜と　　０−２−１−２−０−２−１−２−０−２−１−２−　・・・・・・・

どうすれば　この順に　表示できるのでしょうか？

めんどくさいよ　(>_<)

０−１−２−０−１−２−　・・・　って　これでいいかと妥協して
ほかの用事で　公式ドキュメントを　見に行ったら

何だ　あるじゃん！！

sprite.frame
" 数値の配列が指定された場合、それらを毎フレーム順に切り替える "

こんな　使い方もあるのか〜
これを　あの数字に変えたらいいんだね　＼(^o^)／

めでたく　くまは歩いて　・・・　走っています。

反転は　「　初心者によるブログの勉強のためのブログ　」様
　　　　　　　enchant.js を用いたゲーム制作
で　教えてもらいました。

さっそく試したら　





左　向いたぜよ

でっも〜　それっきり

右に方向を変えても　左を向いたままになってしまった。

う〜む　(-_-;)
　　

　
危なかった　　(＠_＠;)　

あっちの世界に　引きづりこまれそうになりました。

オブジェクト
プロパティ
メソッド　・・・・・・

構文
演算子　・・・・・

配列
関数　・・・・・

引数
変数　・・・・・

にゃは　＼(◎o◎)／！

ざ〜っと　　読んだ　苦しかったー


足し算と　引き算の　やり方　
条件分岐の　 if　と　switch　　
繰り返し文　do while
　　　　　　　 for

役に立ちそうなの見つけたので　
これくらいで　許してよ〜　(>_<)

function は難しいなー

えぇい　あとは　なるがままー！


　
　
毎回　同じような　写真だけど　細部が違うのさ

この　くまは　マウスで　右なり　左なりを　クリックすると　
そっち方向に　移動するのです。

これを基にして　今度は　上に移動　下に移動
画像の反転　画像のアニメーション化　と
いう具合に　いじってみようと考えています。
　
キャラを　動かす練習かな
ゆっくりと　一歩ずつ　進みますわ。

これもまた　楽し　

　
enchanto.js を使えば　ゲーム開発ができるんだぁ　と飛びついたけど

ベースの言語　ＪavaＳcript を　私は知らない。

それに　ゲームエンジン？　なにそれ

知らない言葉が　いっぱい出てきて

　　　　＼(◎o◎)／！　

どんなもの　なのかと　サンプルを　いじってみて
ちょっと　手ごたえを感じて　・・・

　　　　ひゃっ　ほーい　　＼(^o^)／

と　つかの間　幸せを感じ　・・・

寝て　起きたら　なんか脱力　・・・

これはまずいわね
燃え尽き症候群　？

ここは　ひとまず　現場作業から　撤退し

読書します　　ＪavaＳcript 。

　　　「 とほほのJavaScriptリファレンス 」　 とほほ　様
　　　　　(　www.tohoho-web.com/js/index.htm )


やはり　基礎くらい　知っておきたいわン

　
「 目がー　目がぁー！ 」　

老眼で　よく見えませんわ　(#^.^#)

細かい作業でした　　ちまちま作業は　つらいです。

しっかし　ネットの検索で　何とかなるもんだねぇ。

今回お世話になったのは　iroirous blog　様
「　Excel2010で透過PNG画像を作成する　」　です　＼(^o^)／



　
　
出来ました。　で
キャラの輪郭の修正を　したいところですが
めんどくさくて　できません。　

方法は　わかったので　追々　・・・　か？

悔しいけど　借りた方が　楽　！

身をもって　知ることとなった　私　(T_T)/~~~

　

　
昨日の　くまは　１秒間に　２４ピクセル　右に移動し続けます。
放っておくと　画面から　消えてしまいます。

タップすると　された方向に　移動します　延々と。

ピクセル　が理解できません。　　　まだ　困っていないので　後回しです。

今日は　借り物でない　キャラを使いたかったので
いろいろ　さまよって　作り方を見つけました。

「 Windows 7でペイントを使ってオリジナルのアイコンを作成する方法 」　様
大変　助かりました　＼(^o^)／




　


出来上がって見て　わかったこと　　
あら　白い　

これがあれか？

透過が　どうのって話があって　「 私には関係ないね 」　
と　素通りしてたら

まあ！　関係してしまいましたわ　(^O^)

次は　それかしら　　ホホ　　

　
　www.atmarkit.co.jp　 様の

enchant.js で HTML5 ＋ JavaScript ゲーム開発入門 （ ２ ） ：

enchant.jsでスマホ向けゲームを作り始めるための基礎知識 ( 1/4 ) 〜 ( 4/4 )

の　２ページ目の　main.js　　を参考に　？　　こぴ？

しての　　結果
　　
　　　　　　　　　　　　　　　　　　　　（　Ｍonaca デバッガー　使用　）



　

何に時間がかかるって　も〜う　　ソース解析だよ

解説を　よ〜く読んで　書き出してみて　
そう！　あれだ　　英語の学習みたいなの
単語　熟語　調べる感じの　　

だけど　　　結果を出せると　うれしいね〜　　＼(^o^)／
　

　
ファイル と フォルダ　　

え？　別物だったの？　知らなかった　！

ファイルの階層を　作るのに苦しんで　身をもって知った。

今日は　index.html ファイルと　　main.js ファイル　が　Windows で開けない

のか　？　　
どうなのだろう。
　

メモ帳に中身をコピーして　修正する方法を拾ったので　今日はそれで　難をしのいだよ。

統合開発環境という所を使うと　開発しやすいようだけど　
おばさんは　疑り深いのさ　　　ホホ　(^_^メ)　

そこでは　何をやっているのかなー　？　


言語以外にも　開発環境　学ばないといけないのか
めんどくさい。

Ｍonaca って　あれも　なんなのだろう
また　わからなくなった　　(＠_＠;

今日はその　Ｍonaca で　おさらいをしました。
フォルダを作って　ファイルの中身をを　コピーして　うｐデート。
　


　　

ああ　頑張ったよ　(T_T)

今日は　ファイルを作る練習で　終わった。

ホントは　くま　１ぴき　表示〜の　
くま　タップしたら　移動　　を　やりたかったのだ。

道は険しいよ　

熊笹　生い茂る　けもの道を　行く女。


サンプルソースの　解析に　ものすご〜い　時間とられるわン

１ステップずつ　いんや　１単語というか　　調べるんだぜ

おもしろいから　いいんだけど　　　(^.^)/~~~
　　　 　

　
enchant.js 初心者のために書かれた　サイトをみてまわって　くまを動かしてみようと思ったのだ。

でもね　私はＰＣも　よく解ってないヤツなので　ファイルを作るとか　う〜ん？

私は投げ出さずに　よく頑張った　(^○^)　

私に今　一番必要なのは　ＰＣの　基本操作じゃないのか　
へへ　でも　何とかなるもんだ　。　　

くまを　表示させたぞ！　　スマホにでは　ないけれど。　　



　
「 初心者によるブログの勉強のためのブログ 」 さんの　
ブログを参考に　させていただきました。

ありがとう　ございます　＼(^o^)／

ほぼ　コピーですが　「 ポムンテスト 」　に変えてみた。

HTMLとCSS　　Javascript　の知識ないと　進めないか
と　そう感じました

　　enchant.js　を使ってゲームを作りながら
　　HTMLとCSS　・　Javascript　を　学習する　
　
こんな感じで　進めていこうかね　　ヽ(^。^)ノ

　　　どう　思う？