上節中講了如何尋路，在和朋友們討論時都反應有時走的不太對，繞遠路了，其實代碼主要是大方向的判斷 比如目標在右上，那應該是先右還是先上 這個並沒有做處理，如果這個做了處理，效果會更好一些，但也難免會走彎路。 貪心就是這樣，不是最優，接近最優。也希望其他的同學有意見的可以討論下。我這也 ...

今天我們要來介紹一款效果很特別的HTML5 Loading加載動畫，不像其他的Loading動畫，這款Loading動畫顏色很豐富，並且在轉圈的時候還有淡入淡出的效果。每一個圓環不停地旋轉，從而實現加載動畫的效果。首先你可以看看效果演示： 你也可以在這里查看在線演示 下面分享一下這款 ...

今天要介紹的是一款基於HTML5和CSS3的進度條應用，這款進度條是靜態的，僅提供進度條的五彩外觀。當然你可以在CSS中動態設置進度值來讓其變得動態，一個很好的實現方式是利用jQuery動態改變CSS中的進度值，讓進度條實時動起來。具體效果大家可以看演示。 你也可以在這里查看在線演示 接下 ...

功能描述： 結合A*算法和HTML5完成的一個尋路demo。 鼠標點擊地圖任意位置，飛鳥會尋找最短路程到達該位置。 效果預覽： 代碼分析： 　　具體的A*算法尋路邏輯請看這里推薦的一篇很好的文章，我就不再詳述： 　　英文版：http ...

五彩斑斕的黑 項目背景 由於眾所周知的原因（武漢2020），只能在家整東西玩，想起了以前和同學聊天提到的五彩斑斕的黑，遂來了靈感，造出來這么一個輪子。 項目效果圖 項目簡介 五彩斑斕的黑，可以把黑白的論文變成五彩斑斕，這樣看論文的時候就不無聊了（誤 實現了pdf轉化為五顏六色 ...

canvas loading... 漸變是指在顏色集上使用逐步抽樣算法，並將結果應用於描邊樣式和填充樣式中。使用漸變需要三個步驟： (1) 創建漸變對象； (2) 為漸變對象設置顏色，指明過渡方式； (3) 在context上為填充樣式或者描邊樣式設置漸變。 可以將漸變看做 ...

HTML5 canvas的事件 <script> var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); context.strokeStyle ...

先從簡單的開始 fillRect(x,y,width,height) 在坐標x,y的位置加上一個寬，高 如： fillRect(0,0,500,500)//在坐標0，0處 ...