H5小遊戲 看你有多色

2022-02-06 13:33:57 字數 1317 閱讀 8316

使用了封裝了canvas的create.js庫來實現的。

最終效果:

工程:

rect.js

/*

* 方塊類 */

function

rect(n,color,specialcolor)

}/**

* 獲取方塊的型別

*/this.getrecttype=function

()

/*** 設定方塊的顏色+繪製方塊

*/this.setcolor=function

(colorstring)

//方塊的預設型別是1

this.setrecttype(1);

}rect.prototype=new createjs.shape();

seecolor.js

/*

* * 繪製舞台 */

var stage=new createjs.stage("gameview");

var gameview=new

createjs.container();

stage.addchild(gameview);

//var s=new createjs.shape();

"#00ff00");

createjs.ticker.setfps(30);

createjs.ticker.addeventlistener("tick",stage);

//特殊的那個方塊的容差

var diffdegree=30;

//n*n的矩陣

var n=2;

var maxn=7;

//在隨機生成顏色的時候[0,500] [500,255*255*255]這兩個區間內的顏色將被排除

var edgecolor=10;

function

addrect()

r.x=indexx*(400/n);

r.y=indexy*(400/n);

if(r.getrecttype()==2)

gameview.removeallchildren();

addrect();

});}}}

}addrect();

index.html

白鷺H5小遊戲專案結構

1.wing 包括 egret 專案的任務配置檔案和啟動配置檔案。launch.json 啟動配置 portweb 伺服器指定的埠號 tasks.json 任務配置 對於一般的egret專案,在建立專案的時候已經自動生成了與egret命令列匹配的任務 構建 ctrl shift b 清理,發布,ta...

H5小遊戲是不是風口

遊戲是網際網路最直接的變現模式,廣告 道具付費。傳統的遊戲開發,使用者需要下乙個遊戲的安裝包,對於使用者而言 成本極高,還擔心中毒等風險。提供了完整的,廣告,支付等,提供了分享,裂變,等,形成乙個很好的閉環,使用者 可以更快的更方便的體驗到遊戲。所以h5遊戲必然是遊戲內容創作的乙個風口。h5小遊戲,...

帶你使用h5開發移動端小遊戲

在使用jy1時,我做了乙個塔防的h5遊戲,它做得有點像 保衛蘿蔔 當然它只是個原型,如下圖所示,它的演示位址是h5塔防遊戲 它的設計是canvas加上div混合的一種形式,這也就是jy2.0的起步,在乙個遊戲中,我們通常會劃分三層結構 第一層,view,是遊戲的核心部分,整個動畫的顯示 第二層,co...