html5遊戲開發實戰進階

  HTML5 是構建 Web 內容的一種語言描述方式,是最新的 HTML 標準,是構建以及呈現互聯網內容的一種語言方式.被認為是互聯網的核心技術之一。HTML5 是跨平臺的,被設計為在不同類型的硬件(PC、平板、手機、電視機等等)之上運行。

  為什麼要學習HTML5遊戲?

  答案是 跨平臺。任何支持多數 web 標準功能的瀏覽器或是瀏覽器控件都可以打開遊戲。也就是說,你開發了一個 web 遊戲,那麼使用 android、蘋果、wp手機都可以玩你的遊戲,其它的比如之前 Ubuntu 開發的手機、平板系統都可以,甚至連智能電視都可以,只要它支持大多數的 HTML5 標準。你需要做的只是打包一下你的遊戲,發布成相幹平臺的安裝包就可以了。

  需要什麼樣的技術前提?

  需要了解 JavaScript 的語句、聲明、表達式、運算符和一些常用的內置對象。可能有的朋友還不具備這些需求,你寫完遊戲之後回過頭來重申你這個「創作」的過程,你就會發現,web遊戲開發真的很簡單,你需要的只是多練習。至於JavaScript這門語言,有前面提到的這個參考文檔就足夠了。後續的進階教程裡會有TypeScript和ES6版本,不明白這兩個術語就先跳過,沒有影響。

  什麼是遊戲引擎?

  使用 canvas 或 webgl 來開發遊戲是完全可以的,遊戲引擎就是封裝了這些基礎方法,包裝成方便的工具模塊,再加入物理引擎等等。在繪制一條貝塞爾曲線的時候,需要先翻出來公式,然後根據公式去實現算法,或是要模擬重力引擎,先翻出牛頓爵士的力學3大定理,然後用算法實現功能,再應用到圖片上實現效果等等。想想這個過程,這個感覺就像是放著飛機不坐,選擇走路去出差一樣,然後在漫漫長路上不停的抱怨著這麼好的風景為什麼不開家飯店、旅館等等,苦不堪言。這裡做這些說明的意思是說不要著急造輪子,等到內功練到一定程度的時候再去做,畢竟從基礎的api到一款可以使用的遊戲引擎之間的路是很漫長很艱巨的。

  一個遊戲需要包含哪些要素?

  簡單來說:1、需要一個舞臺,即大家眼睛可以看到的東西;2、需要演員,即遊戲的元素內容。通常使用的名字是:State(舞臺),Sprite(精靈),還有聲音、文字等等,都屬於遊戲元素。3、遊戲的邏輯,也就是遊戲的玩法,邏輯越龐雜,玩法越豐富,遊戲就越有吸引力。

  本系列教程中使用的開發工具是 visual studio code(簡寫 vscode),一款開源又好用的編輯器。入門教程旨在照顧0入門的新手讀者,會比較簡單,後面的實戰教程希望大家能跟著動手寫,而不是直接複製代碼看效果,有了理論加上實踐進步會更快。

  在 html5 普及的情況下,快速開發跨平臺的遊戲或活動頁面已經成為很多公司的必備技能。課程主要內容從介紹遊戲開發開始逐漸深入,隨著遊戲案例教程慢慢抽絲剝繭,」、「背後思想」等等概念浮現到讀者眼前,給讀者一種原來開發遊戲這麼簡單,然後進一步暗示開發過程中的「思想」這一核心理念,引導並幫助讀者獨立思考,從而在思想上能夠更進一步。

  冒險類遊戲圖示。

  

  你會學到什麼?

  html5 下基於 JavaScript 的遊戲引擎和基於 typescript 的遊戲引擎的序列圖動畫、骨骼動畫與遊戲開發,最重要的當然是遊戲開發的思維。

  適宜人群

  適合有些微 html5、javascrpit 基礎的人,喜歡或是愛好遊戲開發的讀者,圓大家一個遊戲開發的夢

  更多詳細資訊請關註公眾號: 程序猿來信

  

>html5遊戲開發實戰進階

9大玩不膩的單機遊戲

尋夢園

《英雄聯盟:雙城之戰》:遊戲IP改編的野心之作

尋夢園

《仙劍奇俠傳7》評測:理性分析拋開情懷,128元售價值回票價

尋夢園