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

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

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

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

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

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

觸摸、回彈、停止

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

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

與頁面布局無關(guān)

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

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

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

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

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

npm install alloytouch

new AlloyTouch({
    touch:"#wrapper",//反饋觸摸的dom
    target: target, //運(yùn)動(dòng)的對象
    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)聽豎直方向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)你的意見和建議。