轩枫阁

随机数

随机数是统计学领域的一个重要概念，对于游戏来说同样意义非凡，用好随机数，可以使你的游戏更真实、更人性、富有魅力。

举例子来说：一个打靶游戏，子弹每次都命中准心所示位置是不科学的，加上抖动误差，会使真实感更加强烈；再如，抽奖大转盘程序，每当转盘停止转动时，指针恰好都指向奖品图片的正中点，人们会觉得这个转盘很不自然，指向一个随机位置效果要好得多。

学过 JavaScript 的人都知道，使用随机数很简单，只要一个 Math.random() 就可以获得一个大于等于 0 小于 1 的浮点数。从一个集合中随机选择对象时，使用浮点数离散化后的结果作为选择集的索引：

随机数的分布规律

前面代码中 Math.random() 和 randomIndex 的取值，在「概率分布」理论中属于「连续型分布」和「离散型分布」，分布用来描述随机变量的概率性质。其中，不论是连续型还是离散型，均匀分布都是最最常用的分布类型（没有之一）。在大转盘的例子中，决定转盘「停在哪个奖品上」和「停到该奖品的哪个位置」，都可以采用均匀分布。

均匀分布的特点是：所有基本事件的可能性相等，以下是 100 万次 Math.random() 实验的取值发生次数直方图：

可以看出，即便是伪随机数，它的分布仍然是均匀到无可挑剔，如果样本数足够大，上面直方图将呈现出一条直线。

再考虑一下打靶游戏的例子，假设对命中准心所示位置做了「均匀分布」的抖动误差，来看看 2000 次实验之后的样子：

查看全文

为帮助网页开发者实现与微信客户端一致的视觉体验，并降低设计和开发成本，微信团队推出了网页设计样式库：WeUI。

该样式库目前包含 button (按钮)、cell (单元格)、toast (浮层提示)、dialog (对话框)等网页常用的各式元素，并已在 GitHub 上开源。

开发者

开发者只需三步，就能在自己的网页上轻松实现按钮、浮层提示等功能：

1. 根据文档说明，下载 WeUI 库。
2. 在页面中引入 weui.min.css 文件。
3. 从官方 demo 中拷贝需要的功能组件代码到自己页面即可。

Demo 体验地址：WeUI演示。

详情请点击：开发者文档。 查看全文

公众平台发布微信 web 开发者工具，可以在 PC 或 Mac 上模拟访问微信内网页，帮助开发者更方便地进行开发和调试。

具体功能如下：

1. 使用真实用户身份，调试微信网页授权。

2. 校验页面的 JSSDK 权限，以及模拟大部分 SDK 的输入和输出。 查看全文

前言

风靡营销圈的H5已经不仅仅是一个展示工具，现在几乎所有品牌都会利用H5技术制作大量视觉丰富夺目的小应用、小游戏，以期获得病毒扩散效益。甚至我最近都收到了H5的简历，应聘的小哥直接发了个二维码过来，虽然这种简单的套模版连我这种小copy都会做，但这种自我推销的创意值得点个赞！

然而，技术汪们表示，还有很多酷炫到没朋友的H5你们都还没见识到好吗！

接下来，请跟我左手右手一个慢动作，开启H5花样玩法的神奇大门！

一、H5不可替代的三！大！技！能！

1、绘图功能

其实大伙儿在很多H5中看到的动画效果就是用H5的绘图功能做的，比如前段时间我们为雀巢做的一个案例。 查看全文

前言

关于H5的发展，分享几个最近看到的惊人数据和新闻：

1、截至2015，有80%的App将全部或部分基于HTML5。这意味着大部分App的内容都将是以网页的形式呈现，典型的例子包括微信、Facebook、Twitter等。（数据来源：国际科技媒体 ReadWriteWeb，2015）

2、浏览量最高的1000个H5作品中，42%是心灵鸡汤，最高17,358,480 uv；27%是测试题，最高49,940,339 uv；15%是社交互动游戏，最高2,892,047 uv; 5%是大型品牌宣传，最高551,195 uv。（数据来源：在线h5工具平台ih5.cn，2015.9）

3、谷歌浏览器于9月1日起不再自动播放Flash。亚马逊宣布旗下网络(包括Amazon.com门户在内)的所有广告将不再使用Flash。在可预见的未来，Flash广告将被HTML5广告所替代。

4、朋友圈广告上线（http://ad.weixin.qq.com），据传起投20万， CPM 40元。详情外链的H5页面可以用微信提供的模板，也可以自行定制。

注：本文提到的H5特指基于HTML5技术的动态交互页面。 查看全文