代码改变世界

移动Web触摸与运动解决方案AlloyTouch开源啦

2016-12-05 15:26 by 【当耐特】, 1974 阅读, 4 推荐, 收藏, 编辑
摘要：传送门 Github地址：https://github.com/AlloyTeam/AlloyTouch 简介 AlloyTouch的本质是运动一个数字，把数字的物理变化映射到你想映射的任何属性上。所以带来了广泛的应用场景。不论实在应用、游戏、操作系统等许多层面，监听用户触摸，给用户真实的运动反馈是 阅读全文

transformjs玩转星球

2016-12-05 08:19 by 【当耐特】, 2575 阅读, 4 推荐, 收藏, 编辑
摘要：如你所见。这篇就是要讲下使用 "transformjs" 制作星球的过程。你也可以无视文章，直接去看源码和在线演示： "源码" | "在线演示" 代码100行多一点，直接看也没有什么压力。下面分几步讲解下。 生成球上点坐标 设球心为 (a,b,c),半径为r, 则球的标准方程为 (x a)²+(y 阅读全文

swing with transformjs

2016-11-29 10:39 by 【当耐特】, 904 阅读, 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 【当耐特】, 2012 阅读, 3 推荐, 收藏, 编辑
摘要：写在前面 记得以前facebook做过一款HTML5游戏。开场动画是一块软体类似豆腐的东西一起摇摆。类似的效果如下面的gif所示： facebook当时使用的是createjs下的子项目easeljs和tweenjs去制作，基于Canvas的动画。基本的原理主要是：循环运动Canvas抽象的Disp 阅读全文

getting started with transformjs

2016-11-26 16:31 by 【当耐特】, 1017 阅读, 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 【当耐特】, 8628 阅读, 3 推荐, 收藏, 编辑
摘要：简介 在过去的两年，越来越多的同事、朋友和其他不认识的童鞋进行移动web开发的时候，都使用了 "transformjs" ，所有必要介绍一下，让更多的人受益，提高编程效率，并享受编程乐趣。（当然transformjs不仅仅支持移动设备， "支持CSS3 3D Transforms的浏览器" 都能正常 阅读全文

腾讯AlloyTeam移动Web裁剪组件AlloyCrop正式开源

2016-11-17 11:12 by 【当耐特】, 4080 阅读, 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 【当耐特】, 1528 阅读, 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 【当耐特】, 3304 阅读, 13 推荐, 收藏, 编辑
摘要：目前 "AlloyFinger" 作为腾讯手机QQ web手势解决方案，在各大项目中都发挥着作用。 感兴趣的同学可以去Github看看： "https://github.com/AlloyTeam/AlloyFinger" 在腾讯，如：兴趣部落、QQ群、QQ动漫、腾讯学院、TEDxTencent、 阅读全文

漫谈Nuclear Web组件化入门篇

2016-11-05 16:46 by 【当耐特】, 1613 阅读, 1 推荐, 收藏, 编辑
摘要：目前来看，团队内部前端项目已全面实施组件化开发。组件化的好处太多，如：按需加载、可复用、易维护、可扩展、少挖坑、不改组件代码直接切成服务器端渲染（如 "Nuclear" 组件化可以做到，大家叫同构)... 怎么做到这么强大的优势，来回忆下以前见过的坑，或者现有项目里的坑。 CSS层叠样式？保佑不要污 阅读全文

时光倒流程序设计-AlloyTicker

2016-07-25 11:10 by 【当耐特】, 1821 阅读, 3 推荐, 收藏, 编辑
摘要：熵与负熵 熵遵循熵增原理，即无序非热能与热能之间的转换具有方向性。薛定谔说过：生命本质在于负熵。熵代表的是无序，负熵就是熵的对立，而负熵表示的则是有序。汲取负熵（米饭、面包、牛奶、鸡蛋），可以简单的理解为从外界吸收了物质或者能量之后，转化成负熵流，使系统的熵降低，人体变得更加有序。 那么一直吃饭为何 阅读全文

