在HBuilder 中乙個新建web專案

2021-08-03 08:31:42 字數 394 閱讀 3387

在hbuilder中的第乙個web專案是做乙個小遊戲——五子棋。

1、首先我使用標籤 畫圖用以確定棋盤的大小(裡面包括width(寬)    heigth(高)    style(樣式))

2、再用標籤將所定義的  將其引用,獲取畫布,定義棋盤的大小,獲取棋子的座標,設定棋子的顏色等,用陣列放棋子,用以區分出兩種棋子。

3、用for 語句、gamecanvas.moveto 、 gamecanvas.lineto畫出棋盤,

例如:for(var i=0;i<23;i++)

5、做滑鼠監聽,讓棋子不能放到邊界,並且通過alert提示資訊。

6、通過獲取棋子座標來控制器位置,用以控制棋子,以免隨意放。

以上是本人通過膚淺的學習總結的,如有錯或者不足之處,望加以修改。謝謝!

五個W乙個H

記著去年公司培訓,公司的行政總監,說到了五個w乙個h的含義,估計全世界人都知道,但我不知道,查一下記下來。總結為 五個w乙個h what 何事 who 何人 where 何處 why 何故 when 何時 how 如何 了解了五個w,然後再解決乙個h。做事情方面 what 做什麼 who 誰來做,w...

居中乙個元素

1.行內元素水平居中 利用 text align center 可以實現在塊級元素內部的行內元素水平居中。此方法對inline inline block inline table和inline flex元素水平居中都有效。parent此外,如果塊級元素內部包著也是乙個塊級元素,我們可以先將其由塊級元...

新建乙個vue專案

用命令列生成vue專案框架需要npm包管理器來安裝,而npm又是在安裝nodejs的時候同時安裝的,所以首先要安裝nodejs。安裝完成後,開啟cmd。輸入 node v,出現類似v6.11.2這樣的版本號說明node安裝成功。輸入 npm v,出現類似 v3.10.10這樣的版本號說明npm安裝成...