JavaScript - HINA::工程幼稚園 (Page 12)

[Famo.us] SlideShow 模組開發

Jun 5, 2014 4 min read Famo.us Plugins SlideShow JavaScript

[UPDATE] Famo.us 官方已捨棄此模組，所以本範例只能在舊有的 Famo.us 上面運行，詳情請看官方 Github [https://github.com/famous/engine] 身為農夫，種點菜也是很合理的。 -------------------------------------------------------------------------------- Slideshow 概念是這樣，我們利用左右兩邊的頁面來置換中間的頁面，所以只需要兩段 Transform 來做這個動作。這個東西其實用 Famo.us 幾個模組就能兜出來，只是為了方便起見，所以才把它打包成模組方便使用。 Famo.us 模組

[Famo.us] Event 核心與模組介紹

Jun 5, 2014 5 min read Famo.us JavaScript Events

[UPDATE] Famo.us 官方已捨棄此模組，詳情請看官方 Github [https://github.com/famous/engine] EventHandler, EventEmitter 這兩項核心很常出現在其他的模組當中，主要是負責事件控制、監聽與觸發，但是他跟 DOM 就沒有關係，單純的是綁在模組或是元件上面。 -------------------------------------------------------------------------------- EventEmitter 核心是 EventHandler 核心所依賴的核心（沒有之一，用於將事件往下擴散（或是將其子元件事件綁定在自己身上。方法 * emit(type, event)

[Famo.us] Transform 核心模組

Jun 5, 2014 3 min read Famo.us Transform Modules JavaScript

[UPDATE] Famo.us 官方已捨棄此模組，詳情請看官方 Github [https://github.com/famous/engine] Transform 是整個 Famo.us 動態效果的核心，預設全部都使用 matrix3d() 來做，有關於 matrix 的部分，可以參考 MDN 的說明 [https://developer.mozilla.org/en-US/docs/Web/CSS/

[Famo.us] RenderNode 核心說明

Jun 5, 2014 3 min read Famo.us RenderNode JavaScript

[UPDATE] Famo.us 官方已捨棄此模組，詳情請看官方 Github [https://github.com/famous/engine] RenderNode 算是整個 Famo.us 對於元件樹狀結構的核心，他專門用來處理你的元件，在樹狀結構中應該要怎麼長是靠他來處理。 -------------------------------------------------------------------------------- RenderNode 核心這個核心很特殊，你應該也幾乎沒有機會能直接使用他。他的初始化必須要是一個可渲染（renderable）的元件，而這個元件經過初始化後，自身就會轉換成 RenderNode 物件，來提供給 Famo.us

[Famo.us] Scene 核心說明

Jun 5, 2014 3 min read Famo.us Scene Modules JavaScript

[UPDATE] Famo.us 官方已捨棄此模組，詳情請看官方 Github [https://github.com/famous/engine] 這個核心模組是用於提供一個已經定義好的結構化場景，定義什麼呢？ -------------------------------------------------------------------------------- Scene 核心說穿了，他等同於一組 Modifier 物件，定義了以下這些事情， * translate * rotate * rotateX * rotateY * rotateZ * rotateAxis * scale * skew 以上必須要是 Transform 模組的相對應物件。 * matrix3d