kmdjs集成uglifyjs2打造极致的编程体验

2016-06-14 19:13 by 【当耐特】, 1199 阅读, 3 推荐, 收藏, 编辑
摘要：回顾 "上篇" 文章大概展示了kmdjs0.1.x时期的编程范式： 如下面所示，可以直接依赖注入到function里， 也可以直接在代码里把full namespace加上来调用，如： 而且，在循环依赖的场景，因为执行顺序的问题，会导致第一种方式注入undefined，所以循环依赖的情况下只能用fu 阅读全文

kmdjs和循环依赖

2016-06-13 18:26 by 【当耐特】, 1054 阅读, 0 推荐, 收藏, 编辑
摘要：循环依赖 循环依赖是非常必要的，有的程序写着写着就循环依赖了，可以提取出一个对象来共同依赖解决循环依赖，但是有时会破坏程序的逻辑自封闭和高内聚。所以没解决好循环依赖的模块化库、框架、编译器都不是一个好库、框架、编译器。 kmdjs的本质就是{}，从{}扩展出的tree。从很早的版本就开始，是支持循环 阅读全文

超级小的web手势库AlloyFinger发布

2016-05-26 09:50 by 【当耐特】, 3610 阅读, 3 推荐, 收藏, 编辑
摘要：简介 针对多点触控设备编程的Web手势组件，快速帮助你的web程序增加手势支持，也不用再担心click 300ms的延迟了。拥有两个版本，无依赖的独立版和react版本。除了Dom对象，也可监听Canvas内元素的手势（需要Canvas引擎内置对象支持addEventListener绑定touch相 阅读全文

移动web开发调试工具AlloyLever介绍

2016-05-10 13:27 by 【当耐特】, 3172 阅读, 1 推荐, 收藏, 编辑
摘要：简介 web调试有几个非常频繁的刚需：看log、看error、看AJAX发包与回包。其他的如timeline和cookie以及localstorage就不是那么频繁，但是AlloyLever都支持。如你所见： 特征 点击alloylever按钮之间切换显示或隐藏工具面板 Console会输出所有用户 阅读全文

零基础制作物理引擎--创造力量

2016-01-07 09:41 by 【当耐特】, 5754 阅读, 4 推荐, 收藏, 编辑
摘要：写在前面 "上篇" 其实有重力，但是重力是经过重心，可以把物体看出质点，问题就变得简单，经过重心只产生线速度，不产生角速度。 这篇文章的力量其实是指：力（Force）和冲量（Impulse），不一定过重心。 边写引擎过程中，边补习牛顿经典力学体系，但是依然记得大学时候物理老师反复强调：“牛顿错了，牛 阅读全文

零基础制作物理引擎--创造世界

2016-01-06 10:36 by 【当耐特】, 12312 阅读, 39 推荐, 收藏, 编辑
摘要：写在前面 2011年在写了个物理引擎，期间重新啃起了物理课本，一晃就是5年， 当年自己写的物理引擎的代码又阅读一遍，受益匪浅，加上最近制作坦克争霸使用Box2d的思考，对物理引擎管线又有了新的认识和体会。 人除了造人，还可以是造世界，这两种时候人能够扮演上帝的角色。有人会说：“几个小球撞来撞球算哪... 阅读全文

折线转曲线

2015-09-15 10:12 by 【当耐特】, 3731 阅读, 1 推荐, 收藏, 编辑
摘要：写在前面 这个东西其实是有价值的东西。因为在软体模拟、数学方程可视化、流体模拟、数据可视化等等方面都有其用武之地。 如水的模拟： 心形函数方程转图像 线性报表 其原理都是通过三次贝塞尔曲线将有限个数的点平滑化。 问题建模 已知若干个点，绘制出该点连接的曲线。 这里实验平台使用浏览器环境，即Canva 阅读全文

Nuclear开始

