摘要：不論實(shí)在應(yīng)用游戲操作系統(tǒng)等許多層面，監(jiān)聽(tīng)用戶觸摸，給用戶真實(shí)的運(yùn)動(dòng)反饋是很常見(jiàn)的應(yīng)用場(chǎng)景。正是為了解決這類(lèi)問(wèn)題而生。版本不支持該事件運(yùn)動(dòng)結(jié)束比如上面是運(yùn)動(dòng)的屬性，必須要擁有屬性才能正常工作。

Github地址：https://github.com/AlloyTeam/...

AlloyTouch的本質(zhì)是運(yùn)動(dòng)一個(gè)數(shù)字，把數(shù)字的物理變化映射到你想映射的任何屬性上。所以帶來(lái)了廣泛的應(yīng)用場(chǎng)景。不論實(shí)在應(yīng)用、游戲、操作系統(tǒng)等許多層面，監(jiān)聽(tīng)用戶觸摸，給用戶真實(shí)的運(yùn)動(dòng)反饋是很常見(jiàn)的應(yīng)用場(chǎng)景。如王者榮耀里，旋轉(zhuǎn)用戶角色，抽獎(jiǎng)程序滾動(dòng)轉(zhuǎn)盤(pán)、頁(yè)面滾動(dòng)、局部滾動(dòng)等。

上面的那些場(chǎng)景，都會(huì)使用到下面三種過(guò)程之一：

觸摸、運(yùn)動(dòng)、減速、停止

觸摸、運(yùn)動(dòng)、減速、回彈、停止

觸摸、回彈、停止

上面的運(yùn)動(dòng)可以是任何形式，如旋轉(zhuǎn)、平移、zoom等運(yùn)動(dòng)形式。當(dāng)然，在上面過(guò)程執(zhí)行的過(guò)程中，如果有其他用戶交互介入，會(huì)停止當(dāng)前的過(guò)程，繼而反饋用戶新的觸摸手勢(shì)。AlloyTouch正是為了解決這類(lèi)問(wèn)題而生。同時(shí)做到了:

極小的文件大?。ú坏?00行代碼）

與頁(yè)面布局無(wú)關(guān)

運(yùn)動(dòng)屬性無(wú)關(guān)，能運(yùn)動(dòng)對(duì)象字量（如｛x:100｝）

渲染無(wú)關(guān)的設(shè)計(jì)（dom、canvas、webgl、svg都能使用）

真實(shí)的物理運(yùn)動(dòng)軌跡

高效的運(yùn)動(dòng)方式

極簡(jiǎn)的API設(shè)計(jì)

npm install alloytouch

new AlloyTouch({
    touch:"#wrapper",//反饋觸摸的dom
    target: target, //運(yùn)動(dòng)的對(duì)象
    property: "translateY",  //被運(yùn)動(dòng)的屬性
    min: 100, //不必需,運(yùn)動(dòng)屬性的最小值,越界會(huì)回彈
    max: 2000, //不必需,滾動(dòng)屬性的最大值,越界會(huì)回彈
    vertical: true,//不必需，默認(rèn)是true代表監(jiān)聽(tīng)豎直方向touch
    sensitivity: 1,//不必需,觸摸區(qū)域的靈敏度，默認(rèn)值為1，可以為負(fù)數(shù)
    factor: 1,//不必需,表示觸摸位移與被運(yùn)動(dòng)屬性映射關(guān)系，默認(rèn)值是1
    step: 45,//不必需，用于校正到step的整數(shù)倍
    change:function(){  }, //不必需，屬性改變的回調(diào)。alloytouch.css版本不支持該事件
    touchStart:function(value){  },
    touchMove:function(value){  },
    touchEnd:function(value){  },
    animationEnd:function(value){  } //運(yùn)動(dòng)結(jié)束
 })

比如上面是運(yùn)動(dòng)target的translateY屬性，必須要target擁有translateY屬性才能正常工作。
你可以使用transformjs賦予dom的快速tranformation能力。所以一般需要AlloyTouch dom元素的話，可以：

var target = document.querySelector("#scroller");
//給element注入transform屬性
Transform(target,true);

new AlloyTouch({
...
...

Github地址：https://github.com/AlloyTeam/AlloyTouch
歡迎issues:https://github.com/AlloyTeam/AlloyTouch/issues
我們會(huì)在第一時(shí)間響應(yīng)你的意見(jiàn)和建議。