亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

首頁免費課 JS實現人機大戰之五子棋（UI篇）問答

JS實現人機大戰之五子棋（UI篇）

                
                程序員面試輔導
            全棧工程師

                    查看講師更多課程 
                    程序員面試輔導講師的其他課程
                
基于websocket的火拼俄羅斯（升級版）
中級·21261
免費課程
                                
基于websocket的火拼俄羅斯（單機版）
中級·31670
免費課程
                                
基于Websocket的火拼俄羅斯（基礎）
中級·34058
免費課程
                                
Handlebars模板引擎
中級·13084
免費課程
                                
JS實現人機大戰之五子棋（AI篇）
中級·43274
免費課程
                                
Velocity.js實現彈出式相框
中級·26998
免費課程
                                
                難度中級
            
                時長30分
            
                學習人數
            
綜合評分9.67
                            167人評價
                        查看評價
                                9.9
                                內容實用
                            
                                9.6
                                簡潔易懂
                            
                                9.5
                                邏輯清晰

全部評論問答未解決精華

棋子無法出現漸變，直接全黑

最新回答 / - Scorpio

已解決context.fillstyle = gradient;這句的fillstyle錯了，應該是fillStyle

1 回答 968 瀏覽 2-4 畫棋子

2016-11-17

我的這樣不是對角線，只畫到橫線的1/2,這是為什么

+ 我來回答回答最高可+2積分

3 回答 1074 瀏覽 2-2 畫棋盤

2016-11-16

二維數組永遠等于0 , 1或者2賦值不上去

+ 我來回答回答最高可+2積分

0 回答 5 瀏覽

2016-11-13

這樣的代碼，為什么圖片畫不出來？？？？

最新回答 / 善良的兔子

?context.drawImage = (bg,0,0,450,450);這行代碼錯了，應該是?context.drawImage(bg,0,0,450,450);

3 回答 929 瀏覽 2-3 畫水印

2016-11-11

為什么背景圖片就是不出來？？？？

最新回答 / 善良的兔子

?context.drawImage = (bg,0,0,450,450);? ?這行代碼錯了，應該是?context.drawImage(bg,0,0,450,450);

3 回答 925 瀏覽 2-3 畫水印

2016-11-10

index.js:33 Uncaught TypeError: Failed to execute 'createRadialGradient' on 'CanvasRenderingContext2D': The provided double value is non-finite.

最新回答 / 楊光宇

前面的代碼有錯吧

1 回答 3987 瀏覽 2-4 畫棋子

2016-11-09

棋盤顯示不出來

最贊回答 / 愛心阿雷

我也碰上了這個問題原因是box-shadow不兼容瀏覽器ie瀏覽器，在w3c上看到的，換成? -webkit-box-shadow: 3px 3px 2px #888;就好了

2 回答 1017 瀏覽 2-2 畫棋盤

2016-10-22

怎么在subline text中快捷生成了html

最新回答 / NuageYunzi

先創建一個.html文件，創建好之后第一行輸入！按下tab鍵

2 回答 1526 瀏覽 2-1 頁面結構搭建

2016-10-22

Uncaught TypeError: Cannot read property 'getContext' of null

最新回答 / 非典型材料IT男

鏈接的JS文件也要寫在canvas標簽內部可以。

3 回答 1634 瀏覽 2-2 畫棋盤

2016-10-22

畫水印的作用

最新回答 / GraceZy

改變棋盤的樣式啊，好看

1 回答 857 瀏覽 2-3 畫水印

2016-09-23

開發工具名稱

最新回答 / 恒心是不會變的

subline text3 ?比較小，

2 回答 677 瀏覽 2-1 頁面結構搭建

2016-09-20

var context=chess.getContext('2d');

最新回答 / 慕粉3849768

指定一個二維畫布，也是當前唯一的合法值，未來getContext() 方法可能允許傳遞一個 "3d" 字符串參數來支持3D 繪圖

1 回答 1529 瀏覽 2-1 頁面結構搭建

2016-09-19

style里面的width和直接在vanvas中定義width有何不同

最贊回答 / 小范的QQ

在style里面是像素吧我一般寫到canvas里面的

1 回答 1187 瀏覽 2-1 頁面結構搭建

2016-09-03

有點小瑕疵 000

最新回答 / stone310

對啊，不過可以設一個邊界判定下，if(e.offsetX<450){}和if(e.offsetY<450){}

1 回答 835 瀏覽 2-5 落子實現

2016-08-18

格子的線條畫出來的線條比預計的要長

最新回答 / 慕粉3745314

不是很理解你的問題。在這個案例里格子之間的間距是為了達到讓界面美觀才選定的30，如果調整了整個棋盤的大小，就應該重新計算格子的大小啊。<...code...>

1 回答 1121 瀏覽 2-2 畫棋盤

2016-08-17

首頁上一頁 1 2 3 4 5 6 7 下一頁尾頁

開始學習

課程須知: 本課程是前端中級課程 1、JS基礎知識 2、Canvas基礎知識

老師告訴你能學到什么？: 1、canvas繪制五子棋棋盤 2、canvas繪制黑白棋子 3、五子棋交互邏輯處理

微信掃碼，參與3人拼團

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

掃描二維碼
關注慕課網微信公眾號

友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網的支持！

查看已購買的課程

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

確認取消

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

確認取消

舉報

0/150

提交

取消