2015-07-13 12:46 by 【当耐特】, 1909 阅读, 2 推荐, 收藏, 编辑
摘要：#为什么Nuclear这里列举Nuclear在竞品中的优势：- 借助浏览器本身的机制，无任何代码约定和入侵- 放心使用HTML+CSS+JS- observejs替代EventLoop、requestAnimationFrame、Ticker等定时循环- 解决MV*无法构建复杂特效的难题，随意构建超... 阅读全文

AlloyRenderingEngine燃烧的进度条

2015-05-25 09:25 by 【当耐特】, 2539 阅读, 2 推荐, 收藏, 编辑
摘要：写在前面Github: https://github.com/AlloyTeam/AlloyGameEngineHTML 5新增了progress标签，那么再去使用AlloyRenderingEngine去模拟进度条是否多余？ 不多余。有四大好处： 样式更加灵活(想怎么绘制就怎么绘制) ... 阅读全文

AlloyRenderingEngine文本框组件

2015-05-20 09:36 by 【当耐特】, 1078 阅读, 1 推荐, 收藏, 编辑
摘要：写在前面Github: https://github.com/AlloyTeam/AlloyGameEngine在dom元素里，自带了input标签，设置其type为text，它就是一个文本框。那么在Canvas中模拟input文本框是不是闲的没事找事？绝对不是！因为在游戏当中可以统一化像素管理，具... 阅读全文

observejs改善组件编程体验

2015-05-18 08:49 by 【当耐特】, 1901 阅读, 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 【当耐特】, 5231 阅读, 1 推荐, 收藏, 编辑
摘要：##写在前面各大MVVM框架的双向绑定太难以观察，很难直观地从业务代码里知道发生了什么，我不是双向绑定的反对者，只是认为双向绑定不应该糅合进底层框架，而应该出现在业务代码中，或者是业务和框架之间的代码上，由开发者实现，由开发者决定观察什么，决定响应什么。以及Object.observe的支持度不够好... 阅读全文

Reactjs-JQuery-Omi-Extjs-Angularjs对比

2015-05-06 12:22 by 【当耐特】, 24005 阅读, 4 推荐, 收藏, 编辑
摘要：写在前面 前端越来越混乱了，当然也可以美其名曰：繁荣。 当新启动一个前端项目，第一件事就是纠结：使用什么框架，重造什么轮子？ 那么，希望看完此篇，能够给你一个清晰的认识，或者让你更加地纠结和无所适从 = =！ 本篇拿一注册功能作为样本，使用各种框架去实现功能，从而对比各种方式的优劣。 JQuery 阅读全文

AlloyRenderingEngine继承

2015-04-28 14:59 by 【当耐特】, 1075 阅读, 0 推荐, 收藏, 编辑
摘要：写在前面不读文章，只对代码感兴趣可以直接跳转到这里 https://github.com/AlloyTeam/AlloyGameEngine然后star一下，多谢支持:)。前几天发了篇向ES6靠齐的Class.js，当初jr为什么不把父类的实例暴露给子类，其原因还是为了延续原型继承的习惯，子类重写就... 阅读全文

AlloyRenderingEngine之Shape

2015-04-23 16:49 by 【当耐特】, 1035 阅读, 1 推荐, 收藏, 编辑
摘要：写在前面不读文章，只对代码感兴趣可以直接跳转到这里 https://github.com/AlloyTeam/AlloyGameEngine然后star一下，多谢支持:)。游戏或者应用中，不是所有的地方都是贴图，Shape 也有很常见的应用场景，如游戏中显示HP的血条。大量的Shape可以组成矢量图... 阅读全文

spritecow改造

2015-03-09 09:47 by 【当耐特】, 2417 阅读, 1 推荐, 收藏, 编辑
摘要：快速入口 不读文章可以直接拐向这里： spritecow二代:https://kmdjs.github.io/arejs tool sprite/ 写在前面 工欲善其事必先利其器，最近fork了一份spritecow代码进行了大量升级改造， 作为 "AlloyRenderingEngine"... 阅读全文

AlloyRenderingEngine开门大吉

