微秤，iPhone屏幕电子秤工具

昨天偶然发现了一个"天才少年“翁天信，当时是去了他的主页看他的主页设计，然后关注了他的微信公众号，再然后发现他做的一个用iPhone当电子秤的工具最近被抖音大V及一些其它媒体给带火了，这个工具虽然没有太多实际用处，倒也是挺好玩的，好玩在哪呢？用代码实现有趣工具的成就感。

据翁天信博客上关于这个工具的开发过程及实现原理的介绍：

开发过程及实现原理
前面提到过用 Javascript 检测屏幕压力，听起来似乎很神奇，实现起来却非常简单。今天在看国外一些著名开发者博客的时候，忽然发现 JS 的触摸事件出现了一个 force 属性，可以按百分比返回 3D Touch 的触摸力度（理论上亦适用于 Force Touch 触控板）。查了资料后得知 iPhone 6s 的 3D Touch 压力上限是 385g，那么只要经过简单的换算就能得出结果。再顺手写个简单的界面，还不到一小时就做好了。现在正考虑要不要再做一个自动去除勺子重量的功能。
那为什么要用金属勺子呢？根据 Apple 官方的演示视频可知 3D Touch 是通过感应屏幕表层在压力下的形变而实现的，可仅有压力是不够的，iPhone 的电容式触摸屏需要人体电场才能有作用，所以需要金属物体来把手指上的生物电导到屏幕上。那什么东西又是金属的，又好放东西，而且随手就能找到？好像只有勺子了，如果你有更好的想法，欢迎评论提出。

那其实这个代码的工具就很简单了，微录阁把他的代码很容易地COPY过来玩玩，也做了个一样的iPhone电子秤，我称它为微秤。

微秤体验地址：点此 

原作者工具地址：https://www.dandyweng.com/playground/3d-touch-scale/

注意1：该工具仅支持 iPhone 6s / 7 / 8 / X / XS这几款具有3D touch功能的手机。

注意2：请用iPhone Safari浏览器或Chrome打开，并在竖屏状态下使用。

注意3：该工具只能秤出总重385g以下重量，请勿超重，以免损坏手机。

使用方法，还是引用翁天信的博客好了

第一步：先将手机放在平坦的表面上，再把金属勺子轻轻地放在屏幕的感应区上；

第二步：记下勺子的重量，拿开勺子，拉动屏幕上方的“皮重调节”滑块至抵消勺子的自身重量的位置；

第三步：再把勺子轻轻放回感应区，此时重量应显示为 0，如有误差则重复第二步；

第四步：拿起勺子，把要称重的物体放在勺子上，再一起轻放在感应区上即可。

再说回翁天信这个”天才少年“，我认为他是一个有着很强自学能力的人。微录并不想吹嘘他，我也是昨天才知道他，他的自我介绍就比较酷：”“我是一个 24 岁的 homeschooler，爱好旅行以及一切富有创造性的事物，尤其是摄影、设计和编程。这个世界就是我的学校。学自己之所想所爱。自由的身心定能使我成为一个一直朝前行走的行者。”对他感兴趣的可以去他的博客，公众号（Dandy Weng）关注他。