摘要：
一.简介 在大量游戏制作过程当中，必不可少的一个重要元素就是Loading.在大量的flash游戏当中我们经常可以看到，比如《XXX》的Loading 一个好的Loading,可以给用户不错... 阅读全文
阅读排行榜
【开源】小程序、小游戏和Web运动引擎 to2to 发布
2018-06-25 11:02 by 【当耐特】, 2739 阅读, 收藏,
摘要：
简单轻量跨平台的 Javascript 运动引擎 Github → "https://github.com/dntzhang/cax/tree/master/packages/to" "Simple DEMO" "Animation DEMO" "Clip Transform Animation D 阅读全文
Jscex没有xxxAsync().stop()怎么办？
2011-11-17 22:09 by 【当耐特】, 2650 阅读, 收藏,
摘要：
今天一同事问我Jscex怎么没有stop啊？ 异步任务就像断线的风筝，我们没法让它说停就停，但是我们在放飞它之前，可以装个定时炸弹。 通常我们可以这样退出一个异步任务： va... 阅读全文
transformjs玩转星球
2016-12-05 08:19 by 【当耐特】, 2610 阅读, 收藏,
摘要：
如你所见。这篇就是要讲下使用 "transformjs" 制作星球的过程。你也可以无视文章，直接去看源码和在线演示： "源码" | "在线演示" 代码100行多一点，直接看也没有什么压力。下面分几步讲解下。 生成球上点坐标 设球心为 (a,b,c),半径为r, 则球的标准方程为 (x a)²+(y 阅读全文
AlloyRenderingEngine燃烧的进度条
2015-05-25 09:25 by 【当耐特】, 2574 阅读, 收藏,
摘要：
写在前面Github: https://github.com/AlloyTeam/AlloyGameEngineHTML 5新增了progress标签，那么再去使用AlloyRenderingEngine去模拟进度条是否多余？ 不多余。有四大好处： 样式更加灵活(想怎么绘制就怎么绘制) ... 阅读全文
李敖的一生
2009-12-27 19:22 by 【当耐特】, 2490 阅读, 收藏,
摘要：
每每碰到一件非常感兴趣的事或欣赏的人物总是按捺不住要写出来的心情。其实看李敖的回忆录才看到他的十三岁。早年生活在信息闭塞的形势下，没早早得知晓李敖这号人，当下实有恨晚之心。浏览他的一生，无不充满惊心和苦难起伏，却又时时表现出大义和勇气。 知道他时，是因为一康熙来了。当时正是小S产假由贾静雯代班主持，我当时还奇怪了，这娱乐节目怎么请这么一老头来啊。请就请了罢，这老头怎么还那么不正经啊。对美女无不表现出一付“秀色可餐”状，聊天的过程中更是大谈特谈他如何如何喜欢美女。这让我一时感叹不已，至后日还不时把这当作笑资与同学分享。说，李敖是一文人。以至从那时就有一种这中国文人素质江河日下之感。以后但凡看到. 阅读全文
Omi架构与React Fiber
2017-03-29 11:28 by 【当耐特】, 2484 阅读, 收藏,
摘要：
"原文链接 https://github.com/AlloyTeam/omi/tree/master/tutorial" 写在前面 "Omi框架" 在架构设计的时候就决定把update的控制权交给了开发者，视灵活性比生命还重要。不然的话，如果遇到React Fiber要解决的这类问题的话，就需要推翻 阅读全文
spritecow改造
2015-03-09 09:47 by 【当耐特】, 2462 阅读, 收藏,
摘要：
快速入口
不读文章可以直接拐向这里： spritecow二代:https://kmdjs.github.io/arejs tool sprite/ 写在前面
工欲善其事必先利其器，最近fork了一份spritecow代码进行了大量升级改造，
作为 "AlloyRenderingEngine"... 阅读全文
AlloyTouch与three.js 3D模型交互
2016-12-07 09:41 by 【当耐特】, 2360 阅读, 收藏,
摘要：
如你所见，上面的cube的旋转、加速、减速停止都是通过AlloyTouch去实现的。 演示 代码 factor需要自己不断去调试出最佳的值，让松手之后的惯性运动的速率和时间达到最佳的效果。 moveFactor需要自己不断去调试出最佳的值，就是让横向拖拽的距离映射到旋转的角度上达到最跟手的效果。 如 阅读全文
你不容错过的 腾讯 AlloyTeam Web 前端大会 看点完全剖析
2017-09-29 17:54 by 【当耐特】, 2345 阅读, 收藏,
摘要：
AC大会 ( Alloyteam Conf )，是由腾讯前端技术团队的标杆团队 AlloyTeam 发起的前端技术大会，旨在分享团队在技术研究、产品研发、开源项目的经验沉淀。AC2017 将会继续在工程化、图形处理、Web动画、性能优化等方面呈献团队一年多以来的实践，还将邀请几个业内专家来快速分享他 阅读全文
码农干货系列【17】--Wind.js与Promise.js
2013-05-01 12:01 by 【当耐特】, 2313 阅读, 收藏,
摘要：
示例 先引入wind.js与promise.js: <script src="wind-all-0.7.3.js"></script> <script src="promise.js"></script>然后create: Wind.Promise.create = function (fn) { var prms = Pro... 阅读全文
Omi应用md2site发布-markdown转网站利器
2017-03-06 12:57 by 【当耐特】, 2172 阅读, 收藏,
摘要：
写在前面 Md2site是基于 "Omi" 的一款Markdown转网站工具，使用简单，生成的文件轻巧，功能强大。 当我们想把一堆markdown文档转成网站时，你可能有许多选择，倘若选择 md2site ，你一定会爱上她。 官网： "http://alloyteam.github.io/omi/m 阅读全文
50行代码实现的高性能动画定时器 raf-interval
2017-07-20 10:42 by 【当耐特】, 2142 阅读, 收藏,
摘要：
写在前面 raf interval 是基于 window.requestAnimationFrame() 封装的定时器。 Github: "https://github.com/dntzhang/raf interval" window.requestAnimationFrame() 方法告诉浏览器 阅读全文
AMD and CMD are dead之KMD.js之懒
2014-06-30 10:05 by 【当耐特】, 2137 阅读, 收藏,
摘要：
缘由 “懒”在软件设计中，有着重大的意义。最常见的两种“懒”，便是： 懒得计算 懒得加载 “懒得计算”常见于服务器端： 比如Multiplayer Online Role-PlayingGame，客户端主动计算，游戏服务器平滑过渡，在性能、游戏同步性找一个合适恰当的点。其目的是节约服务器端CPU、内存等的消耗，把许多消耗性能的计算分布在玩家电脑上； 比如cache，任何ca... 阅读全文
Omi官方插件系列 - omi-transform介绍
2017-04-05 11:02 by 【当耐特】, 2132 阅读, 收藏,
摘要：
"原文链接 https://github.com/AlloyTeam/omi/tree/master/tutorial" 写在前面 "Omi框架" 正式发布了 "omi transform" 作为Omi组件化开发特效运动解决方案，让你轻松在Omi项目里快速简便支持CSS3 Transform设置。先 阅读全文
腾讯AlloyTeam正式发布pasition - 制作酷炫Path过渡动画
2017-06-21 09:12 by 【当耐特】, 2110 阅读, 收藏,
摘要：
pasition Pasition Path Transition with little JS code, render to anywhere 超小尺寸的Path过渡动画类库 "Github源代码" "在线演示" 最近和贝塞尔曲线杠上了，如 "curvejs" 和 "pasition" 都是贝塞 阅读全文
和transformjs一起摇摆
2016-11-28 13:06 by 【当耐特】, 2052 阅读, 收藏,
摘要：
写在前面 记得以前facebook做过一款HTML5游戏。开场动画是一块软体类似豆腐的东西一起摇摆。类似的效果如下面的gif所示： facebook当时使用的是createjs下的子项目easeljs和tweenjs去制作，基于Canvas的动画。基本的原理主要是：循环运动Canvas抽象的Disp 阅读全文
移动Web触摸与运动解决方案AlloyTouch开源啦
2016-12-05 15:26 by 【当耐特】, 2009 阅读, 收藏,
摘要：
传送门 Github地址：https://github.com/AlloyTeam/AlloyTouch 简介 AlloyTouch的本质是运动一个数字，把数字的物理变化映射到你想映射的任何属性上。所以带来了广泛的应用场景。不论实在应用、游戏、操作系统等许多层面，监听用户触摸，给用户真实的运动反馈是 阅读全文
一分钟搞定AlloyTouch图片轮播组件
2016-12-09 12:54 by 【当耐特】, 1990 阅读, 收藏,
摘要：
轮播图也涉及到触摸和触摸反馈，同时，AlloyTouch可以把惯性运动打开或者关闭，并且设置min和max为运动区域，超出会自动回弹。 除了一般的竖向滚动，AlloyTouch也可以支持横向滚动，甚至任何属性的运动，因为它的设计的本质就是属性无关，触摸可以反馈到任何属性的运动。所以 "AlloyTo 阅读全文
omi-cli新版发布-升级webpack2和支持sass生成组件局部CSS
2017-03-16 08:32 by 【当耐特】, 1950 阅读, 收藏,
摘要：
写在前面 "omi cli" 是 "Omi" 的命令行工具。在v0.1.X以及之前版本中，生成出来的项目脚手架 是基于webpack1的。由于： webpack1不支持tree shaking，webpack2 支持tree shaking webpack1不支持 sass loader，webpa 阅读全文
Nuclear开始
2015-07-13 12:46 by 【当耐特】, 1940 阅读, 收藏,
摘要：
#为什么Nuclear这里列举Nuclear在竞品中的优势：- 借助浏览器本身的机制，无任何代码约定和入侵- 放心使用HTML+CSS+JS- observejs替代EventLoop、requestAnimationFrame、Ticker等定时循环- 解决MV*无法构建复杂特效的难题，随意构建超... 阅读全文
observejs改善组件编程体验
2015-05-18 08:49 by 【当耐特】, 1923 阅读, 收藏,
摘要：
传送门 observejs：https://github.com/kmdjs/observejs 本文演示：http://kmdjs.github.io/observejs/list/ 本文代码：https://github.com/kmdjs/observejs/tree/master/examp 阅读全文
时光倒流程序设计-AlloyTicker
2016-07-25 11:10 by 【当耐特】, 1876 阅读, 收藏,
摘要：
熵与负熵 熵遵循熵增原理，即无序非热能与热能之间的转换具有方向性。薛定谔说过：生命本质在于负熵。熵代表的是无序，负熵就是熵的对立，而负熵表示的则是有序。汲取负熵（米饭、面包、牛奶、鸡蛋），可以简单的理解为从外界吸收了物质或者能量之后，转化成负熵流，使系统的熵降低，人体变得更加有序。 那么一直吃饭为何 阅读全文
QQ日迹Omi实战开发，从0到1
2017-07-17 09:52 by 【当耐特】, 1875 阅读, 收藏,
摘要：
写在前面 相信大家对Omi应该都不陌生了，如果还有不了解的同学先看看这里。了解并使用Omi之后你会发现真的回不去了~~~ "精通Omi框架" 先简单说一下吧，Omi就是一个可以快速开发项目的组件化框架，和vue／react一样为了节省生产力的。想了解Omi和vue还有react区别的，上面文档有讲解 阅读全文
AlloyTouch实现下拉刷新
2017-01-09 11:46 by 【当耐特】, 1825 阅读, 收藏,
摘要：
原文地址: "https://github.com/AlloyTeam/AlloyTouch/wiki/Pull to refresh" 效果展示 扫码体验 你也可以 "点击这里" 访问Demo 可以 "点击这里" 查看代码 背景 在手机QQ内部，其实客户端提供了下拉刷新的能力，拖动整个webvie 阅读全文
Omi实战-QQ附近用户列表Web页
2017-02-23 09:58 by 【当耐特】, 1782 阅读, 收藏,
摘要：
"原文地址https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_nearby.md" 写在前面 Omi很适合大型复杂的Web页面开发，例如一些Web在线工具的开发。但是制作这种简单的QQ附近用户列表Web页，也不会有大炮哄蚊子的感觉 阅读全文
Scoped CSS规范草案
2016-12-26 16:09 by 【当耐特】, 1763 阅读, 收藏,
摘要：
原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/Scoped CSS" 写在前面 问:什么是Scoped CSS规范？ Scoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范。 面对组件化的普及，组件的复用很普遍 阅读全文
AMD and CMD are dead之KMDjs内核之依赖分析
2014-07-13 21:10 by 【当耐特】, 1758 阅读, 收藏,
摘要：
有人说js中有三座大三：this、原型链和scope tree，搞懂了他们就算是js成人礼。当然还有其他不同看法的js成人礼，如熟悉js的：OOP、AP、FP、DOP、AOP。当然还听说一种最牛B的js成人礼：熟悉jQuery……= =!因为$里面可以放下全世界，比如$(“全世界”)…这篇文章主要讲... 阅读全文
transformjs污染了DOM?是你不了解它的强大
2016-12-26 09:24 by 【当耐特】, 1745 阅读, 收藏,
摘要：
原文链接: https://github.com/AlloyTeam/AlloyTouch/wiki/Powerful transformjs 写在前面 上星期在React微信群里，有小伙伴觉得transformjs直接给DOM添加属性太激进，不可取（由于不在那个微信群，不明白为什么React会谈到 阅读全文
Omi框架Store体系的前世今生
2017-03-23 10:13 by 【当耐特】, 1669 阅读, 收藏,
摘要：
"原文链接 https://github.com/AlloyTeam/omi" Store 体系 先说说Store系统是干什么的！为什么要造这样一个东西？能够系统架构带来什么？ 当我们组件之间，拥有共享的数据的时候，经常需要进行组件通讯。在Omi框架里，父组件传递数据给子组件非常方便： 通过在组件上 阅读全文
漫谈Nuclear Web组件化入门篇
2016-11-05 16:46 by 【当耐特】, 1667 阅读, 收藏,
摘要：
目前来看，团队内部前端项目已全面实施组件化开发。组件化的好处太多，如：按需加载、可复用、易维护、可扩展、少挖坑、不改组件代码直接切成服务器端渲染（如 "Nuclear" 组件化可以做到，大家叫同构)... 怎么做到这么强大的优势，来回忆下以前见过的坑，或者现有项目里的坑。 CSS层叠样式？保佑不要污 阅读全文
码农干货系列【20】--add gtTime to Promise.js
2013-06-20 15:46 by 【当耐特】, 1653 阅读, 收藏,
摘要：
使用场景 在一些时候,希望一件task不能太快完成,需要大于多少时间才可以执行,就可以使用Promise的gtTime方法. 使用方式 Promise.gtTime(f1(), 5000).then(f2); function f1() { var promise = Promise(); setTimeout(fun... 阅读全文
AMD and CMD are dead之JS工程化终极解决方案KMD.js版本0.0.1发布
2014-06-24 10:56 by 【当耐特】, 1621 阅读, 收藏,
摘要：
回顾 经过两天晚上疯狂的开发调试，伴随着大量掉落的头发和酸痛的颈椎，KMD.js赢来了第一个稳定版本。在此期间KMD规范也有所修改和完善。 这两天主要完成的功能有： 按需加载 版本控制 模块管理 便捷调试 依赖打包 性能优化 依赖可视 在此，要感谢那些伟大的项目（虽然部分将要死去），但依然感谢： windjshttp://windjs.org/... 阅读全文
Why AlloyFinger is so much smaller than hammerjs?
2016-11-15 10:35 by 【当耐特】, 1566 阅读, 收藏,
摘要：
"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: 阅读全文
【开源】Skatch 正式发布 - 极速渲染抽象派草图
2018-07-30 10:38 by 【当耐特】, 1532 阅读, 收藏,
摘要：
极速渲染抽象派草图 DEMO "Simple" "Letter" 简介 Skatch 这个词由 sketch wechart abstract cax 混合而成的一个新词，代表了cax wechart 抽象艺术派派草图渲染器。说得直白一点就是npm 上 sketch 被 tj 占了，只能强行加上赋予 阅读全文
AMD and CMD are dead之Why Namespace?
2014-07-01 08:56 by 【当耐特】, 1522 阅读, 收藏,
摘要：
缘由 当我看到_Franky兄的微博的时候： 我觉得我有必要出来详细说说KMDjs到底有什么本质上的优势了，连教主_Franky、貘吃馍香都不能理解他的好处，那么可想而知，在前端圈、或是全端圈、或是IT圈，能够理解KMDjs优势的码夫更加是屈指可数。 Why Namespace？ KMDjs是能方便组织Namespace，并且Class Base。针对namespace，... 阅读全文
AMD and CMD are dead之KMD.js版本0.0.2发布
2014-06-28 18:55 by 【当耐特】, 1512 阅读, 收藏,
摘要：
更新 正式从UglifyJS切换至UglifyJS2 增加依赖可视化功能 压缩代码更加方便 统一风格：如main的class名也不能省略 优化了kmdjs管道 修复了无数bug 通过src开启debug模式 代码格式强制分号结束，不然报错 问题 1.从UglifyJS切换至UglifyJS2，主要是Ug... 阅读全文
Omi命令行界面omi-cli发布
2017-02-27 10:23 by 【当耐特】, 1493 阅读, 收藏,
摘要：
"原文链接：https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_omi cli.md" 写在前面 通常认为，命令行界面（CLI）没有图形用户界面（GUI）那么方便用户操作。但是CLI比GUI节约资源，在熟悉命令之后，CLI会比GU 阅读全文
kmdjs指令大全
2014-09-22 10:31 by 【当耐特】, 1472 阅读, 收藏,
摘要：
### 调试通过下面方式，可以输出kmdjs声称的类： 在kmd.js后面加上?debug可以在console面板查看到依赖关系和输出的class。### 依赖可视化通过下面方式，可以输出使用canvas绘制的项目依赖关系图： 依赖关系，甚至是循环依赖在图中都能体现出来。### 合并js... 阅读全文
AMD and CMD are dead之KMDjs在JS工程化的努力
2014-07-03 12:20 by 【当耐特】, 1465 阅读, 收藏,
摘要：
总览 kmdjs发布了最接近最终版本的0.0.4版本https://github.com/kmdjs/kmdjs，你已经完全可以在项目中使用。我已经无法用语言形容其完美程度。借用我发的微博： 模块管理 kmdjs仅仅需要一处配置，即main.js上部的kmdjs.config，用于配置项目名称、baseUrl，并且列出所有Class和其于路径的mapping。在开发桌面程序的时候，这个... 阅读全文
浙公网安备 33010602011771号