摘要：傳送門 Github地址：https://github.com/AlloyTeam/AlloyTouch 簡介 AlloyTouch的本質是運動一個數字，把數字的物理變化映射到你想映射的任何屬性上。所以帶來了廣泛的應用場景。不論實在應用、游戲、操作系統等許多層面，監聽用戶觸摸，給用戶真實的運動反饋是 閱讀全文
transformjs玩轉星球
2016-12-05 08:19 by 【當耐特】, 2603 閱讀, 4 推薦, 收藏,
摘要：如你所見。這篇就是要講下使用 "transformjs" 制作星球的過程。你也可以無視文章，直接去看源碼和在線演示： "源碼" | "在線演示" 代碼100行多一點，直接看也沒有什么壓力。下面分幾步講解下。 生成球上點坐標 設球心為 (a,b,c),半徑為r, 則球的標準方程為 (x a)²+(y 閱讀全文
swing with transformjs
2016-11-29 10:39 by 【當耐特】, 918 閱讀, 1 推薦, 收藏,
摘要：Antecedent Facebook made a HTML5 game long time ago. The opening animation is a piece of software that is similar to tofu, the effect as shown below g 閱讀全文
和transformjs一起搖擺
2016-11-28 13:06 by 【當耐特】, 2046 閱讀, 3 推薦, 收藏,
摘要：寫在前面 記得以前facebook做過一款HTML5游戲。開場動畫是一塊軟體類似豆腐的東西一起搖擺。類似的效果如下面的gif所示： facebook當時使用的是createjs下的子項目easeljs和tweenjs去制作，基于Canvas的動畫。基本的原理主要是：循環運動Canvas抽象的Disp 閱讀全文
getting started with transformjs
2016-11-26 16:31 by 【當耐特】, 1034 閱讀, 0 推薦, 收藏,
摘要：Introduction In the past two years, more and more friends for mobile web development have used the "transformjs" . I will introduce it in order to all 閱讀全文
移動Web利器transformjs入門
2016-11-25 11:06 by 【當耐特】, 8779 閱讀, 3 推薦, 收藏,
摘要：簡介 在過去的兩年，越來越多的同事、朋友和其他不認識的童鞋進行移動web開發的時候，都使用了 "transformjs" ，所有必要介紹一下，讓更多的人受益，提高編程效率，并享受編程樂趣。（當然transformjs不僅僅支持移動設備， "支持CSS3 3D Transforms的瀏覽器" 都能正常 閱讀全文
騰訊AlloyTeam移動Web裁剪組件AlloyCrop正式開源
2016-11-17 11:12 by 【當耐特】, 4104 閱讀, 6 推薦, 收藏,
摘要：傳送門 Github地址： "https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop" 在線Demo演示: 簡介 裁剪圖片的應用場景有頭像編輯、圖像編輯，在移動端要配合手勢以及進行觸摸反饋來進行變形以確認用戶的選區進行裁剪。Al 閱讀全文
Why AlloyFinger is so much smaller than hammerjs?
2016-11-15 10:35 by 【當耐特】, 1564 閱讀, 0 推薦, 收藏,
摘要："AlloyFinger" is the mobile web gesture solution at present inside my company, major projects are in use. You can browse the source on GitHub： "https: 閱讀全文
超小Web手勢庫AlloyFinger原理
2016-11-11 10:01 by 【當耐特】, 3367 閱讀, 13 推薦, 收藏,
摘要：目前 "AlloyFinger" 作為騰訊手機QQ web手勢解決方案，在各大項目中都發揮著作用。 感興趣的同學可以去Github看看： "https://github.com/AlloyTeam/AlloyFinger" 在騰訊，如：興趣部落、QQ群、QQ動漫、騰訊學院、TEDxTencent、 閱讀全文
漫談Nuclear Web組件化入門篇
2016-11-05 16:46 by 【當耐特】, 1657 閱讀, 2 推薦, 收藏,
摘要：目前來看，團隊內部前端項目已全面實施組件化開發。組件化的好處太多，如：按需加載、可復用、易維護、可擴展、少挖坑、不改組件代碼直接切成服務器端渲染（如 "Nuclear" 組件化可以做到，大家叫同構)... 怎么做到這么強大的優勢，來回憶下以前見過的坑，或者現有項目里的坑。 CSS層疊樣式？保佑不要污 閱讀全文
時光倒流程序設計-AlloyTicker
2016-07-25 11:10 by 【當耐特】, 1865 閱讀, 3 推薦, 收藏,
摘要：熵與負熵 熵遵循熵增原理，即無序非熱能與熱能之間的轉換具有方向性。薛定諤說過：生命本質在于負熵。熵代表的是無序，負熵就是熵的對立，而負熵表示的則是有序。汲取負熵（米飯、面包、牛奶、雞蛋），可以簡單的理解為從外界吸收了物質或者能量之后，轉化成負熵流，使系統的熵降低，人體變得更加有序。 那么一直吃飯為何 閱讀全文
kmdjs集成uglifyjs2打造極致的編程體驗
2016-06-14 19:13 by 【當耐特】, 1230 閱讀, 3 推薦, 收藏,
摘要：回顧 "上篇" 文章大概展示了kmdjs0.1.x時期的編程范式： 如下面所示，可以直接依賴注入到function里， 也可以直接在代碼里把full namespace加上來調用，如： 而且，在循環依賴的場景，因為執行順序的問題，會導致第一種方式注入undefined，所以循環依賴的情況下只能用fu 閱讀全文
kmdjs和循環依賴
2016-06-13 18:26 by 【當耐特】, 1087 閱讀, 0 推薦, 收藏,
摘要：循環依賴 循環依賴是非常必要的，有的程序寫著寫著就循環依賴了，可以提取出一個對象來共同依賴解決循環依賴，但是有時會破壞程序的邏輯自封閉和高內聚。所以沒解決好循環依賴的模塊化庫、框架、編譯器都不是一個好庫、框架、編譯器。 kmdjs的本質就是{}，從{}擴展出的tree。從很早的版本就開始，是支持循環 閱讀全文
超級小的web手勢庫AlloyFinger發布
2016-05-26 09:50 by 【當耐特】, 3656 閱讀, 3 推薦, 收藏,
摘要：簡介 針對多點觸控設備編程的Web手勢組件，快速幫助你的web程序增加手勢支持，也不用再擔心click 300ms的延遲了。擁有兩個版本，無依賴的獨立版和react版本。除了Dom對象，也可監聽Canvas內元素的手勢（需要Canvas引擎內置對象支持addEventListener綁定touch相 閱讀全文
移動web開發調試工具AlloyLever介紹
2016-05-10 13:27 by 【當耐特】, 3207 閱讀, 1 推薦, 收藏,
摘要：簡介 web調試有幾個非常頻繁的剛需：看log、看error、看AJAX發包與回包。其他的如timeline和cookie以及localstorage就不是那么頻繁，但是AlloyLever都支持。如你所見： 特征 點擊alloylever按鈕之間切換顯示或隱藏工具面板 Console會輸出所有用戶 閱讀全文
零基礎制作物理引擎--創造力量
2016-01-07 09:41 by 【當耐特】, 5921 閱讀, 4 推薦, 收藏,
摘要：寫在前面 "上篇" 其實有重力，但是重力是經過重心，可以把物體看出質點，問題就變得簡單，經過重心只產生線速度，不產生角速度。 這篇文章的力量其實是指：力（Force）和沖量（Impulse），不一定過重心。 邊寫引擎過程中，邊補習牛頓經典力學體系，但是依然記得大學時候物理老師反復強調：“牛頓錯了，牛 閱讀全文
零基礎制作物理引擎--創造世界
2016-01-06 10:36 by 【當耐特】, 12669 閱讀, 39 推薦, 收藏,
摘要：寫在前面
2011年在寫了個物理引擎，期間重新啃起了物理課本，一晃就是5年，
當年自己寫的物理引擎的代碼又閱讀一遍，受益匪淺，加上最近制作坦克爭霸使用Box2d的思考，對物理引擎管線又有了新的認識和體會。
人除了造人，還可以是造世界，這兩種時候人能夠扮演上帝的角色。有人會說：“幾個小球撞來撞球算哪... 閱讀全文
折線轉曲線
2015-09-15 10:12 by 【當耐特】, 3858 閱讀, 1 推薦, 收藏,
摘要：寫在前面 這個東西其實是有價值的東西。因為在軟體模擬、數學方程可視化、流體模擬、數據可視化等等方面都有其用武之地。 如水的模擬： 心形函數方程轉圖像 線性報表 其原理都是通過三次貝塞爾曲線將有限個數的點平滑化。 問題建模 已知若干個點，繪制出該點連接的曲線。 這里實驗平臺使用瀏覽器環境，即Canva 閱讀全文
Nuclear開始
2015-07-13 12:46 by 【當耐特】, 1937 閱讀, 2 推薦, 收藏,
摘要：#為什么Nuclear這里列舉Nuclear在競品中的優勢：- 借助瀏覽器本身的機制，無任何代碼約定和入侵- 放心使用HTML+CSS+JS- observejs替代EventLoop、requestAnimationFrame、Ticker等定時循環- 解決MV*無法構建復雜特效的難題，隨意構建超... 閱讀全文
AlloyRenderingEngine燃燒的進度條
2015-05-25 09:25 by 【當耐特】, 2569 閱讀, 2 推薦, 收藏,
摘要：寫在前面Github: https://github.com/AlloyTeam/AlloyGameEngineHTML 5新增了progress標簽，那么再去使用AlloyRenderingEngine去模擬進度條是否多余？ 不多余。有四大好處： 樣式更加靈活(想怎么繪制就怎么繪制) ... 閱讀全文
AlloyRenderingEngine文本框組件
2015-05-20 09:36 by 【當耐特】, 1090 閱讀, 1 推薦, 收藏,
摘要：寫在前面Github: https://github.com/AlloyTeam/AlloyGameEngine在dom元素里，自帶了input標簽，設置其type為text，它就是一個文本框。那么在Canvas中模擬input文本框是不是閑的沒事找事？絕對不是！因為在游戲當中可以統一化像素管理，具... 閱讀全文
observejs改善組件編程體驗
2015-05-18 08:49 by 【當耐特】, 1915 閱讀, 0 推薦, 收藏,
摘要：傳送門 observejs：https://github.com/kmdjs/observejs 本文演示：http://kmdjs.github.io/observejs/list/ 本文代碼：https://github.com/kmdjs/observejs/tree/master/examp 閱讀全文
強大的observejs
2015-05-07 17:39 by 【當耐特】, 5279 閱讀, 1 推薦, 收藏,
摘要：##寫在前面各大MVVM框架的雙向綁定太難以觀察，很難直觀地從業務代碼里知道發生了什么，我不是雙向綁定的反對者，只是認為雙向綁定不應該糅合進底層框架，而應該出現在業務代碼中，或者是業務和框架之間的代碼上，由開發者實現，由開發者決定觀察什么，決定響應什么。以及Object.observe的支持度不夠好... 閱讀全文
Reactjs-JQuery-Omi-Extjs-Angularjs對比
2015-05-06 12:22 by 【當耐特】, 24067 閱讀, 4 推薦, 收藏,
摘要：寫在前面 前端越來越混亂了，當然也可以美其名曰：繁榮。 當新啟動一個前端項目，第一件事就是糾結：使用什么框架，重造什么輪子？ 那么，希望看完此篇，能夠給你一個清晰的認識，或者讓你更加地糾結和無所適從 = =！ 本篇拿一注冊功能作為樣本，使用各種框架去實現功能，從而對比各種方式的優劣。 JQuery 閱讀全文
AlloyRenderingEngine繼承
2015-04-28 14:59 by 【當耐特】, 1088 閱讀, 0 推薦, 收藏,
摘要：寫在前面不讀文章，只對代碼感興趣可以直接跳轉到這里 https://github.com/AlloyTeam/AlloyGameEngine然后star一下，多謝支持:)。前幾天發了篇向ES6靠齊的Class.js，當初jr為什么不把父類的實例暴露給子類，其原因還是為了延續原型繼承的習慣，子類重寫就... 閱讀全文
AlloyRenderingEngine之Shape
2015-04-23 16:49 by 【當耐特】, 1079 閱讀, 1 推薦, 收藏,
摘要：寫在前面不讀文章，只對代碼感興趣可以直接跳轉到這里 https://github.com/AlloyTeam/AlloyGameEngine然后star一下，多謝支持:)。游戲或者應用中，不是所有的地方都是貼圖，Shape 也有很常見的應用場景，如游戲中顯示HP的血條。大量的Shape可以組成矢量圖... 閱讀全文
spritecow改造
2015-03-09 09:47 by 【當耐特】, 2457 閱讀, 1 推薦, 收藏,
摘要：快速入口
不讀文章可以直接拐向這里： spritecow二代:https://kmdjs.github.io/arejs tool sprite/ 寫在前面
工欲善其事必先利其器，最近fork了一份spritecow代碼進行了大量升級改造，
作為 "AlloyRenderingEngine"... 閱讀全文
AlloyRenderingEngine開門大吉
2015-02-28 20:10 by 【當耐特】, 1392 閱讀, 0 推薦, 收藏,
摘要：##快速入口不讀文章可以直接拐向這里：github:https://github.com/AlloyTeam/AlloyRenderingEnginewebsite:http://alloyteam.github.io/AlloyRenderingEngine/api:http://alloytea... 閱讀全文
一步一步HTML5粒子編輯器
2015-01-24 08:44 by 【當耐特】, 4763 閱讀, 1 推薦, 收藏,
摘要：寫在前面大家閱讀此文之前，可以先看一篇MiloYip的文章：用JavaScript玩轉游戲物理(一)運動學模擬與粒子系統，看完之后再看此文，更加容易理解。MiloYip使用的粒子是canvas中繪制的圓，還有一些粒子效果是基于 像素級別的，如：火焰字 ，但是使用像素的計算成本太大，因為需要的粒子數量... 閱讀全文
transformjs：讓天下沒有難做的生意！不對，是特效！
2014-09-24 10:51 by 【當耐特】, 7714 閱讀, 3 推薦, 收藏,
摘要：? 寫在前面 transform是css3新增的一個屬性,可是令開發者費解的是，其內部又有大量的屬性如旋轉、縮放、扭曲、平移，這也就導致了獲取或者是設置transform中一個或者多個屬性變得異常麻煩。 transform.js意義 讓前端沒有難做的特效 告別style.xxxTransform= 閱讀全文
kmdjs指令大全
2014-09-22 10:31 by 【當耐特】, 1467 閱讀, 2 推薦, 收藏,
摘要：### 調試通過下面方式，可以輸出kmdjs聲稱的類： 在kmd.js后面加上?debug可以在console面板查看到依賴關系和輸出的class。### 依賴可視化通過下面方式，可以輸出使用canvas繪制的項目依賴關系圖： 依賴關系，甚至是循環依賴在圖中都能體現出來。### 合并js... 閱讀全文
kmdjs api reference
2014-09-21 09:23 by 【當耐特】, 1455 閱讀, 1 推薦, 收藏,
摘要：## 總覽kmdjs的主要就兩個API：kmdjs.config和define## kmdjs.configkmdjs.config是用于項目整體配置，一般的配置如下所示：```javascriptkmdjs.config({ name:"HelloKMD", baseUrl: "js"... 閱讀全文
AMD and CMD are dead之KMDjs內核之分號
2014-07-16 17:28 by 【當耐特】, 1287 閱讀, 1 推薦, 收藏,
摘要：在老版本的kmdjs中，強制了分號的要求。但是總感覺不爽，因為在開發Ket - Kmdjs Extension Tools的時候，總需要導入一些開源的庫，然后痛苦就來了，總是報錯，一查，就是缺少分號！！后來一想，既能jslint可以檢測哪里缺少分號，那么是不是可以在使用jslint在缺少的地方加分號？把jslint當作庫來用，而不是工具，所以立刻看了看jslint源碼，然后碼了一段： 上面... 閱讀全文
AMD and CMD are dead之KMDjs內核之依賴分析
2014-07-13 21:10 by 【當耐特】, 1752 閱讀, 4 推薦, 收藏,
摘要：有人說js中有三座大三：this、原型鏈和scope tree，搞懂了他們就算是js成人禮。當然還有其他不同看法的js成人禮，如熟悉js的：OOP、AP、FP、DOP、AOP。當然還聽說一種最牛B的js成人禮：熟悉jQuery……= =!因為$里面可以放下全世界，比如$(“全世界”)…這篇文章主要講... 閱讀全文
AMD and CMD are dead之KMDjs集成Blob一鍵下載全部build包
2014-07-06 14:58 by 【當耐特】, 1366 閱讀, 1 推薦, 收藏,
摘要：更新 不zuo，[A/C]MD就不會死，所以kmdjs贏來來其偉大的版本0.0.6，該版本主要的更新有： 移除去了kmdjs.get(..).then的支持，只支持kmdjs.get(…,function(){ }) 作此更改有三點目的： 1.讓build之后js文件盡量小，因為可以省去promise庫 2.讓require.async的用戶平滑過渡到kmdjs.get 3.k... 閱讀全文
AMD and CMD are dead之KMDjs在JS工程化的努力
2014-07-03 12:20 by 【當耐特】, 1464 閱讀, 0 推薦, 收藏,
摘要：總覽 kmdjs發布了最接近最終版本的0.0.4版本https://github.com/kmdjs/kmdjs，你已經完全可以在項目中使用。我已經無法用語言形容其完美程度。借用我發的微博： 模塊管理 kmdjs僅僅需要一處配置，即main.js上部的kmdjs.config，用于配置項目名稱、baseUrl，并且列出所有Class和其于路徑的mapping。在開發桌面程序的時候，這個... 閱讀全文
AMD and CMD are dead之Why Namespace?
2014-07-01 08:56 by 【當耐特】, 1516 閱讀, 0 推薦, 收藏,
摘要：緣由 當我看到_Franky兄的微博的時候： 我覺得我有必要出來詳細說說KMDjs到底有什么本質上的優勢了，連教主_Franky、貘吃饃香都不能理解他的好處，那么可想而知，在前端圈、或是全端圈、或是IT圈，能夠理解KMDjs優勢的碼夫更加是屈指可數。 Why Namespace？ KMDjs是能方便組織Namespace，并且Class Base。針對namespace，... 閱讀全文
AMD and CMD are dead之KMD.js之懶
2014-06-30 10:05 by 【當耐特】, 2131 閱讀, 1 推薦, 收藏,
摘要：緣由 “懶”在軟件設計中，有著重大的意義。最常見的兩種“懶”，便是： 懶得計算 懶得加載 “懶得計算”常見于服務器端： 比如Multiplayer Online Role-PlayingGame，客戶端主動計算，游戲服務器平滑過渡，在性能、游戲同步性找一個合適恰當的點。其目的是節約服務器端CPU、內存等的消耗，把許多消耗性能的計算分布在玩家電腦上； 比如cache，任何ca... 閱讀全文
AMD and CMD are dead之KMD.js版本0.0.2發布
2014-06-28 18:55 by 【當耐特】, 1505 閱讀, 1 推薦, 收藏,
摘要：更新 正式從UglifyJS切換至UglifyJS2 增加依賴可視化功能 壓縮代碼更加方便 統一風格：如main的class名也不能省略 優化了kmdjs管道 修復了無數bug 通過src開啟debug模式 代碼格式強制分號結束，不然報錯 問題 1.從UglifyJS切換至UglifyJS2，主要是Ug... 閱讀全文
AMD and CMD are dead之JS工程化終極解決方案KMD.js版本0.0.1發布
2014-06-24 10:56 by 【當耐特】, 1614 閱讀, 2 推薦, 收藏,
摘要：回顧 經過兩天晚上瘋狂的開發調試，伴隨著大量掉落的頭發和酸痛的頸椎，KMD.js贏來了第一個穩定版本。在此期間KMD規范也有所修改和完善。 這兩天主要完成的功能有： 按需加載 版本控制 模塊管理 便捷調試 依賴打包 性能優化 依賴可視 在此，要感謝那些偉大的項目（雖然部分將要死去），但依然感謝： windjshttp://windjs.org/... 閱讀全文
浙公網安備 33010602011771號