摘要： 在網上可以找到很多關于旋轉矩形碰撞檢測的方法，磚家也有文章對這種碰撞檢測作過分析：方向包圍盒(OBB)碰撞檢測。本文主要是對其中的細節加上一些自己的分析，并結合網上另外一些關于旋轉矩形碰撞檢測的資料，和大家一起探討實現的技術細節。 閱讀全文

摘要： 如果是涉及到游戲或動畫的編程，我們很可能會用到幾何變換。如果在大學過線性代數的話，我們就會知道，無論是2d還是3d的幾何變換，矩陣都是實現線性變換的一個重要工具。任意線性變換都可以用矩陣表示為易于計算的一致形式，并且多個變換也可以很容易地通過矩陣的相乘連接在一起。本文章主要對如下的變換進行簡單的封裝，并簡單闡述其中的變換原理： 　　1.平移變換：只改變圖形的位置，不改變大小。 　　2.旋轉變換：保持圖形各部分之間的關系，變換后形狀不變。 　　3.比例變換：可改變圖形大小和形狀。 　　4.錯切變換：引起圖形角度關系的改變，甚至導致圖形發生畸變。 　　5.對稱變換：使圖形對稱于x軸或y軸或y=x或y=-x的變換。 閱讀全文

摘要： 功能說明： 　　在一分鐘內，使用鼠標圈泡泡，其中泡泡的分值分別為10、20、30、-10、-20、-30分，可以一次圈多個泡泡，倒計時結束即計算總分值，該游戲基于cnGameJS。 閱讀全文

摘要： 之前看過hongru的事情沒有想象中那么難--JX官網首頁3D粒子效果，和當耐特磚家的HTML5實驗室【三十八】--玩轉像素系列【二】，因此自己也試著利用getImageData寫一下粒子效果。原理上應該和他們的差不多，不過采用了輸入即可得的形式，在文本框輸入任何內容，可以在畫布中得出輸入內容的粒子效果。由于前面兩篇文章已經把粒子效果的實現原理闡述得比較清楚，因此這里就不再重新詳述，只說說實現時的幾個要點。 閱讀全文

摘要： 功能說明： 　　基于HTML5的橫版射擊游戲，參考自flash游戲《雙面特工》。方向鍵控制移動，空格鍵射擊。體驗前請先關閉輸入法。 　　該游戲基于自己開發的HTML5游戲框架cnGameJS。 閱讀全文

摘要： 功能說明： 　　游戲中在躲避敵人攻擊的同時，需要收集三種不同的鑰匙，開啟對應的門，最后到達目的地。 　　該游戲同樣基于自己開發的HTML5游戲框架cnGameJS。 　　推薦用chrome瀏覽器查看。 閱讀全文

摘要： 功能描述： 　　左右方向鍵控制玩家的方向，上下方向鍵控制玩家的前進和后退。 在上面的效果預覽中，可以看到右邊是2D的平面地圖，而左邊的則是第一人稱的3D視圖，這兩幅圖的關系是非常密切的，實質上，實現3D視覺的過程，就是依據2D地圖把地圖轉換成第一人稱視覺的過程。 　　在之前的一篇文章：《javascript實現3D房間》中，3D效果的實現只局限于平面（意思是從側面看沒有立體效果），在這種有局限性的3D效果中，我們以一個個物體為單位，通過不同物體平面之間的視覺差實現3D。而在這次的效果中，為了使物體從不同角度看都能具有立體效果，我們把單位從平面改成線。 閱讀全文

摘要： 功能描述： 結合A*算法和HTML5完成的一個尋路demo。 鼠標點擊地圖任意位置，飛鳥會尋找最短路程到達該位置。 閱讀全文