2015-02-28 20:10 by 【当耐特】, 1351 阅读, 0 推荐, 收藏, 编辑
摘要：##快速入口不读文章可以直接拐向这里：github:https://github.com/AlloyTeam/AlloyRenderingEnginewebsite:http://alloyteam.github.io/AlloyRenderingEngine/api:http://alloytea... 阅读全文

一步一步HTML5粒子编辑器

2015-01-24 08:44 by 【当耐特】, 4702 阅读, 1 推荐, 收藏, 编辑
摘要：写在前面大家阅读此文之前，可以先看一篇MiloYip的文章：用JavaScript玩转游戏物理(一)运动学模拟与粒子系统，看完之后再看此文，更加容易理解。MiloYip使用的粒子是canvas中绘制的圆，还有一些粒子效果是基于 像素级别的，如：火焰字 ，但是使用像素的计算成本太大，因为需要的粒子数量... 阅读全文

transformjs：让天下没有难做的生意！不对，是特效！

2014-09-24 10:51 by 【当耐特】, 7661 阅读, 3 推荐, 收藏, 编辑
摘要： 写在前面 transform是css3新增的一个属性,可是令开发者费解的是，其内部又有大量的属性如旋转、缩放、扭曲、平移，这也就导致了获取或者是设置transform中一个或者多个属性变得异常麻烦。 transform.js意义 让前端没有难做的特效 告别style.xxxTransform= 阅读全文

kmdjs指令大全

2014-09-22 10:31 by 【当耐特】, 1458 阅读, 2 推荐, 收藏, 编辑
摘要：### 调试通过下面方式，可以输出kmdjs声称的类： 在kmd.js后面加上?debug可以在console面板查看到依赖关系和输出的class。### 依赖可视化通过下面方式，可以输出使用canvas绘制的项目依赖关系图： 依赖关系，甚至是循环依赖在图中都能体现出来。### 合并js... 阅读全文

kmdjs api reference

2014-09-21 09:23 by 【当耐特】, 1419 阅读, 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 【当耐特】, 1261 阅读, 1 推荐, 收藏, 编辑
摘要：在老版本的kmdjs中，强制了分号的要求。但是总感觉不爽，因为在开发Ket - Kmdjs Extension Tools的时候，总需要导入一些开源的库，然后痛苦就来了，总是报错，一查，就是缺少分号！！后来一想，既能jslint可以检测哪里缺少分号，那么是不是可以在使用jslint在缺少的地方加分号？把jslint当作库来用，而不是工具，所以立刻看了看jslint源码，然后码了一段： 上面... 阅读全文

AMD and CMD are dead之KMDjs内核之依赖分析

2014-07-13 21:10 by 【当耐特】, 1719 阅读, 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 【当耐特】, 1331 阅读, 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 【当耐特】, 1434 阅读, 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 【当耐特】, 1502 阅读, 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 【当耐特】, 2117 阅读, 1 推荐, 收藏, 编辑
摘要：缘由 “懒”在软件设计中，有着重大的意义。最常见的两种“懒”，便是： 懒得计算 懒得加载 “懒得计算”常见于服务器端： 比如Multiplayer Online Role-PlayingGame，客户端主动计算，游戏服务器平滑过渡，在性能、游戏同步性找一个合适恰当的点。其目的是节约服务器端CPU、内存等的消耗，把许多消耗性能的计算分布在玩家电脑上； 比如cache，任何ca... 阅读全文

AMD and CMD are dead之KMD.js版本0.0.2发布

2014-06-28 18:55 by 【当耐特】, 1474 阅读, 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 【当耐特】, 1586 阅读, 2 推荐, 收藏, 编辑
摘要：回顾 经过两天晚上疯狂的开发调试，伴随着大量掉落的头发和酸痛的颈椎，KMD.js赢来了第一个稳定版本。在此期间KMD规范也有所修改和完善。 这两天主要完成的功能有： 按需加载 版本控制 模块管理 便捷调试 依赖打包 性能优化 依赖可视 在此，要感谢那些伟大的项目（虽然部分将要死去），但依然感谢： windjshttp://windjs.org/... 阅读全文