🎹ぴあのdeキャラ🎹(解説)

🎹ぴあの🎹シンプルを発展させて、音を鳴らすと雲の上からキャラクターが顔を出すというものです。

// Main
console.log("Hello EnchantJS!!");

var assets = [
    "images/back_mountain.png",
    "images/kati_land.png",
    //"images/kati_tanuki.png",
    "images/title.png",// タイトル
    "sounds/coin.mp3",
    "sounds/jump.mp3",
    "images/cf307/kennbanmigi.png",
    "images/cf307/kennbanhidari.png",
    "sounds/piano1_1do.mp3",
    "images/cf307/kennbannaka.png",
    "sounds/piano1_2re.mp3",
    "images/cf307/backonpu1.png",
    "images/cf307/kennbanhidari.png",
    "sounds/piano1_3mi.mp3",
    "sounds/piano1_4fa.mp3",
    "sounds/piano1_5so.mp3",
    "sounds/piano1_6ra.mp3",
    "sounds/piano1_7si.mp3",
    "sounds/piano1_8do.mp3",
    "images/bk_body.png",
    "images/cf307/holekumo(1).png",
    "images/cf307/tono1.png",
    "images/cf307/mogura rg.png",
    "images/cf307/mogura rg1.png",
    "images/cf307/nekonemuri.png",
    "images/cf307/nekohako.png",
    "images/cf307/zyonipyon (1).png",
    "images/cf307/zyoni.png",
    "images/cf307/momochanzannen.png",
    "images/cf307/momochan.png",
    "images/cf307/perapera.png",
    "images/cf307/hebipiro.png",
    "images/cf307/takochanugoku.png", 
    "images/bk_mage.png",
];

