プログラミングとイラストレーション » 任意の時間経過で画像削除|cocos2d-js
プログラミングとイラストレーション > cocos2d > 任意の時間経過で画像削除|cocos2d-js

任意の時間経過で画像削除|cocos2d-js

任意の時間経過で画像削除|cocos2d-js

任意の時間経過で画像削除|cocos2d-js : デモ

マウスを追いかけるオブジェクト|cocos2d-js : ZIPファイル(151kb)

1.HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="full-screen" content="yes"/>
	<meta name="screen-orientation" content="portrait"/>
	<meta name="x5-fullscreen" content="true"/>
	<meta name="360-fullscreen" content="true"/>
	<style>
		body, canvas, div{
			-moz-user-select:none;
			-webkit-user-select:none;
			-ms-user-select:none;
			-khtml-user-select:none;
			-webkit-tap-highlight-color:rgba(0,0,0,0);
		}
	</style>
</head>
<body style="padding:0; margin:0; background:#000;">
<canvas id="gameCanvas"></canvas>
<script src="cocos2d-js-v3.11-lite.js"></script>
<script cocos src="main.js"></script>
</body>
</html>

2.JavaScript

main.js

cc.game.onStart = function(){
	if(!cc.sys.isNative && document.getElementById("cocosLoading"))
		document.body.removeChild(document.getElementById("cocosLoading"));

		

	cc.view.enableRetina(false);
	cc.view.adjustViewPort(true);
	cc.view.setDesignResolutionSize(320, 480, cc.ResolutionPolicy.SHOW_ALL);
	cc.view.resizeWithBrowserSize(true);
	cc.LoaderScene.preload(g_resources, function(){
		cc.director.runScene(new gameScene());
	}, this);
	
};
cc.game.run();

app.js

var gameScene = cc.Scene.extend({
	onEnter:function(){
		this._super();
		var gameLayer = new game();
		gameLayer.init();
		this.addChild(gameLayer);
		//cc.log("my awesome game starts here");
	}
});

// 画像の削除と背景色の変更
var backgroundLayer;

var game = cc.Layer.extend({
	init:function(){
		this._super();
		backgroundLayer = cc.LayerColor.create(new cc.Color(0,255,0,255), 320, 480);
		this.addChild(backgroundLayer);

		var target = cc.Sprite.create(res.target_png);
		backgroundLayer.addChild(target, 0);

		var size = cc.director.getWinSize();
		target.setPosition(size.width / 2, size.height / 2);
        target.setScale(1);

        setTimeout(function(){
        	backgroundLayer.removeChild(target);
        }, 3000);
	}
})

resource.js

var res = {
	target_png:"target.png"
};

var g_resources = [];
for(var i in res){
	g_resources.push(res[i]);
}

project.json

{
	

    "debugMode"     : 1,
    "showFPS"		:false,
    "frameRate"     : 60,
    "id"            : "gameCanvas",
    "renderMode"    : 1,
    "modules"		:["cocos2d"],

    "jsList"        : ["resource.js","app.js"]
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

コメントフィード

トラックバック URL : http://www.htmlcode.jp/%e4%bb%bb%e6%84%8f%e3%81%ae%e6%99%82%e9%96%93%e7%b5%8c%e9%81%8e%e3%81%a6%e3%82%99%e7%94%bb%e5%83%8f%e5%89%8a%e9%99%a4%ef%bd%9ccocos2d-js/trackback/