iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 2
1
Software Development

用Canvas打造自己的遊樂場系列 第 2

[Day02]用Canvas打造自己的遊樂場-HTML、Canvas、JavaScript

  • 分享至 

  • xImage
  •  

今天要來簡單介紹一下之後會用到的三個必要工具

  1. HTML

我相信大家都對於HTML相當的熟悉,我也是這樣認為的,但當我問自己,要如何解釋HTML時,才驚覺自己不能明確的說明,趕緊來惡補一下
查閱一些資料後,我會說HTML是一種標記語言,告訴瀏覽器如何呈現畫面.
HTML是由許多元素(elements)所構成,而元素包含了兩個部分,標籤(tags)以及內容(content).

標籤決定了內容的呈現方式,內容中也可再包入下一層的元素,透過各元素的堆疊,可以讓網頁呈現出我們所希望的樣貌這邊呢是很粗略的說法,HTML如果要鑽研也是一門學問,因為之後用到的不多,所以講基本的而已.

  1. Canvas

Canvas則是HTML的一種元素,他就像是網頁中的畫布,可以呈現各種我們想要的畫面.
不過Canvas通常會搭配JavaScript一起使用.

  1. JavaScript

瀏覽器在呈現畫面時,HTML提供了靜態畫面的呈現,但如果我們今天希望我的網頁是能夠互動的、或者會改變的、需要計算的.光靠HTML是很困難的,這時候我們就需要JavaScript的協助.
JavaScript是門程式語言,他可以進行變數的運算、處理頁面上所發生的互動事件、...等等多種功能.JS的code也可以直接在瀏覽器上執行.對我的題目來說挺方便的

接下來的幾天會以編寫JavaScript為主,遊戲的邏輯、操作都靠JS完成,再呈現於Canvas的畫面中,而HTML單純扮演鑲嵌Canvas的平台.


上一篇
[Day01]用Canvas打造自己的遊樂場-出發
下一篇
[Day03]用Canvas打造自己的遊樂場-HTML基本結構、JS引入
系列文
用Canvas打造自己的遊樂場30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言