function gameStart(){// ゲーム画面
    scene = gameManager.createGameScene();
    core.replaceScene(scene); core.resume();

    //==========
    // ここから
    //==========

    scene.backgroundColor = "#00ffff";
    
    // 背景
    var background1 = new ExSprite(320, 480);
    background1.image = core.assets['images/cf307/backonpu1.png'];
    scene.addChild(background1);
    background1.x = 0;
    background1.y = -480;
    var background2 = new ExSprite(320, 480);
    background2.image = core.assets['images/cf307/backonpu1.png'];
    scene.addChild(background2);
   
    // モグ(レ)
    var mogu = new Sprite(82, 65);
    mogu.image = core.assets["images/cf307/mogura rg1.png"];
    mogu.x = 40;
    mogu.y = 70;
    scene.addChild(mogu);   

    // モグの穴
    var hole1 = new Sprite(82, 65);
    hole1.image = core.assets["images/cf307/holekumo(1).png"];
    hole1.x = 40;
    hole1.y = 70;
    scene.addChild(hole1);

    // まげ
    var mage = new Sprite(45, 60);
    mage.image = core.assets["images/bk_mage.png"];
    scene.addChild(mage);
    mage.x = -43;
    mage.y = 150;
    mage.scale(82 / 190, 82 / 190);

    // 殿ド
    var tono = new Sprite(190, 120);
    tono.image = core.assets["images/cf307/tono1.png"];
    tono.x = 10 - 53;
    tono.y = 150;
    scene.addChild(tono);
    tono.scale(82 / 190, 82 / 190); 
   
    // 殿の穴
    var hole0 = new Sprite(82, 65);
    hole0.image = core.assets["images/cf307/holekumo(1).png"];
    hole0.x = 10;
    hole0.y = 180;
    scene.addChild(hole0);

    // ねこ(上のド)
    var neko = new Sprite(64, 64);
    neko.image = core.assets["images/cf307/nekonemuri.png"];
    neko.x = 320 - 82 + 41 - neko.width / 2;
    neko.y = 100;
    scene.addChild(neko);
   
    // ねこの穴
    var hole2 = new Sprite(82, 65);
    hole2.image = core.assets["images/cf307/holekumo(1).png"];
    hole2.x = 320 - 82;
    hole2.y = 100;
    scene.addChild(hole2);
    // ぺらぺら小僧(ファ)
    var pera = new Sprite(64, 64);
    pera.image = core.assets["images/cf307/perapera.png"];
    pera.x = 40 * 3 + 41 - pera.width / 2;
    pera.y = 135;
    scene.addChild(pera);
    pera.scale(0.8, 0.8);   

    // ぺらの穴
    var holefa = new Sprite(82, 65);
    holefa.image = core.assets["images/cf307/holekumo(1).png"];
    holefa.x = 40 * 3;
    holefa.y = 135;
    scene.addChild(holefa);
    // ももちゃん(ラ)
    var momo = new Sprite(32, 32);
    momo.image = core.assets["images/cf307/momochanzannen.png"];
    momo.x = 40 * 5 + 41 - momo.width / 2;
    momo.y = 183;
    scene.addChild(momo);
    momo.scale(1.2, 1.2);   

    // ももちゃんの穴
    var holera = new Sprite(82, 65);
    holera.image = core.assets["images/cf307/holekumo(1).png"];
    holera.x = 40 * 5;
    holera.y = 175;
    scene.addChild(holera);
    // ぬへ小僧(ソ)
    var kozou = new Sprite(64, 64);
    kozou.image = core.assets["images/cf307/zyonipyon (1).png"];
    kozou.x = 40 * 4 + 41 - kozou.width / 2;
    kozou.y = 240;
    scene.addChild(kozou);  
  
    // その穴
    var holeso = new Sprite(82, 65);
    holeso.image = core.assets["images/cf307/holekumo(1).png"];
    holeso.x = 40 * 4;
    holeso.y = 240;
    scene.addChild(holeso);

    // へび(ミ)
    var hebi = new Sprite(82, 65);
    hebi.image = core.assets["images/cf307/hebipiro.png"];
    hebi.x = 40 * 2;
    hebi.y = 290;
    scene.addChild(hebi);    
    hebi.scale(0.8, 0.8);

    // へびの穴
    var holemi = new Sprite(82, 65);
    holemi.image = core.assets["images/cf307/holekumo(1).png"];
    holemi.x = 40 * 2;
    holemi.y = 290;
    scene.addChild(holemi);

    // たこちゃん(シ)
    var tako = new Sprite(32, 32);
    tako.image = core.assets["images/cf307/takochanugoku.png"];
    tako.x = 40 * 6 + 41 - tako.width / 2;
    tako.y = 330;
    scene.addChild(tako);
    tako.scale(1.2, 1.2);  
 
    // たこちゃんの穴
    var holesi = new Sprite(82, 65);
    holesi.image = core.assets["images/cf307/holekumo(1).png"];
    holesi.x = 40 * 6;
    holesi.y = 320;
    scene.addChild(holesi);

    // 
    var kennbanmigi = new ExSprite(40, 104);
    kennbanmigi.image = core.assets["images/cf307/kennbanmigi.png"];
    scene.addChild(kennbanmigi);
    kennbanmigi.x = 0;
    kennbanmigi.y = 480 - 104;
    // タップ
    kennbanmigi.addEventListener(Event.TOUCH_START, function(){
        kennbanmigi.frame = 1;
        var sound = core.assets['sounds/piano1_1do.mp3'].clone();
        sound.play(); 
        // 殿が出てくる
        tono.tl.clear();
        mage.tl.clear();    
        tono.image = core.assets["images/cf307/tono1.png"];
        tono.tl.moveBy(0, -55, 12);
        mage.tl.moveTo(tono.x + tono.width / 2 - mage.width / 2, tono.y - 10, 0);
        mage.tl.moveBy(0, -55, 12);
        tono.tl.then(function(){
            tono.image = core.assets["images/bk_body.png"];
            tono.tl.moveTo(-43, 150, 12);
            mage.tl.moveTo(tono.x + tono.width / 2 - mage.width / 2, 150, 12);
            mage.tl.moveTo(-43, 150, 0);
        });
    });
    // タップ終了
    kennbanmigi.addEventListener(Event.TOUCH_END, function(){
        kennbanmigi.frame = 0;        
    });
    // レ 
    var kennbannaka = new ExSprite(40, 104);
    kennbannaka.image = core.assets["images/cf307/kennbannaka.png"];
    scene.addChild(kennbannaka);
    kennbannaka.x = 40;
    kennbannaka.y = 480 - 104;
    // タップ
    kennbannaka.addEventListener(Event.TOUCH_START, function(){
        kennbannaka.frame = 1;
        var sound = core.assets['sounds/piano1_2re.mp3'].clone();
        sound.play();
        // moguが出てくる
        mogu.tl.clear();    
        mogu.image = core.assets["images/cf307/mogura rg1.png"];
        mogu.tl.moveBy(0, -50, 12);
        mogu.tl.then(function(){
            mogu.image = core.assets["images/cf307/mogura rg.png"];
            mogu.tl.moveTo(40, 70, 12); 
        });
    });
    // タップ終了
    kennbannaka.addEventListener(Event.TOUCH_END, function(){
        kennbannaka.frame = 0;
    });

    // ミ 
    var kennbanhidari = new ExSprite(40, 104);
    kennbanhidari.image = core.assets["images/cf307/kennbanhidari.png"];
    scene.addChild(kennbanhidari);
    kennbanhidari.x = 40 + 40;
    kennbanhidari.y = 480 - 104;
    // タップ
    kennbanhidari.addEventListener(Event.TOUCH_START, function(){
        kennbanhidari.frame = 1;
        var sound = core.assets['sounds/piano1_3mi.mp3'].clone();
        sound.play();
        // へびが出てくる
        hebi.tl.clear();    
        hebi.image = core.assets["images/cf307/hebipiro.png"];
        hebi.frame = [0, 1, 2]; 
        hebi.tl.moveBy(0, -60, 12);
        hebi.frame = [0, 0, 1, 1, 2, 2];
        hebi.tl.then(function(){
            hebi.frame = [0];
            hebi.tl.moveTo(40 * 2, 290, 12); 
        });
    });
    // タップ終了
    kennbanhidari.addEventListener(Event.TOUCH_END, function(){
        kennbanhidari.frame = 0;
    });

    // ファ 
    var fa = new ExSprite(40, 104);
    fa.image = core.assets["images/cf307/kennbanmigi.png"];
    scene.addChild(fa);
    fa.x = 40 + 40 + 40;
    fa.y = 480 - 104;
    // タップ
    fa.addEventListener(Event.TOUCH_START, function(){
        fa.frame = 1;
        var sound = core.assets['sounds/piano1_4fa.mp3'].clone();
        sound.play();
        // ぬへ小僧が出てくる
        pera.tl.clear();    
        pera.image = core.assets["images/cf307/perapera.png"];
        pera.frame = [0, 1, 2];
        pera.tl.moveBy(0, -50, 12);
        pera.tl.then(function(){
            pera.frame = [2];
            pera.tl.moveTo(40 * 3 + 41 - pera.width / 2, 135, 12);
        });
    });
    // タップ終了
    fa.addEventListener(Event.TOUCH_END, function(){
        fa.frame = 0;
    });

    // ソ 
    var so = new ExSprite(40, 104);
    so.image = core.assets["images/cf307/kennbannaka.png"];
    scene.addChild(so);
    so.x = 40 + 40 + 40 + 40;
    so.y = 480 - 104;
    // タップ
    so.addEventListener(Event.TOUCH_START, function(){
        so.frame = 1;
        var sound = core.assets['sounds/piano1_5so.mp3'].clone();
        sound.play();
        // ぬへ小僧が出てくる
        kozou.tl.clear();    
        kozou.image = core.assets["images/cf307/zyonipyon (1).png"];
        kozou.frame = [0, 0, 1, 1]; 
        kozou.tl.moveBy(0, -60, 12);
        kozou.tl.then(function(){
            kozou.image = core.assets["images/cf307/zyoni.png"];
            kozou.tl.moveTo(40 * 4 + 41 - kozou.width / 2, 240, 12); 
        });
    });
    // タップ終了
    so.addEventListener(Event.TOUCH_END, function(){
        so.frame = 0;
    });

    // ラ 
    var ra = new ExSprite(40, 104);
    ra.image = core.assets["images/cf307/kennbannaka.png"];
    scene.addChild(ra);
    ra.x = 40 + 40 + 40 + 40 + 40;
    ra.y = 480 - 104;
    // タップ
    ra.addEventListener(Event.TOUCH_START, function(){
        ra.frame = 1;
        var sound = core.assets['sounds/piano1_6ra.mp3'].clone();
        sound.play();
        // ももちゃんが出てくる
        momo.tl.clear();    
        momo.image = core.assets["images/cf307/momochanzannen.png"];
        momo.tl.moveBy(0, -45, 12);
        momo.tl.then(function(){
            momo.image = core.assets["images/cf307/momochan.png"];
            momo.tl.moveTo(40 * 5 + 41 - momo.width / 2, 183, 12); 
        });
    });
    // タップ終了
    ra.addEventListener(Event.TOUCH_END, function(){
        ra.frame = 0;
    });

    // シ 
    var si = new ExSprite(40, 104);
    si.image = core.assets["images/cf307/kennbanhidari.png"];
    scene.addChild(si);
    si.x = 40 + 40 + 40 + 40 + 40 + 40;
    si.y = 480 - 104;
    // タップ
    si.addEventListener(Event.TOUCH_START, function(){
        si.frame = 1;
        var sound = core.assets['sounds/piano1_7si.mp3'].clone();
        sound.play();
        // たこちゃんが出てくる
        tako.tl.clear();    
        tako.image = core.assets["images/cf307/takochanugoku.png"];
        tako.tl.moveBy(0, -50, 12);
        tako.frame = [0, 0, 1, 1];
        tako.tl.then(function(){
            tako.frame = [0];
            tako.tl.moveTo(40 * 6 + 41 - tako.width / 2, 330, 12); 
        });
    });
    // タップ終了
    si.addEventListener(Event.TOUCH_END, function(){
        si.frame = 0;
    });

    // ド 
    var do8 = new ExSprite(40, 104);
    do8.image = core.assets["images/cf307/kennbanmigi.png"];
    scene.addChild(do8);
    do8.x = 280;
    do8.y = 480 - 104;
    // タップ
    do8.addEventListener(Event.TOUCH_START, function(){
        do8.frame = 1;
        var sound = core.assets['sounds/piano1_8do.mp3'].clone();
        sound.play();
        // 猫が出てくる
        neko.tl.clear();    
        neko.image = core.assets["images/cf307/nekonemuri.png"];
        neko.tl.moveBy(0, -64, 12);
        neko.frame = [0, 0, 1, 1];
        neko.tl.then(function(){
            neko.image = core.assets["images/cf307/nekohako.png"];
            neko.tl.moveTo(320 - 82 + 41 - neko.width / 2, 100, 12); 
        });
    });
    // タップ終了
    do8.addEventListener(Event.TOUCH_END, function(){
        do8.frame = 0;
    });
   
    // 画面がタップされたら
    scene.addEventListener(Event.TOUCH_START, function(){
        background1.tl.clear();
        background2.tl.clear();
        console.log("音符よ動け!!");
        background1.tl.moveBy(0, 480 * 24 / 150, 24);
        background2.tl.moveBy(0, 480 * 24 / 150, 24);
        // 背景スクロール
        if(background2.y >= 480){
            console.log("スクロールして!!");      
            background2.y = background1.y - 480;
        }
        if(background1.y >= 480){
            background1.y = background2.y - 480;
        }
    });

    //==========
    // ここまで
    //==========

}

function getRandom(start, end) {
    return start + Math.floor( Math.random() * (end - start + 1));
}

function titleStart(){// タイトル画面
    var scene = gameManager.createTitleScene();
    core.replaceScene(scene); core.pause();
    scene.on(enchant.Event.TOUCH_START, function(){gameStart();});
}

//==========
// EnchantJS
enchant();
var gameManager;
var core;
var scene;
window.onload = function(){
    gameManager = new common.GameManager();
    core = gameManager.createCore(320, 480);
    core.preload(assets);
    core.onload = function(){titleStart();};
    core.start();
}

コメントを残す

メールアドレスが公開されることはありません。