HTML5
HTML5邊玩邊學(xué)（10）：俄羅斯方塊就是這么簡(jiǎn)單 之 控制界面篇（源碼）
摘要: 這一次在上一篇程序的基礎(chǔ)上增加了以下交互控制功能：1、鍵盤控制；2、開始、暫停；3、消除時(shí)候空行的停頓效果；4、隨著消除行數(shù)的增多，速度加快；5、音效等等。可以看出，在數(shù)據(jù)模型抽象好的基礎(chǔ)上，完成控制和圖形接口是非常方便的。
閱讀全文
HTML5邊玩邊學(xué)（9）：俄羅斯方塊就是這么簡(jiǎn)單 之 數(shù)據(jù)模型篇
摘要: 要寫一個(gè)俄羅斯方塊小游戲，我們先來一塊考慮一下下面幾個(gè)問題：....... 如果你對(duì)上面幾個(gè)問題思考，每一個(gè)答案都和界面、控件、平臺(tái)有關(guān)的話，就是說假如你是用 .Net 的，你的每一個(gè)答案都是圍繞著如何利用控件、如何使用窗體、在控件的哪個(gè)事件里面改變哪個(gè)屬性等等，那么說明你被微軟的 RAD 開發(fā)環(huán)境毒害的不淺，我建議你立刻扔掉 Visual Studio，改用其他輕量級(jí)的編程語言和開發(fā)平臺(tái)，這樣你可以更多的關(guān)注問題的本身，而不是控件。
閱讀全文
HTML5邊玩邊學(xué)（7）：動(dòng)畫初步 之 飛舞的精靈
摘要: 一、為什么選擇 HTML5 HTML5 邊玩邊學(xué)算上這篇已經(jīng)是第七篇了，在這篇開始之前，我想先說明一下為什么叫“HTML5” 邊玩邊學(xué)，因?yàn)橛腥藢?duì) HTML5 提出質(zhì)疑，畢竟他是一個(gè)新生事物。我承認(rèn)我用 HTML5 來吸引眼球了，如果看過邊玩邊學(xué)系列的每一篇，你會(huì)發(fā)現(xiàn)前六篇文
閱讀全文
HTML5邊玩邊學(xué)（6）：汽車人，變形......
摘要: 這一篇主要學(xué)習(xí) HTML5 圖像的變形操作以及變形相關(guān)的圖形學(xué)基本概念，并給出了一個(gè)可以對(duì)美女圖像進(jìn)行基準(zhǔn)點(diǎn)移動(dòng)、基準(zhǔn)點(diǎn)縮放和基準(zhǔn)點(diǎn)旋轉(zhuǎn)的小例子。后面學(xué)習(xí)了圖像的組合和裁剪，也給出了一個(gè)小例子。
閱讀全文
HTML5邊玩邊學(xué)（5）：圖像、圖案和字體
摘要: 通過對(duì)一幅美女圖片的處理，向您展示 HTML5 的強(qiáng)大圖像處理功能...
閱讀全文
HTML5邊玩邊學(xué)（4）：變幻的色彩
摘要: 漸變色 Gradients：上下文對(duì)象有兩個(gè)方法可以創(chuàng)建一個(gè)叫做 canvasGradient 的對(duì)象，并用它設(shè)置 fillStyle 或 strokeStyle 屬性，繪制出來的圖形就有漸變效果了
閱讀全文
HTML5邊玩邊學(xué)（3）：像素和顏色
摘要: 我們?cè)陔娔X屏幕上可以看到色彩斑斕的圖像，其實(shí)這些圖像都是由一個(gè)個(gè)像素點(diǎn)組成的。那么像素是什么？顏色又是什么呢？（如果您提出這兩個(gè)問題，您一定是個(gè)熱愛思考的人）一個(gè)像素其實(shí)對(duì)應(yīng)著內(nèi)存中的一組連續(xù)的二進(jìn)制位
閱讀全文
HTML5邊玩邊學(xué)（2）：基礎(chǔ)繪圖
摘要: 在前一篇博客中，我們測(cè)試了 canvas 標(biāo)簽的用法，并得到了 canvas 標(biāo)簽的渲染上下文對(duì)象， 但是并沒有用它繪制任何圖形。在這一篇中，我們先了解一下HTML5繪圖的一些基礎(chǔ)概念，然后再來畫幾個(gè)圖形玩玩。
閱讀全文
HTML5邊玩邊學(xué)（1）：畫布
摘要: Html5 引入了一個(gè)新的 canvas 標(biāo)簽，這個(gè)標(biāo)簽所代表的區(qū)域就好象一塊畫布，你的所有圖形繪制最后都要在這塊畫布上呈現(xiàn)。有了這個(gè)標(biāo)簽，瀏覽器的圖形表現(xiàn)力被極大的提升，F(xiàn)lash 和 SilverLight 有沒有感到威脅呢?
閱讀全文