Famo.us

[Famous] New Engine 介紹

Famous 更新之後,完全是一種爹不親娘不認的狀態!除了整個 Github 的專案直接捨棄之外,結構上也完全重新來過一次。看著我之前大費周章寫在 Github issue 上面的那些文章,不免有些難過(淚 這一切都是幻覺,嚇不倒我的! -------------------------------------------------------------------------------- 開發環境 全新的結構跟之前落差太大,所以只好重新介紹一遍。這次 Famous 在開發工具上,直接做了一個 CLI 工具,讓你可以直接使用命令列,來建立你的 Famous 專案。 > 詳情請見:http://famous.org/

[Famo.us] inputs 模組 Part 2

[UPDATE] Famo.us 官方已捨棄此模組,詳情請看官方 Github [https://github.com/famous/engine] 接續著講滑鼠、觸控等其他的模組。 MouseSync 顧名思義,就是跟滑鼠控制相關的同步事件模組,預設值有以下項目, MouseSync.DEFAULT_OPTIONS = { direction: undefined, // 方向 rails: false, // 指定單一方向移動 scale: 1, // 滑鼠軌跡放大倍率 propogate: true // 在文件中加入 mouseleave

[Famo.us] inputs 模組 Part 1

[UPDATE] Famo.us 官方已捨棄此模組,詳情請看官方 Github [https://github.com/famous/engine] 在 Famo.us 當中,提供了不少關於輸入(input)的模組,主要是用於接收使用者的操作輸入,諸如滑鼠、捲軸、觸控等等。 -------------------------------------------------------------------------------- 輸入控制 常見的輸入控制,除了滑鼠與觸控外,捲軸與手勢動作也包含在這些模組當中,主要有下列輸入模組可以使用, 非輸入模組 * Accumulator 累加器,他提供一組累加功能,單純的使用

[Famo.us] SlideShow 模組開發

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

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

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