HTML5
HTML5邊玩邊學（10）：俄羅斯方塊就是這么簡單 之 控制界面篇（源碼）
摘要: 這一次在上一篇程序的基礎上增加了以下交互控制功能：1、鍵盤控制；2、開始、暫停；3、消除時候空行的停頓效果；4、隨著消除行數的增多，速度加快；5、音效等等。可以看出，在數據模型抽象好的基礎上，完成控制和圖形接口是非常方便的。
閱讀全文
posted @
2010-10-18 18:31 左洸 閱讀(3002) |
評論 (9) 編輯
HTML5邊玩邊學（9）：俄羅斯方塊就是這么簡單 之 數據模型篇
摘要: 要寫一個俄羅斯方塊小游戲，我們先來一塊考慮一下下面幾個問題：....... 如果你對上面幾個問題思考，每一個答案都和界面、控件、平臺有關的話，就是說假如你是用 .Net 的，你的每一個答案都是圍繞著如何利用控件、如何使用窗體、在控件的哪個事件里面改變哪個屬性等等，那么說明你被微軟的 RAD 開發環境毒害的不淺，我建議你立刻扔掉 Visual Studio，改用其他輕量級的編程語言和開發平臺，這樣你可以更多的關注問題的本身，而不是控件。
閱讀全文
posted @
2010-10-17 23:21 左洸 閱讀(3208) |
評論 (5) 編輯
HTML5邊玩邊學（7）：動畫初步 之 飛舞的精靈
摘要: 一、為什么選擇 HTML5 HTML5 邊玩邊學算上這篇已經是第七篇了，在這篇開始之前，我想先說明一下為什么叫“HTML5” 邊玩邊學，因為有人對 HTML5 提出質疑，畢竟他是一個新生事物。我承認我用 HTML5 來吸引眼球了，如果看過邊玩邊學系列的每一篇，你會發現前六篇文
閱讀全文
posted @
2010-10-08 00:14 左洸 閱讀(2519) |
評論 (1) 編輯
HTML5邊玩邊學（6）：汽車人，變形......
摘要: 這一篇主要學習 HTML5 圖像的變形操作以及變形相關的圖形學基本概念，并給出了一個可以對美女圖像進行基準點移動、基準點縮放和基準點旋轉的小例子。后面學習了圖像的組合和裁剪，也給出了一個小例子。
閱讀全文
posted @
2010-10-05 12:34 左洸 閱讀(2855) |
評論 (4) 編輯
HTML5邊玩邊學（5）：圖像、圖案和字體
摘要: 通過對一幅美女圖片的處理，向您展示 HTML5 的強大圖像處理功能...
閱讀全文
posted @
2010-10-04 16:45 左洸 閱讀(2889) |
評論 (0) 編輯
HTML5邊玩邊學（4）：變幻的色彩
摘要: 漸變色 Gradients：上下文對象有兩個方法可以創建一個叫做 canvasGradient 的對象，并用它設置 fillStyle 或 strokeStyle 屬性，繪制出來的圖形就有漸變效果了
閱讀全文
posted @
2010-10-03 20:11 左洸 閱讀(2210) |
評論 (0) 編輯
HTML5邊玩邊學（3）：像素和顏色
摘要: 我們在電腦屏幕上可以看到色彩斑斕的圖像，其實這些圖像都是由一個個像素點組成的。那么像素是什么？顏色又是什么呢？（如果您提出這兩個問題，您一定是個熱愛思考的人）一個像素其實對應著內存中的一組連續的二進制位
閱讀全文
posted @
2010-09-18 23:00 左洸 閱讀(2379) |
評論 (1) 編輯
HTML5邊玩邊學（2）：基礎繪圖
摘要: 在前一篇博客中，我們測試了 canvas 標簽的用法，并得到了 canvas 標簽的渲染上下文對象， 但是并沒有用它繪制任何圖形。在這一篇中，我們先了解一下HTML5繪圖的一些基礎概念，然后再來畫幾個圖形玩玩。
閱讀全文
posted @
2010-09-18 11:32 左洸 閱讀(2605) |
評論 (6) 編輯
HTML5邊玩邊學（1）：畫布
摘要: Html5 引入了一個新的 canvas 標簽，這個標簽所代表的區域就好象一塊畫布，你的所有圖形繪制最后都要在這塊畫布上呈現。有了這個標簽，瀏覽器的圖形表現力被極大的提升，Flash 和 SilverLight 有沒有感到威脅呢?
閱讀全文
posted @
2010-09-17 23:45 左洸 閱讀(2919) |
評論 (2) 編輯