全部 新聞動態(tài) 技術文章 常見問題 技術問答

• • 

    Web前端開發(fā)培訓之HTML5 如何重新定義web

    HTML5的標簽重新定義，其屬性更加簡單高效，本地存儲、緩存技術更加完善，簡單易用，最重要的是其游戲開發(fā)方面，canvas的繪制，加之以用于開發(fā)3D游戲，更加方便快捷，無需下載，打開瀏覽器就可以玩。對視頻音頻的支持也更加完美，是web的重大革新。另本文總結了HTML5帶來的15項你必須知道的新特性（偏基礎）。查看全文>>

    技術文章2017-06-21 |黑馬程序員web前端開發(fā)培訓學院 |web前端培訓,HTML培訓
  • 

    WEB前端培訓之David Geary對HTML5 的 2D 視頻游戲詳細剖析思路一

    drawBackground() 函數(shù)在畫布的 (0,0) 繪制背景圖像。稍后，我會在本文中修改該函數(shù)，以便滾動背景。而繪制平臺（它們不是圖像）需要更廣泛地使用 Canvas API。多用途的 drawImage() 方法您可以使用 Canvas 2D 上下文的 drawImage() 方法在畫布內(nèi)的任何地方繪制一個完整的圖像，或圖像內(nèi)的任何矩形區(qū)域，有選擇地沿著路線縮放圖像。除了圖像外，您還可以利用 drawImage() 繪制另一個畫布或一個 video 元素當前幀的內(nèi)容。這只是其中一個方法，但 drawImage() 還有助于便利地實現(xiàn)有趣的或者難以實現(xiàn)的應用程序（如視頻編輯軟件）。查看全文>>

    技術文章2017-06-15 |黑馬程序員web前端培訓學院 |web前端培訓,HTML培訓
  • 

    WEB前端培訓之David Geary對HTML5 的 2D 視頻游戲詳細剖析思路二

    drawRunner函數(shù)中主要是將三個參數(shù)（一個圖像、左側坐標和頂部坐標）向drawImage()傳遞，其中頂部坐標由跑步者所駐留的平臺決定，而左側坐標則是一個常數(shù)查看全文>>

    技術文章2017-06-15 |黑馬程序員web前端開發(fā)學院 |web前端培訓,HTML培訓
  • 

    WEB前端培訓之David Geary對HTML5 的 2D 視頻游戲詳細剖析思路三

    既然圖形和動畫的先決條件已經(jīng)得到滿足，那么現(xiàn)在是時候讓 Snail Bait 動起來了。首先，我在游戲的 HTML 中讓 requestNextAnimationFrame() 包含 JavaScript。startGame() 函數(shù)由背景圖像的 onload 事件處理器調(diào)用，該函數(shù)通過調(diào)用 requestNextAnimationFrame() polyfill 啟動游戲。在繪制游戲的第一個動畫幀時，瀏覽器會調(diào)用 animate() 函數(shù)。查看全文>>

    技術文章2017-06-15 |黑馬程序員web前端培訓學院 |web前端培訓,HTML培訓
  • 

    WEB前端開發(fā)之video標簽使用教程

    HTML5 中video標簽是用來對視頻文件播放的，而我們的視頻文件大多數(shù)格式的都是以flv后綴或者是mp3和MP4結尾的。不過有時候發(fā)現(xiàn)在html網(wǎng)頁中，一般情況下，MP4或者MP3格式的視頻都不能播放。因此，我們巧妙的借助HTML5 的video標簽。就可以正常播放MP4的視頻了。查看全文>>

    技術文章2017-06-15 |黑馬程序員web前端培訓學院 |web前端培訓,HTML培訓
  • 

    WEB前端培訓之針對main.css改進型模仿

    針對main.css改進型模仿 大多數(shù)人推薦使用normalize.css重置默認樣式,我們今天給大家演示一個main.css改進型模型。查看全文>>

    技術文章2017-06-15 |黑馬程序員web前端培訓學院 |web前端培訓,HTML培訓
  << < 1... 162 163 164 165 166 167 168 ...172 > >>