使用了封裝了canvas的create.js庫來實現的。
最終效果:
工程:
rect.js
/*seecolor.js* 方塊類 */
function
rect(n,color,specialcolor)
}/**
* 獲取方塊的型別
*/this.getrecttype=function
()
/*** 設定方塊的顏色+繪製方塊
*/this.setcolor=function
(colorstring)
//方塊的預設型別是1
this.setrecttype(1);
}rect.prototype=new createjs.shape();
/*index.html* * 繪製舞台 */
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();
白鷺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...