モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。JavaScriptこちらの記事で2Dのキャラクタのアニメーションを作りました。私が使用している環境です。1.0.3作業の流れジョイスティックは、こちらの記事で作ったものを利用しました。mmorley.hatenablog.comキャラクタの動かし方キャラクタを動かす場合、1:キャラクタが動く。2:キャラクタは定位置で、背景が動く。3:1と2の合わせ技。一定幅キャラクタが動いて、それ以上は背景が動く。今回は2で動かします。背景の動かし方ちゃんとした絵は無理なので1枚の絵をぐるぐるループで回します。隙間なくするために、2つにコピーして下図のようにします。この部分のスクリプトです。this.ground[0]とthis.ground[1]が背景となる地面です。移動距離を地面の幅(=画面の幅)で割って商が偶数の場合はthis.ground[0]を動かしてthis.ground[1]が付いて行く奇数の場合はthis.ground[1]を動かしてthis.ground[0]が付いて行くようにしました。キャラクタのアニメーションの切り替え移動速度によって、歩く、走る、止まるのアニメを切り替えます。この部分のスクリプトです。},キャラクタの状態と速度の変化によって、再生するアニメーションを分けています。キャラクタの向きはスケール値で反転しました。デモ上記を実装したデモです。ジョイスティックの倒し加減で速度が変わります。上下は無視しています。ゴールも何もありません。あとがきキャラクタにジャンプや他のアクションを追加したら、アニメーションの条件分岐がすごいことになりそうです。Excelのデータを音声で読み上げさせます。v3.7...下記の記事の続きです。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。