Booking.com: 1,750,929 hotels worldwide. 150+ million hotel reviews.博主最新文章
博主热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)&figure&&img src=&https://pic3.zhimg.com/v2-ff446fdda0c_b.jpg& data-rawwidth=&1078& data-rawheight=&535& class=&origin_image zh-lightbox-thumb& width=&1078& data-original=&https://pic3.zhimg.com/v2-ff446fdda0c_r.jpg&&&/figure&&p&最近这段时间，关于无人驾驶路测的新闻特别多。&/p&&p&3月初的时候，上海出台了开放路侧的政策，上汽和蔚来拿到了相关的路测牌照。3月22号的时候，北京也把首张开放路测的牌照发放给了百度。&/p&&p&作为菜鸟ET实验室的一员，我有点坐不住了。&/p&&h2&哪怕工作丢了我也不管了，我要爆料&/h2&&p&今天，我豁出去，哪怕工作不要了，我也要爆料。&/p&&p&其实国内第一家在开放道路路测的，不是百度，也不是上汽蔚来，而是菜鸟！&/p&&p&看一下这个视频。&/p&&a class=&video-box& href=&https://link.zhihu.com/?target=https%3A//www.zhihu.com/video/278016& target=&_blank& data-video-id=&& data-video-playable=&true& data-name=&& data-poster=&https://pic2.zhimg.com/80/v2-92e7f5aeffbaad20a4abbd_b.jpg& data-lens-id=&278016&&
&img class=&thumbnail& src=&https://pic2.zhimg.com/80/v2-92e7f5aeffbaad20a4abbd_b.jpg&&&span class=&content&&
&span class=&title&&&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&https://www.zhihu.com/video/278016&/span&
&p&这是视频是近期拍的。&/p&&p&但其实菜鸟正式的公共道路测试，早在春节前就开始了。&/p&&p&就在阿里巴巴西溪园区前的文一西路上。&/p&&p&&br&&/p&&p&这个视频里，看的出来，一辆标有菜鸟ET物流实验室的无人车萌萌哒，行走在非机动车道上，稳稳的穿梭在车流和人流中间，红绿灯也可以准确识别。&/p&&p&虽然走的是非机动车道，但是其实人流、车流非常多，还要防止企图不良的人碰瓷，远比机动车道工况要复杂。&/p&&p&而对于百度一直高举高达的ALL IN 无人驾驶的路测，没想到竟然被菜鸟抢了先，求百度和李彦宏的心理阴影面积。&/p&&p&First Blood!&/p&&p&Robin贡献了一血！&/p&&figure&&img src=&https://pic1.zhimg.com/v2-2d4a1ebebd9ec_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1078& data-rawheight=&535& class=&origin_image zh-lightbox-thumb& width=&1078& data-original=&https://pic1.zhimg.com/v2-2d4a1ebebd9ec_r.jpg&&&/figure&&h2&菜鸟ET实验室？什么来头？&/h2&&p&看下菜鸟ET实验室一路走来的历程。&/p&&p&2016年9月份菜鸟E.T.实验室发布了小G，并开始在阿里巴巴的西溪园区内运营，可以自行规划路线，实时躲避行人和障碍物，并且可以自行上电梯，将文件和包裹送到员工的座位上，从而免去了工作繁忙时自己取快递的烦恼。&/p&&p&接下来看下这个视频。&/p&&a class=&video-box& href=&https://link.zhihu.com/?target=https%3A//www.zhihu.com/video/417920& target=&_blank& data-video-id=&& data-video-playable=&true& data-name=&& data-poster=&https://pic2.zhimg.com/80/v2-1eb77a3d3f3cb7f5aa45_b.jpg& data-lens-id=&417920&&
&img class=&thumbnail& src=&https://pic2.zhimg.com/80/v2-1eb77a3d3f3cb7f5aa45_b.jpg&&&span class=&content&&
&span class=&title&&&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&https://www.zhihu.com/video/417920&/span&
&p&2017年9月小G升级，除了算法更加成熟外，底盘系统也进行了全新的升级，并且对货箱也进行了全新的设计，可以容纳更多的包裹。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-85d8de02c2d4c42cd8144c_b.jpg& data-size=&small& data-rawwidth=&673& data-rawheight=&892& class=&origin_image zh-lightbox-thumb& width=&673& data-original=&https://pic4.zhimg.com/v2-85d8de02c2d4c42cd8144c_r.jpg&&&figcaption&小G 2代&/figcaption&&/figure&&p&&br&&/p&&p&2017年11月，推出了大号的小G，也就是Gplus。主要是末端配送场景的，并开始在浙大紫金港校区试运行。&/p&&p&校园里虽然属于封闭环境，但是由于没有红绿灯，同学们行走起来也无拘无束，横穿马路的现象比比皆是，在上下课高峰期间，车流、人流远比正式的路面上要密集的多的多。&/p&&p&而Gplus能够非常从容的穿梭在其中，避让行人、车辆，从而将包裹送达，可见菜鸟算法的成熟，无人驾驶水平的高超。&/p&&a class=&video-box& href=&https://link.zhihu.com/?target=https%3A//www.zhihu.com/video/031744& target=&_blank& data-video-id=&& data-video-playable=&true& data-name=&& data-poster=&https://pic4.zhimg.com/80/v2-e3cbec7edfa2a7_b.jpg& data-lens-id=&031744&&
&img class=&thumbnail& src=&https://pic4.zhimg.com/80/v2-e3cbec7edfa2a7_b.jpg&&&span class=&content&&
&span class=&title&&&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&https://www.zhihu.com/video/031744&/span&
&p&而仅仅几个月之后，在一开始爆料的视频里，可以看出来，Gplus又进行了升级。&/p&&p&而且不在校园里了，开始开始到开放道路上去测试了。&/p&&h2&谈谈无人驾驶生态链&/h2&&p&一直以来，自动驾驶，作为人工智能可落地的市场规模最大的场景，一直被无数科技公司所觊觎，国外如Google，国内如百度之类，更不用说各大车企了。&/p&&p&虽然现在无人驾驶的产业还不成熟，随着各个玩家的不断加码，略显混乱。但是越往后发展，产业会越来越清晰，形成下面的产业链。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-70ae7a37ef47c76fb3de5_b.jpg& data-size=&normal& data-rawwidth=&865& data-rawheight=&225& class=&origin_image zh-lightbox-thumb& width=&865& data-original=&https://pic2.zhimg.com/v2-70ae7a37ef47c76fb3de5_r.jpg&&&figcaption&无人驾驶生态链&/figcaption&&/figure&&p&传感器（如激光雷达、摄像头、毫米波雷达等）、运算单元（CPU/GPU/FPGA）、高精地图和线控底盘供应商将成为Tier 2供应商，然后由一家方案提供商（Tier 1供应商）将这些零部件集成，并打包自己的算法，整合为整套自动驾驶系统，供货给车企。&/p&&p&车企将该系统集成在车辆上，打包出售给运营商。&/p&&p&&br&&/p&&p&为什么车企不直接卖给终端客户呢？&/p&&p&一来因为这条系统太TM贵了，一般人还真买不起。&/p&&p&二来这套系统还没成熟，需要逐步成熟，在这期间可以通过一些场景相对简单技术可实现的领域先落地。等待产业成熟、技术成熟后，再切入到乘用车领域。&/p&&p&而且，届时乘用车也不会直接卖给终端客户，而是以共享出行的形式租赁给终端客户，就像现在Google已经在凤凰城开始试点无人驾驶出租车一样。&/p&&p&&b&这个生态链的不同环节所扮演的角色不同，而且生态链的不同环节都有自己壁垒，只是壁垒有高低（比如硬件壁垒比软件高）。&/b&&/p&&p&&b&每个环节的玩家都不安分，壁垒高玩家的都会努力试图向壁垒低环节的去扩张&/b&。&/p&&p&其中壁垒最高的环节包括：运营商、车企、部分Tier 2零件供应商（如激光雷达、运算单元、高精度地图、线控底盘等），&b&而目前创业公司集中做的算法，壁垒其实并不高&/b&，这也是为什么各个环节的玩家都一窝蜂的去做无人驾驶算法。&/p&&p&难道，算法就没有价值了么？&/p&&p&并不是。&/p&&p&&b&算法没有壁垒，但是数据有壁垒。&/b&&/p&&p&无人驾驶要最终上路，必须要经过大量的测试，这其中包括仿真测试和真实路测。算法经过测试数据的训练，会越来越接近人类驾驶员的反应，从而最终超过人类驾驶员的驾驶水平。&/p&&p&在软件领域，有一个著名的90-90法则。意思就是，在开发软件时，前90%的代码要花费90%的开发时间，剩余的10%的代码要再花费90%的开发时间。&/p&&p&自动驾驶系统的优化也是如此。&/p&&p&最后这10%的优化数据需要据需要大量的人力物力经过长时间的努力才能得到。这就是壁垒所在。&/p&&p&这也是为什么大家都在推动政府开放路测的原因。&/p&&p&&br&&/p&&p&早日路测，就可以早日收集到足够数据，就可以先人一步早日实现量产。&/p&&p&一旦区域内有方案成熟，因为软件的复制成本低，会迅速的占领市场，从而形成“赢者通吃”的局面。&/p&&p&至于硬件嘛，只要结成联盟即可。&/p&&p&&br&&/p&&p&再次回到上面，之所以Diss百度，其实谁第一名并不重要，而是谁先收集到大量数据，谁就占据优势。这方面，百度虽然名头喊得响，但是并没有占据优势。&/p&&p&这一点上百度再失一分。&/p&&p&Double Kill.&/p&&figure&&img src=&https://pic4.zhimg.com/v2-f3ac44f70d3f70e7bc33_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1078& data-rawheight=&535& class=&origin_image zh-lightbox-thumb& width=&1078& data-original=&https://pic4.zhimg.com/v2-f3ac44f70d3f70e7bc33_r.jpg&&&/figure&&h2&“场景为王”，这句话在自动驾驶行业也是真理&/h2&&p&互联网行业经常会说“场景为王”。这句话在自动驾驶行业，也是真理。&/p&&p&又回到上面说到的无人驾驶产业链。&/p&&p&再说一句我观察到的，&b&在有选择权的前提下，甲方总是试图主导利益分配&/b&。&/p&&p&&b&自动驾驶领域，最终的甲方是OEM（to C）和运营商(to B），在现有场景下to B场景会先落地&/b&。&/p&&p&&b&而场景的壁垒很高，一方面是用户习惯，另一方面运营商运营商掌握了大量的资源和数据&/b&。&/p&&p&就拿最近来势汹汹要挑战网约车霸主滴滴的美团而言，估计最终难免也是惨淡收场。&/p&&p&&br&&/p&&p&最近无人驾驶创业公司都开始蜂拥而上的物流无人车，掌握物流场景的菜鸟具有先天的优势，在这方面，百度并没有优势。&/p&&p&百度再失一分。&/p&&p&Tripple Kill!&/p&&figure&&img src=&https://pic1.zhimg.com/v2-e8aabcc119c3d3ad8ad6_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1078& data-rawheight=&535& class=&origin_image zh-lightbox-thumb& width=&1078& data-original=&https://pic1.zhimg.com/v2-e8aabcc119c3d3ad8ad6_r.jpg&&&/figure&&p&其实不光百度没优势。&/p&&p&纵观国内各大公司，论场景，还有人比阿里的场景要全，布局要广么？&/p&&blockquote&网约车方面，阿里通过入股滴滴。&br&物流领域，菜鸟掌握了国内70%的数据入口，手握干线物流和支线物流以及最后一公里配送的场景。&br&在即时配送领域，还有饿了么，有很大的外卖配送需求。&br&除此外，随着新零售的继续火热，还有很多新零售的配送需求，比如天猫超市的2小时送达。&/blockquote&&p&经过这些盘点，就可以发现，这方面，阿里真的已经无人可挡。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ff446fdda0c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1078& data-rawheight=&535& class=&origin_image zh-lightbox-thumb& width=&1078& data-original=&https://pic3.zhimg.com/v2-ff446fdda0c_r.jpg&&&/figure&&p&这么一说，百度真的没什么任何希望了，好好的一家公司，竟然被秒成渣渣，sigh…&/p&&p&&br&&/p&&p&另外，近期还有劲爆消息发布， 敬请关注哈~&/p&
最近这段时间，关于无人驾驶路测的新闻特别多。3月初的时候，上海出台了开放路侧的政策，上汽和蔚来拿到了相关的路测牌照。3月22号的时候，北京也把首张开放路测的牌照发放给了百度。作为菜鸟ET实验室的一员，我有点坐不住了。哪怕工作丢了我也不管了，我要…
&figure&&img src=&https://pic1.zhimg.com/v2-b7fdbc289489f_b.jpg& data-rawwidth=&850& data-rawheight=&393& class=&origin_image zh-lightbox-thumb& width=&850& data-original=&https://pic1.zhimg.com/v2-b7fdbc289489f_r.jpg&&&/figure&&blockquote&&b&简评：&/b&一个非常酷的幻象实验，不过仅适用于 iPhone X ~&/blockquote&&p&虽然 iPhone X 的小刘海在发布之初引起了不少争议，但小刘海下的&b&原深感摄像头（TrueDepth Camera）&/b&却不容小觑，它会投射超过 30000 个肉眼不可见的光点，并对它们进行分析。&/p&&p&瑞典的 &a href=&http://link.zhihu.com/?target=https%3A//twitter.com/algomystic/status/378880& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Peder Norrby&/a& 就做了一个项目，让 iPhone X 实现了视觉陷阱（&a href=&http://link.zhihu.com/?target=https%3A//en.wikipedia.org/wiki/Trompe-l%%2593il& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&trompe-l'oeil&/a&）的效果。&/p&&p&【TheParallaxView ? Illusion of depth by 3D head tracking on iPhone X】&/p&&a class=&video-box& href=&http://link.zhihu.com/?target=https%3A//www.zhihu.com/video/954304& target=&_blank& data-video-id=&& data-video-playable=&true& data-name=&& data-poster=&https://pic3.zhimg.com/80/v2-e5d1bb0c84e_b.jpg& data-lens-id=&954304&&
&img class=&thumbnail& src=&https://pic3.zhimg.com/80/v2-e5d1bb0c84e_b.jpg&&&span class=&content&&
&span class=&title&&&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&https://www.zhihu.com/video/954304&/span&
&p&整个视觉效果作为手机上的应用程序运行，没有使用外部设备。iPhone X 使用 TrueDepth Camera 进行 3D 头部追踪，使其能推断用户眼睛的 3D 位置。然后，应用可以在手机屏幕上显示从该位置上看到的正确视图。&/p&&p&这给人一种错觉，即物体出现在屏幕的前面或者后面。&/p&&p&你可以举起 iPhone X 以任意角度观看，屏幕里的画面就像具有立体感的现实场景一样。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-eebcadc79a5d03a4b40d0bd_b.jpg& data-size=&normal& data-rawwidth=&750& data-rawheight=&346& data-thumbnail=&https://pic2.zhimg.com/v2-eebcadc79a5d03a4b40d0bd_b.jpg& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic2.zhimg.com/v2-eebcadc79a5d03a4b40d0bd_r.jpg&&&figcaption&使用 iPhone X 上的 ARKit 脸部追踪来追踪眼睛的位置（ tracking the positions of the eyes using ARKit face tracking on iPhone X）&/figcaption&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-faab5d31c79cde9da7b334bdc3fa83c6_b.jpg& data-size=&normal& data-rawwidth=&1000& data-rawheight=&461& data-thumbnail=&https://pic3.zhimg.com/v2-faab5d31c79cde9da7b334bdc3fa83c6_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1000& data-original=&https://pic3.zhimg.com/v2-faab5d31c79cde9da7b334bdc3fa83c6_r.jpg&&&figcaption&由眼睛位置和设备屏幕定义的非对称相机视锥体（Non-Symmetric camera frustum defined by eye position and device screen）&/figcaption&&/figure&&p&如果你具备 Unity + iOS 开发技能，可以下载源码并构建到自己的 iPhone X 上。在 Unity 中使用 UnityARKitPlugin 实现，可以轻松转移到本机 iOS 应用程序和其他设备上。&/p&&blockquote&实现细节请参阅：&br&&a href=&http://link.zhihu.com/?target=http%3A//www.anxious-bored.com/blog//theparallaxview-illusion-of-depth-by-3d-head-tracking-on-iphone-x& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TheParallaxView&/a&（需科学上网）&/blockquote&&p&当然，若是尝尝鲜的话直接到 App Store 下载 &a href=&http://link.zhihu.com/?target=https%3A//itunes.apple.com/app/theparallaxview/id& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TheParallaxView&/a& 就可以了。&/p&&hr&&blockquote&&b&Github：&/b&&a href=&http://link.zhihu.com/?target=https%3A//github.com/algomystic/TheParallaxView& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&algomystic/TheParallaxView&/a& &br&&br&&b&More：&/b&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&Python 的数学仙境之旅&/a&&/blockquote&&p&极光日报，&a href=&http://link.zhihu.com/?target=http%3A//y0.cn/6AAFc& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&极光开发者&/a&旗下媒体。&/p&&p&每天导读三篇英文技术文章。&/p&&p&&/p&
简评：一个非常酷的幻象实验，不过仅适用于 iPhone X ~虽然 iPhone X 的小刘海在发布之初引起了不少争议，但小刘海下的原深感摄像头（TrueDepth Camera）却不容小觑，它会投射超过 30000 个肉眼不可见的光点，并对它们进行分析。瑞典的
&p&(其实这是一篇吐槽，本来的标题是“不要用民科的心态对待AI”)&/p&&p&因为AI概念如此之火。&/p&&p&从各种BP和公司宣传看，老板们纷纷转型AI公司，从只缺一个程序员变成了只缺一个AI专家；&/p&&p&从不同职位收的简历来看，对于广大的同学们，最热门的职业理想从前几年的产品经理变成了AI专家，&/p&&p&那么关键的问题就来了，到底什么是AI专家？&br&&/p&&p&从前我在大公司招聘的时候，最怕的是没有任何工作经验和相关背景的同学，上门就说做科学家，反问对方做了什么准备，小朋友理直气壮的说，我就是等着进来你们培养我的。觉得自己只差进入牛的AI公司（或者牛AI学校，研究院）有AI牛人给个机会手把手的教，是第一大幻觉。有些小朋友心气很高，就算让他进了谷歌FB，他也会觉得怎么谷歌的科学家都在做数据测试啊，去阿里腾讯解决业务问题一定更好；去了BAT会觉得怎么只会糙快猛，部门互相撕逼，重复造轮子，技术水平上不去啊，还是再读个博士吧；到了学校里发现怎么缺数据缺资源，都在研究茴字的24种写法……直到被不同地方虐一圈，才有个理性的认识。当然也有像王垠同学这样的，每个地方吐槽一遍，举世皆浊我独清的做了网红。作为各种牛棚里看着大牛们长大的人，我没有见到哪个计算机科学的牛人不是首先靠着自己极其的努力成长起来的。清华张钹院士的得意弟子朱军从本科开始发KDD和ICML，每天早上一早从清华骑车到MSRA坐到晚上12点回清华，除了去打两局台球，几乎不停歇的写代码，他的系统工程能力非常强，是微软学术搜索系统的核心成员，理论上也做了很深的研究，后来去CMU跟着Eric Xing做的也非常好，回清华做教授。我们这级的达哥，林达华教授（他写的MIT牛人说数学体系，隔几年都会被人翻出来转几次），大学几乎不上课，研究生和博士生的导师都非常牛，他们都感叹林达华这样的学生特别省心，是自己做系统，自己推着自己做研究，只需要大方向上点拨一下就可以了。师傅领进门，学艺靠个人，指望学校或者公司帮你成为专家不现实，谷歌10万人，BAT都好几万人，你能找来解决AI问题的有几个人？&/p&&p&还有些同学的幻觉是觉得AI专家做的事情，应该是研究算法，机器学习嘛，应该是跑模型调算法，只要负责研究优化目标就好了嘛。那这样算的话，只有去大学和研究院了。计算机科学的特点是，数据量和业务复杂程度会决定你问题的复杂程度，很多同学在学校里的project，大多是理想化状态下小数据集上的原型，离工业级别的应用，有着巨大的鸿沟，这需要真实世界里一路踩坑的血泪经验磨砺，哪个现在成功的大公司不是当初一路拉网线拼服务器，一点一点优化出来的。当世赫赫有名的计算机科学家谷歌的Jeff Dean，不就是负责system和infrastructure的么，现在他讲的Google Brain, Knowledge Graph也都是在强大的系统上来的。以前MSRA徐谷做了一个关于大规模图像去重的报告，我印象非常深刻的是always get your hands dirty。在互联网级别的数据上面，所谓的各种算法，都变成花拳绣腿，重要的是系统，系统，系统！对底层数据理解，对商业目标清楚。无论是MSR还是Google X， Yahoo Labs，里面厉害科学家的动手能力非常的强。Facebook招了很多牛PhD写PHP，外面有些尊贵的同学颇受不了。计算机首先是一门engineering的学科，这里的开发不分贵贱，重要的是你能够解决问题，革命成功靠的不是28个半布尔什维克。&br&&/p&&p&第三个幻觉是，从头造锤子才是有挑战性的人工智能。这是我深恶痛绝的，公司不是研究院，AI不是空中楼阁，你修炼的也不是屠龙术。现在各种开源项目和系统都非常成熟了，你在一个烧着投资人钱的商业公司里从头写一套OpenCV，重新发明一遍SVM，觉得这样才有意思，对不起，请回到30年前的学校里去。你必须有产品sense，而产品的本质是解决问题。&/p&&p&以前沈向洋老师经常说的三好学生招人标准，数学好，编程好，态度好。&/p&&p&对现在有志于投身AI时代的同学们来说，最重要的是看待人工智能的态度，纸上得来终觉浅，找到一个可以解决问题的地方，和专家们一起，靠自己挽起袖子去躬行。要么系统能力特别强，要么能理解商业，最终AI专家的价值，取决于他能够解决问题的大小。&/p&&p&对于想找AI专家的老板们，先想清楚你的业务问题，AI并不是解决战略无能的灵丹妙药，找几个纸上谈兵的专家来解决问题，彼此过高的期望只怕会互相伤害。&br&&/p&&p&&br&&/p&&p&当然还是有同学不服气，我这么聪明，这么天才，还要做这些low的事儿吗。&/p&&p&有天赋的人呢确实是有的，比如这样的傅太阳，大一时候业余爱好抽空写了套模拟进化的系统，当然计算机对他来说没挑战性，继续研究物理去了。&/p&&a href=&https://www.zhihu.com/question//answer/& data-draft-node=&block& data-draft-type=&link-card& class=&internal&&被智商高的人完爆是种什么体验？&/a&&p&还有这样的，&/p&&a href=&https://www.zhihu.com/question//answer/& data-draft-node=&block& data-draft-type=&link-card& data-image=&https://pic1.zhimg.com/80/f0d8cf6d54b658513ffce3418ffb.jpg& data-image-width=&1280& data-image-height=&960& class=&internal&&你见过出身最奇特的码农是什么样的？&/a&&p&都自己写代码。&figure&&img data-rawwidth=&1035& data-rawheight=&776& src=&https://pic4.zhimg.com/v2-b35a6e87dbbdda95306aa7_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1035& data-original=&https://pic4.zhimg.com/v2-b35a6e87dbbdda95306aa7_r.jpg&&&/figure&&/p&&br&&figure&&img data-rawheight=&657& src=&https://pic2.zhimg.com/v2-b28973cccf8ecaa104ace5e94b955f91_b.jpg& data-size=&normal& data-rawwidth=&924& class=&origin_image zh-lightbox-thumb& width=&924& data-original=&https://pic2.zhimg.com/v2-b28973cccf8ecaa104ace5e94b955f91_r.jpg&&&/figure&
(其实这是一篇吐槽，本来的标题是“不要用民科的心态对待AI”)因为AI概念如此之火。从各种BP和公司宣传看，老板们纷纷转型AI公司，从只缺一个程序员变成了只缺一个AI专家；从不同职位收的简历来看，对于广大的同学们，最热门的职业理想从前几年的产品经理变…
&figure&&img src=&https://pic4.zhimg.com/v2-f07f6fedd1fad47ffeb8cc3_b.jpg& data-rawwidth=&824& data-rawheight=&560& class=&origin_image zh-lightbox-thumb& width=&824& data-original=&https://pic4.zhimg.com/v2-f07f6fedd1fad47ffeb8cc3_r.jpg&&&/figure&&p&原本是这个答案 &a href=&https://zhihu.com/question//answer/& class=&internal&&如何评价微软在 Build 2017 上提出的 Fluent Design System？&/a&现在终于续完了，可以整理一下作为个文章发出来。&/p&&p&BUILD上有3个相关的内容：&/p&&ol&&li&high level讲一下Fluent Design System的各个部分：&a href=&http://link.zhihu.com/?target=https%3A//channel9.msdn.com/Events/Build/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&channel9.msdn.com/Event&/span&&span class=&invisible&&s/Build/&/span&&span class=&ellipsis&&&/span&&/a&&/li&&li&Fluent Design的细节：&a href=&http://link.zhihu.com/?target=https%3A//channel9.msdn.com/Events/Build/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Introducing Fluent Design&/a&&/li&&li&我们组的talk，提供更多细节：&a href=&http://link.zhihu.com/?target=https%3A//channel9.msdn.com/Events/Build/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Explore the next generation of innovative UI in the Visual Layer&/a&&/li&&/ol&&h2&&b&Light（光照）&/b&&/h2&&p&&b&为什么是现在&/b&&/p&&p&其实，想在UI里加光照这件事情，设计师早就想过了。只是苦于之前UI系统里没有光照计算的支持。用预先生成的mask应做，会有分辨率和资源大小的问题，遂放弃了。&/p&&p&直到v1607里面，我们组写了个新族API &a href=&http://link.zhihu.com/?target=https%3A//docs.microsoft.com/en-us/uwp/api/Windows.UI.Composition.CompositionLight& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CompositionLight Class&/a&，让UI可以直接接受光照。（by 我们组，I mean 我。API是我一个人设计的，95%的代码是我一个人写的，80%的bug是我一个人创造的。debug和补齐系统的过程养活了整个组。）&/p&&p&按照首席设计师的原话，“你这是提供了一个核武器给我啊”。于是，设计师们可以正式开始考虑如何在UI中使用光照来高亮你需要注意的东西。不需要添加额外资源，不需要考虑分辨率问题，都是实时计算的。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-b3a16cd6bf59dd0e05977e3_b.png& data-rawwidth=&823& data-rawheight=&343& class=&origin_image zh-lightbox-thumb& width=&823& data-original=&https://pic4.zhimg.com/v2-b3a16cd6bf59dd0e05977e3_r.jpg&&&/figure&&p&这套系统在计算上保持和当年的D3D/OpenGL固定流水线里的光照一致。在秋季更新里，我还加入了Physically-based BRDF。可以达到游戏级别的光照能力。并且XAML将会支持光照，以至于你只要在XAML里写tag就行了，不需要直接写代码来使用光照。&/p&&p&性能上，影响微乎其微。开不开光照，并不会造成明显的续航下降或者相应变慢。甚至因为算的太快，Windows电源管理会觉得不需要给那么高的频率。在打开光照后照样可以让CPU/GPU保持较低的耗用率。&/p& &figure&&img src=&https://pic1.zhimg.com/v2-eaee0d428c275ab5817f1c_b.png& data-rawwidth=&1169& data-rawheight=&585& class=&origin_image zh-lightbox-thumb& width=&1169& data-original=&https://pic1.zhimg.com/v2-eaee0d428c275ab5817f1c_r.jpg&&&/figure&&p&和游戏里光照不同之处是，UI里的光照更注重性能响应，会和别的特效一起生成个单一的shader，必须在一个pass内完成，必须支持各种奇葩的变换，而且必须支持极老的硬件。这些看似不起眼的东西，实现起来细节超多。以至于可以从中抽出一些独特的东西，申请个专利。&/p&&p&还有一个偶然的发现。开了光照后，如果颜色搭配得当，对比度会很大。视障人士可以很容易观察到焦点在哪里，而不需要特别开高对比度设置。也就是说，视障人士终于有机会用普通的界面进行操作。&/p&&p&&b&怎么用&/b&&/p&&p&你可以在UWP里直接调用CompositionLight，例子已经开源 &a href=&http://link.zhihu.com/?target=https%3A//github.com/Microsoft/WindowsUIDevLabs& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Microsoft/WindowsUIDevLabs&/a&。也可以等XAML里封装好的XamlLight。那只要一行就能开启reveal光照效果。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ce8f39aae_b.png& data-rawwidth=&815& data-rawheight=&435& class=&origin_image zh-lightbox-thumb& width=&815& data-original=&https://pic3.zhimg.com/v2-ce8f39aae_r.jpg&&&/figure&&h2&&b&Depth（深度）&/b&&/h2&&p&&b&UI为什么有深度&/b&&/p&&p&实际上从WPF开始，UI一直是2.5D的形态。但因为没有depth buffer，绘制顺序是由Visual在树中的顺序决定的，Visual的深度并不能用来表示遮挡。即便如此，这样的深度，在perspective matrix的配合下，其实已经可以构造出很多视觉效果，比如视差、前后变换、空间运动，等。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-97251c3cef4925edbd11c6_b.png& data-rawwidth=&825& data-rawheight=&447& class=&origin_image zh-lightbox-thumb& width=&825& data-original=&https://pic3.zhimg.com/v2-97251c3cef4925edbd11c6_r.jpg&&&/figure&&p&实际上，原先也可以这么用深度。但Win里面有个至少从Vista以来一直都有的bug，使得深度+旋转+perspective matrix这么组合使用的话，如果一个Visual有一个顶点比近平面还近，就会屏幕错乱。表现就是你的app漏了个洞，直接看到下面窗口的东西。做过渲染器的人都知道，这个情况是因为顶点坐标/w之后再插值造成的。我在看到的第一眼就感觉到了是这个问题，无奈的是调了3个星期才找到bug所在，真的是/w问题。之间被无数次误导到别的坑里，最后改了2行，好了。所以现在可以随便用深度，不会出这样的幺蛾子。&/p&&p&那么FDS里提出的深度，有什么特别之处呢？FDS的设计观念是，一套设计语言适应0D到3D的各种场合。在2D的屏幕上你看到的是2D的UI，带上Hololens你看到的就可以是3D的UI。比如说，从侧面看一个窗口的内部。&/p&&p&&figure&&img src=&https://pic4.zhimg.com/v2-9e8c8d0de_b.png& data-rawwidth=&824& data-rawheight=&467& class=&origin_image zh-lightbox-thumb& width=&824& data-original=&https://pic4.zhimg.com/v2-9e8c8d0de_r.jpg&&&/figure&另一个方面是对深度的定位，这来自于阴影。打上阴影之后，深度的空间方位一下就明朗了。之前v1607里有DropShadow，现在还会加入一个增强版的shadow。&/p&&p&&figure&&img src=&https://pic2.zhimg.com/v2-d171f3eb120c378caf7ca9_b.png& data-rawwidth=&821& data-rawheight=&447& class=&origin_image zh-lightbox-thumb& width=&821& data-original=&https://pic2.zhimg.com/v2-d171f3eb120c378caf7ca9_r.jpg&&&/figure&Sky Box的例子，更是把UI带入了3D的世界。这时候深度变成一个自然而然需要的东西了。这里我把游戏引擎中常见的sky box概念带入了UI系统，构造一个全方向的UI。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-f97eca5aabfbeaeb8f26f_b.png& data-rawwidth=&600& data-rawheight=&321& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic4.zhimg.com/v2-f97eca5aabfbeaeb8f26f_r.jpg&&&/figure&&p&&b&怎么用&/b&&/p&&p&对于程序来说，直接用Visual.Offset里的Z就是了，或者用XAML里封装好的Z。对于设计来说，需要习惯用Z来表示相对关系，不要太早合并层。DropShaodw的文档在这里&a href=&http://link.zhihu.com/?target=https%3A//docs.microsoft.com/en-us/uwp/api/Windows.UI.Composition.DropShadow& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&DropShadow Class&/a&。&/p&&p&如果要自适应2D和3D，建议用AR/VR设备测试一下。一开始会发现很多坑，找到规律后会顺利很多。&/p&&h2&&b&Motion（动态）&/b&&/h2&&p&&b&以前不能动吗&/b&&/p&&p&能，但程序写起来比较痛苦，而且局限性高。&/p&&p&dcomp一开始就有动画系统，可以用简单的脚本驱动Visual和特效的动画。然而，脚本是通过字符串的形式传给系统的。就像这样&/p&&figure&&img src=&https://pic2.zhimg.com/v2-4ac4687eda5f9effa031_b.png& data-rawwidth=&828& data-rawheight=&448& class=&origin_image zh-lightbox-thumb& width=&828& data-original=&https://pic2.zhimg.com/v2-4ac4687eda5f9effa031_r.jpg&&&/figure&&p&那么，问题来了。如果你脚本里写错了，在编译的时候不会有任何提示，只有在运行的时候才有异常抛出。而且抛出的时候只知道有错，不知道是哪里错误。只能手动的一行一行找。而在秋季更新里，新增加的一个库让动画驱动可以通过C#来完成，有智能提示，有编译检查。比原先方便得多。而且还会提供更多动画的基础元素，比如弹簧运动，让开发者更容易创造出自己想要的效果。并且现在可以通过鼠标、滚动条等UI输入直接作为脚本的输入。这样就不需要在程序里自己检测这些信息后提供给脚本。一切都是自动在dwm里完成了。&/p&&p&&b&怎么用&/b&&/p&&p&很快会有一个expression builder的库，解决动画脚本开发麻烦的问题。&/p&&h2&&b&Material（材质）&/b&&/h2&&p&&b&什么是材质&/b&&/p&&p&这里材质的概念跟游戏中的有相同点，也有些许不同。比如金银铜铁锡塑料橡皮，这样基本的材质，和游戏一样算材质。毛玻璃、亚克力这样的高层次的组合效果，也算材质。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-8ff5eb670a83f_b.png& data-rawwidth=&600& data-rawheight=&324& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic1.zhimg.com/v2-8ff5eb670a83f_r.jpg&&&/figure&&p&在FDS里，基本材质用的是Lambert表示diffuse，Blinn-Phong表示specular。熟悉图形的人都会知道这些BRDF，参数调整的方法也和D3D/OpenGL里一致。在秋季更新里，我还特别加入了Physically-based Blinn-Phong，已达到跟游戏相同的开发方式和用户体验。&/p&&p&这些材质是可以自由调参数的，不是说定死了几个让你选。所以只要你调得合适，就能做出各种各样的材质。我不管是在组内还是组外，都是推荐用Matusik的一篇paper的数据 &a href=&http://link.zhihu.com/?target=http%3A//people.csail.mit.edu/addy/research/brdf/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Experimental Analysis of BRDF Models&/a&。他里面提供了100中常见物体的参数。以此为参考，调材质会容易得多。&/p&&p&&b&怎么用&/b&&/p&&p&API叫&a href=&http://link.zhihu.com/?target=https%3A//docs.microsoft.com/en-us/uwp/api/Windows.UI.Composition.Effects.SceneLightingEffect& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SceneLightingEffect Class&/a&。也是我独立完成的。支持ambient/diffuse/specular，normal map等。用法和游戏引擎里的类似。&/p&&p&在这次的Build上，我们组还公开展示了一个Material editor。在里面可以方便地调整各种材质及其组合。所见即所得的风格。设计师可以直接用这个来调参数。&/p&&h2&&b&Scale（伸缩性）&/b&&/h2&&p&&b&如意金箍棒&/b&&/p&&p&因为FDS的目的是一次设计，可以用于0D（只有语音）、1D（Surface Dial）、2D（UI）、3D（VR/AR）的种种情况。所以伸缩性比其他UI设计语言都要更重要。&/p&&p&不过实际上scale这部分还没有充分展开，更像是前面几项的组合和应用。&/p&&p&&b&怎么用&/b&&/p&&p&按照FDS的知道规范设计完UI后，理论上就能适用于0D-3D了。但实际上还需要不少测试，尤其是在VR/AR设备上。&/p&&h2&&b&主打的特效&/b&&/h2&&p&上面已经把FDS的几个组成介绍了一遍。这部分讲的是这次在主打的两个FDS的应用，Acrylic和Reveal。这两个都已经封装到XAML里，在insider里可以直接打开。&/p&&p&&b&Acrylic（亚克力）&/b&&/p&&p&从去年年底关于NEON泄露的新闻开始，媒体就一直再说“毛玻璃的回归”，而且搞得NEON有且只有毛玻璃的样子。接到这些消息，你媒体本身也要判断，明白意思吗？&/p&&p&亚克力是毛玻璃吗？不是。&/p&&p&设计师想到亚克力这个特效的时候，正拿着这块板子。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-1e6e7cebc2426_b.png& data-rawwidth=&600& data-rawheight=&338& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic3.zhimg.com/v2-1e6e7cebc2426_r.jpg&&&/figure&&p&（嗯，对，这块板子现在流落到我手里了）&/p&&p&Win7里的毛玻璃，就是一个小半径的高斯模糊，再加上一个色调的调整。想要表达的是光滑的毛玻璃表面，把背景模糊了，同时自己的高光也加上去。&/p&&p&而这么多年后，审美已经改变。人们更喜欢亚光的材质。这次的亚克力，合成则复杂得多了。需要这样的effect graph才能组合出来。而且每一个参数都是经过设计师仔细调整的（这个过程甚至还没完全完成）。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-e95ab48bfa866f7d73af8e05e63c7345_b.png& data-rawwidth=&766& data-rawheight=&442& class=&origin_image zh-lightbox-thumb& width=&766& data-original=&https://pic2.zhimg.com/v2-e95ab48bfa866f7d73af8e05e63c7345_r.jpg&&&/figure&&p&性能方面，亚克力和毛玻璃也有巨大的区别。虽然用的都是我的快速gaussian blur算法（专利已得），但这次的版本更加优化了，可以支持几十上百的模糊半径。不像毛玻璃，因为性能问题在Win8上就关掉了。&/p&&p&&b&Reveal&/b&&/p&&p&Reveal是个光照效果，当鼠标移到按钮上方的时候，可以看到那个按钮被照亮，周围几个控件的边框也被照亮。就好像手电筒一样。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-eddcfe8ca9ab48_b.png& data-rawwidth=&294& data-rawheight=&311& class=&content_image& width=&294&&&/figure&&p&这主要就是用CompositionLight，加上SceneLightingEffect等多个特效，经过仔细调整才得到现在的结果。目前的insider里面，计算器已经开始用Reveal。&/p&&h2&&b&幕后花絮&/b&&/h2&&p&下面开始进入八卦的环节。&/p&&p&&b&团队组成&/b&&/p&&p&FDS这个项目的开发过程，跟微软传统的自上而下的体系很不一样。这个项目更多的是横向的联系。Designer说有个想法，PM说想做，dev说能做。于是我们组成了一个分散于不同部门之间，工种齐全的虚拟小组。一两个designer，两个PM，一到两个dev，一个techart，一个lead，幕后还有一个大佬。开会的时候像一个组，散会了各奔东西。就以这样的方式，在早期非常高效地把Acrylic和Reveal的设计到实现一条龙打通了。&/p&&p&随着工作的进展，加入的团队越来越多。从一开始一间小会议室就把所有人都装下，到后来订了个20人的大会议室，仍然有坐票有站票有蹲票有趴票（还有实在没辙了远程连进来的，算不算挂票？）。我很欣慰。&/p&&p&&b&工作方式&/b&&/p&&p&FDS虚拟小组的工作方式也有别于微软传统的团队。我们从有一点原型的时候就开始到各组“推销”。很快就收到了来自于公司里多个app团队的肯定，并且表示如果Acrylic和Reveal做出来了，他们会用上。又因为app都用的xaml，也毫无疑问地把xaml拉下水，大量实现是在xaml层完成。这样一来，app只要简单的加一两个tag就能开启这些特效。&/p&&p&具体流程，是designer出一个设计；techart按照photoshop/aftereffect里的层设定和参数实现到代码里；一个dev（我）拿来，从公式的角度进行优化；另一个dev把我优化后的公式转成代码；xaml团队拿去加入xaml套餐。整个流程过一遍的时间可以小于一个星期，从最初techart的版本到优化后的结果，性能可以差10倍甚至更多。得益于这样的流水线作业，在离最终review前几天，即便designer大改了配方，我们还是可以赶得上review。&/p&&h2&&b&常见的误解&/b&&/h2&&p&&b&风格不一致？&/b&&/p&&p&有人提到在build上演示的几个不同app，对于透明程度、阴影等方面存在不一致的情况。那是因为，build上的那些图片和视频都是设计稿，由设计师用PS或者AE做的。每个设计师负责一两张图/一两段视频，手工做。这样并没有办法保证参数相同，所以不一致是正常的。正式版本是由程序渲染，推荐参数都是一样的。不会不一致。&/p&&p&&b&传统Win32程序？&/b&&/p&&p&这些现代UI的修改都只存在与UWP。但是UWP也是native得啊，也可以从传统Win32程序中调用，技术上并没有问题，只是麻烦点。&/p&&p&如果你希望有官方的方法可以在传统Win32程序里用现代UI，就到这里投票吧。&/p&&a href=&http://link.zhihu.com/?target=https%3A//wpdev.uservoice.com/forums/110705-universal-windows-platform/suggestions/-modern-windows-ui-in-win32-desktop-applications& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&wpdev.uservoice.com/for&/span&&span class=&invisible&&ums/110705-universal-windows-platform/suggestions/-modern-windows-ui-in-win32-desktop-applications&/span&&span class=&ellipsis&&&/span&&/a&&p&&b&非焦点窗口特效消失？&/b&&/p&&p&有人以为那是因为失去焦点后程序没响应，所以特效消失。然而这些渲染都是在dwm进程，而不是app进程做的。不存在没响应的问题。目前非焦点窗口关闭Acrylic是有意而为之。因为如果不那么做的话，就会需要把每一层窗口都单独渲染一遍，不管是否被遮挡。比如说，你有10个窗口，互相层叠。如果都开着Acrylic，就需要从后往前渲染窗口和桌面，blur，贴到上一层窗口上，如此类推。还会涉及到两个Acrylic叠加的噩梦。对于电能消耗和响应速度都不是好事。然而因为各方面的要求，这一点以后可能会渐渐放松。&/p&&p&&b&我可以表达出对FDS的喜欢吗？&/b&&/p&&p&能。已经把大家都拉下水了，已经被砍两次都原地满血复活，不怕了。&/p&
原本是这个答案 现在终于续完了，可以整理一下作为个文章发出来。BUILD上有3个相关的内容：high level讲一下Fluent Design System的各个部分：…
&p&---- 更新
----&/p&&p&一个月过去了。很多人都在讨论HoloKit到底靠谱不？淘宝怎么还没有发货啊？哈哈。&/p&&p&我决定公开谜底：我们白送HoloKit哦。HoloKit就是一份礼物送给大家的。因为HoloKit是一个创意项目，开源的目的是抛砖引玉，希望开发者一起来加入混合现实的未来。作为一个创意艺术工作室，我们自己没有什么规模化生产和销售的想法，但为了能让这个事情冷启动起来，我尽自己的能力承担费用，并手工制作了1000套HoloKit免费送给开发者，希望你们能够启迪更多的人。&/p&&p&为啥淘宝和Amazon呢，就是统计一下有多少人认真愿意支付，我们才开始制作，因为手工制作HoloKit很辛苦的。大家都可以得到退款的。&/p&&p&这是我写的一封公开信，给所有的开发者！&/p&&br&&figure&&img src=&https://pic2.zhimg.com/v2-74ffe89bb2271_b.png& data-rawwidth=&832& data-rawheight=&1160& class=&origin_image zh-lightbox-thumb& width=&832& data-original=&https://pic2.zhimg.com/v2-74ffe89bb2271_r.png&&&/figure&&br&&p&呃，英文版读起来更正常一点。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-56c58db84ed23f0bc8cff_b.png& data-rawwidth=&865& data-rawheight=&1214& class=&origin_image zh-lightbox-thumb& width=&865& data-original=&https://pic4.zhimg.com/v2-56c58db84ed23f0bc8cff_r.png&&&/figure&&p&如果你不是开发者，没有iPhone 6 Plus, iPhone 7 Plus 也想玩HoloKit怎么办？&/p&&p&7月15日2017网易未来科技峰会，会有一个AR专场，届时很多HoloKit将会展出各种Demo哦。中国各位小伙伴都可以去报名体验哦。现场有送惊喜哦。&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s/9YCC1X7-j0-ZH3wBClITtg& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&报名 | AR专场邀你探讨下一个数亿新增用户市场！&/a&&/p&&p&----更新
----&/p&&p&关于HoloKit这个Project，这篇知乎文章是我在中文圈和大家分享信息的唯一通道。我的一切观点以本文为主。因为是个开源项目，会不断更新，随着开发的进展，我会随时更新本文。&/p&&p&很高兴看到大家的关心，我做这个开源项目的目的是图好玩和大家分享，并没有想得罪谁的意思。因为效果：真！的！不！错！啊！我和我的小伙伴，真就是带着HoloKit在家里看动漫人物跳舞(MMD) 。超爽der！有木有！我真的没有骗你！&/p&&p&所以开源一波，给大家提供一个清奇的脑洞。&/p&&p&真诚的需要大家的帮助，让更多人体验到MR。&/p&&p&不要黑，既然都开源了，好不好用试试咯。开源的意义也是想让更多的人也可以看到inside out tracking是怎么工作的，加入这个未来中，多好啊。&/p&&p&-------正文---------&/p&&p&虽然题主的问题是：&/p&&p&&b&现在世界上有较为成熟的MR（混合现实）设备吗？&/b&&/p&&p&我其实回答的是下面的问题，但我觉得也算是给题主一个靠谱的答案：&/p&&p&&b&如何在2017年的今天在$30内自己动手制作一个比HoloLens效果还好的混合现实眼镜呢？（就像HoloLens或者Magic Leap声称的效果）&/b&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-2daefc77d9c_b.png& data-rawwidth=&1999& data-rawheight=&1114& class=&origin_image zh-lightbox-thumb& width=&1999& data-original=&https://pic1.zhimg.com/v2-2daefc77d9c_r.png&&&/figure&&br&&p&现在是2017年6月，距离上次我发知乎的Magic Leap & Hololens的异同的揭秘答案(&a href=&https://www.zhihu.com/question//answer/& class=&internal&&Magic Leap 和微软的 HoloLens 相比有哪些异同点？&/a&) 有了1年半，混合现实(Mixed Reality)的世界似乎有点变化，变得更火了。然而从一个普通的消费者角度来讲没有什么实质性进展：&/p&&p&(a) Magic Leap依然还是个迷，流出来的信息也就是一张背包图，和我1年前猜的一样，是个背包prototype。&/p&&p&(b) Hololens还是非消费者版，现在这个版本我2年前就用过了，东西是不错，感知部分 inside out tracking 做的很棒，显示部分一般（视场角只有34度），要价$3000，消费者买不起。&/p&&p&(c) 李嘉诚先生投资的Meta 2开始预订，还没有发货，我在上个月斯坦福的Workshop on Augmented and Mixed Reality的会议上，用了demo，发现inside out tracking巨差，latency & 100ms，显示部分清晰度一般，而且还需要一台PC连着，最重要的是我预定等了一年半还是没有拿到！&/p&&p&(d) 其他的MR公司的眼镜也都停留在展会demo阶段。&/p&&p&但1年半内，变化的是：现在谁都号称自己在搞混合现实增强现实了。每天 AR/MR 融资新闻不断，或者就是牵强扯上MR的概念，就是不见干货。连Pokemon, Snapchat, Facebook这些公司，非要挂上MR的概念，卖着带相机的眼镜，或手机相机叠加特效的老梗。&/p&&p&AR/MR/VR/XR 这个领域定义很乱，名称从来没有统一过。为了大家没有歧义，在这篇文章中，我武断的下个定义： Mixed Reality 是特指直接通过肉眼看到虚拟图像的在现实中叠加，并且现实部分应该是直接看到的（ see-through）。Augmented Reality是个泛指，所以很多用手机屏幕做的东西都被称为了AR，但我们这篇文章只关注Mixed Reality这个特定的话题。&/p&&p&总之，我们等了1年半，泡沫变更大了，不见干货。至少消费者觉得不给力啊。这都2017年了！&/p&&p&==========&/p&&p&下面是干货。 &/p&&p&既然等不到，那我们自己来做一个呗 ！&/p&&p&我今天来给大家示范一下做一个纸盒版的混合现实眼镜，加上你手上的iPhone就好了。&/p&&p&我没有搞笑，很严肃的。我保证这货是work的，效果还很好，而且有黑科技加持。&/p&&p&显示部分，这货视场角比HoloLens大的多，对角线达到76度，HoloLens只有34度，选择正确的镜片后还更加清晰。&/p&&p&感知部分，我们有基于视觉和惯性传感器融合的由内向外定位的黑科技(inside out tracking)。不需要特殊硬件，只需要你的iPhone哦。同时也支持Tango，反正你要用啥都可以。&/p&&p&我给它命名：HoloKit 。&/p&&p&它长这样：&/p&&figure&&img src=&https://pic3.zhimg.com/v2-745a2b4a29eac5bc84e6452_b.png& data-rawwidth=&1228& data-rawheight=&1014& class=&origin_image zh-lightbox-thumb& width=&1228& data-original=&https://pic3.zhimg.com/v2-745a2b4a29eac5bc84e6452_r.png&&&/figure&&br&&figure&&img src=&https://pic4.zhimg.com/v2-5dcfb06af5bdc2b078d0f13_b.jpg& data-rawwidth=&480& data-rawheight=&256& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic4.zhimg.com/v2-5dcfb06af5bdc2b078d0f13_r.jpg&&&/figure&&br&&p&先上视频：&/p&&a class=&video-box& href=&//link.zhihu.com/?target=http%3A//www.bilibili.com/video/av/& target=&_blank& data-video-id=&175680& data-video-playable=&true& data-name=&HoloKit - 把你最爱的MMD和游戏搬上你的桌面！& data-poster=&https://pic3.zhimg.com/v2-bec4ea76ffd40ce5e19a.jpg& data-lens-id=&&&
&img class=&thumbnail& src=&https://pic3.zhimg.com/v2-bec4ea76ffd40ce5e19a.jpg&&&span class=&content&&
&span class=&title&&HoloKit - 把你最爱的MMD和游戏搬上你的桌面！&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&http://www.bilibili.com/video/av/&/span&
&/a&&p&( 我是导演，兼剪辑师，兼一半摄影，兼一半摄影助理，兼一半制作人，兼音效编辑。快表扬我！）&/p&&p&把你的手机插上去就能用了。和Google Cardboard类似，但这次是混合现实哦。&/p&&p&我们的盒子支持Tango也支持iPhone。下面有的Demo是用Tango，有的用iPhone。&/p&&p&&b&=== 先看效果 === &/b&&/p&&p&先来看一些我们自己做的例子（均为拿Sony A7Sii相机实拍，没有特效，都是动图）：&/p&&p&在纽约大中央车站里的太阳系
&/p&&figure&&img src=&https://pic4.zhimg.com/v2-4d80a6fb62a00be1608f_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic4.zhimg.com/v2-4d80a6fb62a00be1608f_r.jpg&&&/figure&&p&在纽约大中央车站里的初音MMD （以下模型的版权所有: Unity Chan） &/p&&figure&&img src=&https://pic2.zhimg.com/v2-58ede8a5b7db9_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic2.zhimg.com/v2-58ede8a5b7db9_r.jpg&&&/figure&&br&&figure&&img src=&https://pic3.zhimg.com/v2-260d5ebbbc19f37fca5c76_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic3.zhimg.com/v2-260d5ebbbc19f37fca5c76_r.jpg&&&/figure&&p&在纽约大中央车站的Vanderbilt Hall 的宠物小精灵对战（以下模型的版权所有: Nintendo） &/p&&figure&&img src=&https://pic3.zhimg.com/v2-732db87d446e83fb855fea_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic3.zhimg.com/v2-732db87d446e83fb855fea_r.jpg&&&/figure&&p&站在波波后面控制波波的是我。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-d08dd89df74bfa8dc6cfac_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic1.zhimg.com/v2-d08dd89df74bfa8dc6cfac_r.jpg&&&/figure&&p&在纽约大中央车站里漂浮的大鲸鱼 （Failwhale, aka, Lifting a dreamer, 以下模型的版权所有：Yiying Lu）。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-3b0e0c66aaddd5914eae8_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic1.zhimg.com/v2-3b0e0c66aaddd5914eae8_r.jpg&&&/figure&&p&在纽约地铁里的遛狗全息 (Volumetic Capturing)（以下模型的版权所有：Owlii, Ltd.）。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-77a2bcdc530b6d68ddfe_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic3.zhimg.com/v2-77a2bcdc530b6d68ddfe_r.jpg&&&/figure&&p&在纽约地铁里的吉他band的全息 (Volumetic Capturing)（以下模型的版权所有：Owlii, Ltd. ）。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-15d0eb81c_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic1.zhimg.com/v2-15d0eb81c_r.jpg&&&/figure&&p&这个是我们拍摄过程（免得你们说我和Magic Leap一样做特效）：&/p&&p&直接把HoloKit套在相机前 &/p&&figure&&img src=&https://pic2.zhimg.com/v2-b5fc453ef7e1fd49aa01_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic2.zhimg.com/v2-b5fc453ef7e1fd49aa01_r.jpg&&&/figure&&p&(感谢 SilverQSY 作为摄影师,
&a href=&//link.zhihu.com/?target=https%3A//www.instagram.com/silverqsy/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&instagram.com/silverqsy&/span&&span class=&invisible&&/&/span&&span class=&ellipsis&&&/span&&/a&)&/p&&p&展示我们的内向外定位(inside out tracking)的黑科技：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-2bfbf9aa998dfeebc43e9d_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic2.zhimg.com/v2-2bfbf9aa998dfeebc43e9d_r.jpg&&&/figure&&br&&p&&b&======下面是制作过程======&/b&&/p&&p&总共三步：&/p&&p&第一步：首先你需要一张瓦楞纸，按着我这个设计图的形，拿剪刀或激光切割出来。黏上三张镜片：一张全反镜子，一张半透半反，一张菲涅尔透镜。大淘宝上搜，一大堆，我在github的开源文档中给出你购买这些原件的Amazon链接。按照这个设计图黏上双面胶。&/p&&br&&figure&&img src=&https://pic3.zhimg.com/v2-03cca6f8af6_b.png& data-rawwidth=&917& data-rawheight=&668& class=&origin_image zh-lightbox-thumb& width=&917& data-original=&https://pic3.zhimg.com/v2-03cca6f8af6_r.png&&&/figure&&br&&br&&figure&&img src=&https://pic3.zhimg.com/v2-ee41f6a8fbe_b.png& data-rawwidth=&1112& data-rawheight=&514& class=&origin_image zh-lightbox-thumb& width=&1112& data-original=&https://pic3.zhimg.com/v2-ee41f6a8fbe_r.png&&&/figure&&br&&figure&&img src=&https://pic4.zhimg.com/v2-e320f782cdd16e73f0acf_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic4.zhimg.com/v2-e320f782cdd16e73f0acf_r.png&&&/figure&&br&&figure&&img src=&https://pic2.zhimg.com/v2-269f2bec9aa5ae5ebbb9_b.png& data-rawwidth=&1999& data-rawheight=&1500& class=&origin_image zh-lightbox-thumb& width=&1999& data-original=&https://pic2.zhimg.com/v2-269f2bec9aa5ae5ebbb9_r.png&&&/figure&&br&&p&第二步：双面胶撕开，把他们卷起来（像墨西哥鸡肉卷一样）。（动图）&/p&&br&&figure&&img src=&https://pic3.zhimg.com/v2-8b0effc80a7bfcaac13572_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic3.zhimg.com/v2-8b0effc80a7bfcaac13572_r.jpg&&&/figure&&br&&figure&&img src=&https://pic4.zhimg.com/v2-f4b65c9e1ed3_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic4.zhimg.com/v2-f4b65c9e1ed3_r.jpg&&&/figure&&br&&p&第三步：下载我们这个App：HoloKit，到你的iPhone 7 plus，然后插入你的HoloKit。这个app有主动定位的能力（inside out tracking，就是能感知到你在空间中的位置，这样就能使得让虚拟的物品定在一个物理的位置上，用户会感觉这个物品好像就在物理空间中一样）&/p&&br&&figure&&img src=&https://pic1.zhimg.com/v2-cd08aa8a11bd3fc604d9ec_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic1.zhimg.com/v2-cd08aa8a11bd3fc604d9ec_r.jpg&&&/figure&&br&&p&塔哒！完成啦！&/p&&p&是不是很简单呢？（喂，谁的脸被打了？）&/p&&p&&b&===谁用都说好！===&/b&&/p&&p&我的老师斯坦福大学的光场显示专家 Gordon Wetzstein 教授，在斯坦福大学的混合现实研讨会上使用 HoloKit (日）&/p&&br&&figure&&img src=&https://pic4.zhimg.com/v2-82051c7bee571cabd72610bca14edf0b_b.png& data-rawwidth=&1406& data-rawheight=&1096& class=&origin_image zh-lightbox-thumb& width=&1406& data-original=&https://pic4.zhimg.com/v2-82051c7bee571cabd72610bca14edf0b_r.png&&&/figure&&br&&p&谷歌tango项目的创始人老大 Johnny Lee 在斯坦福大学的混合现实研讨会上使用 HoloKit (日）&/p&&br&&figure&&img src=&https://pic3.zhimg.com/v2-cd911f6a63af09c5f3215e_b.png& data-rawwidth=&1600& data-rawheight=&1200& class=&origin_image zh-lightbox-thumb& width=&1600& data-original=&https://pic3.zhimg.com/v2-cd911f6a63af09c5f3215e_r.png&&&/figure&&p&美国最大网红Casey Neistat 在纽约使用 HoloKit （日）：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-dd52c884de5dbcd85029_b.png& data-rawwidth=&900& data-rawheight=&675& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic2.zhimg.com/v2-dd52c884de5dbcd85029_r.png&&&/figure&&p&我们在AWE 2017的Booth（增强现实大会上) （日）&/p&&figure&&img src=&https://pic1.zhimg.com/v2-63ed4f2bd448383faa54_b.png& data-rawwidth=&1904& data-rawheight=&1460& class=&origin_image zh-lightbox-thumb& width=&1904& data-original=&https://pic1.zhimg.com/v2-63ed4f2bd448383faa54_r.png&&&/figure&&br&&p&&b&======下面是分析比较======&/b&&/p&&p&给你们一张表格HoloKit对比起其他MR产品的优劣。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-f7fd9cbaf69cf617fa5c_b.png& data-rawwidth=&1342& data-rawheight=&952& class=&origin_image zh-lightbox-thumb& width=&1342& data-original=&https://pic1.zhimg.com/v2-f7fd9cbaf69cf617fa5c_r.png&&&/figure&&p&(这么算对角线 FOV : h = 30 deg, v = 17.5 deg for hololens. 2 * atan(sqrt((2 * tan(h degree /2))^2 + (2 * tan(v degree /2))^2) / 2) to degree)&/p&&p&&b&=显示部分=&/b&&/p&&ol&&li&视场角：明显的好处是HoloKit大，对角线视场角76度（估算），比Hololens的34度大多了。&/li&&li&清晰度：可以从我们实拍的视频中看出，HoloKit清晰度非常高（我们用了比较好的材料但比起屏幕来说不贵）。实际体验的话，你会被惊艳到的。清晰度比Hololens和Meta都高很多。&/li&&li&一体机：是的，HoloKit不需要线连着，它只用了你的手机，它就是一个一体机。有Wifi 有GPS，所有手机能干的，它都能干，并且有了混合现实的感知和显示。&/li&&/ol&&p&&b&=交互部分=&/b&&/p&&p&1. 交互外设支持：你能想到的能连上手机的东西，都能做交互
a.比如说一个蓝牙耳机的音量键 + 你头部指向中心的光标，就可以做几乎等价于HoloLens 主要交互模式。&/p&&p&b. 比如说任意一个蓝牙控制器（$10以下），都能做交互。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-45c3c13de46b7ba7982b_b.png& data-rawwidth=&1160& data-rawheight=&464& class=&origin_image zh-lightbox-thumb& width=&1160& data-original=&https://pic4.zhimg.com/v2-45c3c13de46b7ba7982b_r.png&&&/figure&&p&c.比如说另外一个手机也能做控制器，还能实现了3自由度的交互呢。&/p&&p&下图中这两人一个用手柄，一个用手机做交互。其实效果都是一样的。是不是很便宜就实现了很多很科幻的效果？&/p&&br&&figure&&img src=&https://pic2.zhimg.com/v2-4e5f7d6f0ad9bda_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic2.zhimg.com/v2-4e5f7d6f0ad9bda_r.jpg&&&/figure&&br&&figure&&img src=&https://pic4.zhimg.com/v2-01b5b0ac8a7a59199bac9e20eb813f9b_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic4.zhimg.com/v2-01b5b0ac8a7a59199bac9e20eb813f9b_r.jpg&&&/figure&&p&2. 手势识别&/p&&ol&&ol&&li&最简单的方式：我们可以装个$70 leap motion上去也实现了黑科技手势识别。&/li&&li&黑科技的方式：利用现有普通手机的单目摄像头做手势识别，不需要额外硬件。&/li&&/ol&&/ol&&p&这个目前有很多库都能用，一个比较好的是 manomotion&/p&&p&哈哈是不是觉得一台手机把Hololens做的都搞定了呢？&/p&&figure&&img src=&https://pic1.zhimg.com/v2-ba8dfba9b7b60bf65ed008_b.jpg& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic1.zhimg.com/v2-ba8dfba9b7b60bf65ed008_r.jpg&&&/figure&&br&&p&3. 语音识别&/p&&p&这是可是手机啊！手机上的语音识别早就很发达了，所以手机上的常用的语音识别库都是可用的。&/p&&p&&b&=感知部分=&/b&&/p&&p&1. 内向外的定位 Inside out tracking。&/p&&p&原来我们参考了开源的VINS做定位部分。&/p&&p&好消息是，Apple 在6月5日，发了 ARKit ，效果看起来也不错。所以那就更好了，HoloKit也可以完美支持ARKit。&/p&&p&所以现在感知部分可以使用 VINS, ARKit, Tango 三选一。多好，Google和Apple 我们都支持，开发者谁好就用谁的。用户体验优先。我会放出针对HoloKit适配的调参SDK。保证三个Tracking都支持。&/p&&p&2. 平面检测。以上三种感知算法都可以告诉开发者平面位置。所以可以将虚拟物体置放于桌子和地板上。&/p&&p&3.
HoloKit是支持Unity的，所以不需要你懂黑科技和c++，普通程序员艺术家也能使用Unity，来开发基于HoloKit的App。&/p&&p&==========为什么HoloKit长这样？==========&/p&&br&&figure&&img src=&https://pic3.zhimg.com/v2-e0d92b513cdd82cdfb78e_b.png& data-rawwidth=&623& data-rawheight=&344& class=&origin_image zh-lightbox-thumb& width=&623& data-original=&https://pic3.zhimg.com/v2-e0d92b513cdd82cdfb78e_r.png&&&/figure&&p&上图是HoloKit的光路图，你可以看出我们为什么要把手机竖起来，因为我们要有inside out tracking给出手机位置信息，才能将虚拟物体渲染在真实场景上，形成叠加。&/p&&p&但其实仔细想想这种潜望镜设计，其实并不难。而且李嘉诚爷爷投资的Meta的设计其实也就差不多：你看下图眼镜里那个屏幕，明白了吧？就是一个潜望镜设计，放块屏幕哈哈，哈哈是不是很简单，没有那么黑科技。&/p&&br&&figure&&img src=&https://pic2.zhimg.com/v2-541eebae495d962c39fb0b9_b.png& data-rawwidth=&623& data-rawheight=&346& class=&origin_image zh-lightbox-thumb& width=&623& data-original=&https://pic2.zhimg.com/v2-541eebae495d962c39fb0b9_r.png&&&/figure&&br&&p&===================下面才是重点===================&/p&&p&因为这个项目的目的，我们只是想希望更多的人能更快的用上混合现实，让这个世界加速点进入未来。所以我们开源 HoloKit 送给世界当一个礼物咯。&/p&&p&其实你们可以把这个项目看成一个学术加艺术的社会性实验项目：&/p&&p&Mixed Reality概念从HoloLens和Magic Leap出来两年，还没有 Killer App。如果能通过这种纸盒型的产品，将试错成本极大的降低，我们很期待聪明的有创意的艺术家和黑客会诞生什么样的Killer app来验证这个行业。&/p&&p&所以欢迎大家一起来贡献代码。&/p&&p&也欢迎各种艺术家，博物馆和黑客在HoloKit的基础上做App和艺术，开脑洞，搞大事情，我们会把你们的video链接到我们的网站上的。&/p&&p&对于想合作的厂商们，欢迎联系我们 (&a href=&mailto:info@holokit.io&&info@holokit.io&/a&)，我们想把这个开源的项目推广起来，并且让更多人的体验到mixed reality，非常需要你们的帮助。目前我们官方已经授权了一个厂商生产了官方版。&/p&&p&我们的设计稿的开源协议是非商业的授权（具体见我们的开源文档），只要不做商业用途，随便自己玩。请注意，开源不意味着随便炒哦，生产需要我们的书面许可，我们不希望随意生产的眼镜毁掉很多人的第一次混合现实体验，其实这东西看似简单其实不容易做对，镜片的位置关系有一点误差图像都会不重合，而且需要我们开源软件部分调参。我们的源码是开源的GPLv3的，意味着你们要修改我们的软件，你们的源码也要开源哦。&/p&&p&&b&只要你使用或参考了我们的代码和设计（不管是硬件还是软件），我们基本诉求是必须清晰的注明是来自 HoloKit 这个项目，给足credit，论文要cite。具体的注明方法，参见我们的章程 Term of Use (&a href=&//link.zhihu.com/?target=https%3A//holokit.io/terms& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&holokit.io/terms&/span&&span class=&invisible&&&/span&&/a& ) 和源代码里的说明。Again，请务必尊重我们的劳动。&/b&&/p&&p&另外，软件有什么Bug，什么不稳定，很正常，我们也就是几个学生和爱好者发起的开源项目。不要光来黑，这也是我们要开源的意图，因为我们力量很小，需要更多人完善它。反正开源，咱一起搞，一起来贡献代码吧，让未来来的快点。&/p&&p&HoloKit 由Amber Garage工作室和纽约大学ITP学生朱逢源合作研发 。硬件设计和研制来自歌航电子，经过整个团队半年的打磨，才形成目前的产品设计和开源代码。 &/p&&p&项目网站（啥都在上面了，购买链接）：&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//holokit.io& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&holokit.io&/span&&span class=&invisible&&&/span&&/a& &/p&&p&看视频请翻墙。&/p&&p&不翻墙的看bili。&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.bilibili.com/video/avFfrom%3Dsearch%26seid%3D& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&bilibili.com/video/av11&/span&&span class=&invisible&&129306/?from=search&seid=&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&代码 &/p&&p&&a href=&//link.zhihu.com/?target=http%3A//github.com/holokit/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&github.com/holokit/&/span&&span class=&invisible&&&/span&&/a&&/p&&p&===============最后是广告=====================&/p&&p&我是谁？我是Amber，是一个住在车库的斯坦福计算机系毕业的从事人工智能数据科学转业搞新媒体艺术的脑洞少年（青年）。我有一个叫Amber Garage的艺术和科技工作室。我的工作是想象工程师（Imagineer），做新媒体艺术，无人机和定位规划。我做了很多有趣的项目，HoloKit 是其中一个新项目。&/p&&p&如果你想来加州和我开脑洞做新媒体艺术和无人机，那么 英文简历投到这里：
（不在美国的需要抽H1B签证的孩子就先算了吧，H1B抽签使得我们小工作室从中国招人还很困难）。&/p&&p&我们需要：机器人软件工程师，机械工程师，计算机图形学Tech artist，3D设计师和Concept Artist。&/p&&p&===============转载===========================&/p&&p&&b&本文默认不可转载。&/b&&/p&&p&本文的共享协议为 CC BY-NC-SA 4.0 Creative Commons 署名，非商业，传播时不可修改 并附上知乎原帖链接与原作者名：Botao (Amber) Hu。&/p&&p&转载联系我 info@holokit.io &/p&
----一个月过去了。很多人都在讨论HoloKit到底靠谱不？淘宝怎么还没有发货啊？哈哈。我决定公开谜底：我们白送HoloKit哦。HoloKit就是一份礼物送给大家的。因为HoloKit是一个创意项目，开源的目的是抛砖引玉，希望开发者一起来加入混合…
&p&不妨看看这些极客电脑桌日常&/p&&p&前苹果CEO 乔布斯 （Steve Jobs）&/p&&br&&figure&&img src=&https://pic3.zhimg.com/v2-751ef9cec0ee1668dceebab_b.jpg& data-rawwidth=&500& data-rawheight=&293& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic3.zhimg.com/v2-751ef9cec0ee1668dceebab_r.jpg&&&/figure&&p&Face Book CEO 马克扎克伯格&/p&&br&&figure&&img src=&https://pic1.zhimg.com/v2-fca5c30a804_b.jpg& data-rawwidth=&1000& data-rawheight=&660& class=&origin_image zh-lightbox-thumb& width=&1000& data-original=&https://pic1.zhimg.com/v2-fca5c30a804_r.jpg&&&/figure&&br&&p&大家对小扎的桌子比较感兴趣，哈哈&/p&&p&* (???`?)?*&/p&&p&桌子上的东西分别是，macbook,一箱麦条，一只米兔，几本书，投资的，科学方面的，还有本贝克汉姆自传，最重要的还有习大大的书 &/p&&p&微软CEO 鲍尔默&/p&&br&&figure&&img src=&https://pic4.zhimg.com/v2-9b2a5fda2b_b.jpg& data-rawwidth=&700& data-rawheight=&452& class=&origin_image zh-lightbox-thumb& width=&700& data-original=&https://pic4.zhimg.com/v2-9b2a5fda2b_r.jpg&&&/figure&&p&亚马逊CEO 贝佐斯&/p&&br&&figure&&img src=&https://pic2.zhimg.com/v2-b6ef5fd3c89b5ed99d729_b.jpg& data-rawwidth=&630& data-rawheight=&423& class=&origin_image zh-lightbox-thumb& width=&630& data-original=&https://pic2.zhimg.com/v2-b6ef5fd3c89b5ed99d729_r.jpg&&&/figure&&br&&p&微软创始人 Bill Gates&/p&&figure&&img src=&https://pic4.zhimg.com/v2-e4fc53d06cccc45b00ab54f03d5dff0b_b.jpg& data-rawwidth=&530& data-rawheight=&189& class=&origin_image zh-lightbox-thumb& width=&530& data-original=&https://pic4.zhimg.com/v2-e4fc53d06cccc45b00ab54f03d5dff0b_r.jpg&&&/figure&&p&Space X CEO 艾伦 马斯克&/p&&br&&figure&&img src=&https://pic4.zhimg.com/v2-6dd3369bfc9ad09ea2cf880b976b504f_b.jpg& data-rawwidth=&500& data-rawheight=&330& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic4.zhimg.com/v2-6dd3369bfc9ad09ea2cf880b976b504f_r.jpg&&&/figure&&p&我的桌子 不是极客 惭愧&/p&&figure&&img src=&https://pic3.zhimg.com/v2-bf67f0feb1c2d6f8228fa_b.jpg& data-rawwidth=&4160& data-rawheight=&3120& class=&origin_image zh-lightbox-thumb& width=&4160& data-original=&https://pic3.zhimg.com/v2-bf67f0feb1c2d6f8228fa_r.jpg&&&/figure&&p&其实随性点就好，关键要实用，舒服&/p&&p&凌晨一点半 不整理了&/p&
不妨看看这些极客电脑桌日常前苹果CEO 乔布斯 （Steve Jobs） Face Book CEO 马克扎克伯格 大家对小扎的桌子比较感兴趣，哈哈* (???`?)?*桌子上的东西分别是，macbook,一箱麦条，一只米兔，几本书，投资的，科学方面的，还有本贝克汉姆自传…
&figure&&img src=&https://pic2.zhimg.com/639e61bdd87dfdec59b7b70_b.jpg& data-rawwidth=&1920& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&https://pic2.zhimg.com/639e61bdd87dfdec59b7b70_r.jpg&&&/figure&&p&Allen 是个低调到可怕的人，迷の男人。&/p&&p&Allen 在饭否上的名字是 gzallen，广州艾伦，头像和他早已清空的微博一样，来自于 Leonard Cohen 一张名为 Recent Songs 的专辑。gzallen 其实并不是 Allen 注册的第一个饭否帐号，早在 07 年 6 月 4 号，他就注册了一个叫 allen 的帐号并写了 454 条饭否。饭否被封后这个帐号也就弃用了，直到 2010 年 11 月 26 日（饭否恢复运营第二天），和菜头把他拉来注册了 gzallen 这个新号。从那天起直至 2012 年 4 月与和菜头一同离开饭否，他一共写了 2359 条饭否，他的微信版本也从 0，变为了 4。&/p&&p&&b&于饭否写日记的这一年半的时间里，几乎没有人知道他就是张小龙。&/b&&br&&/p&&p&没有人察觉到他就是那个一个人熬着夜就撸出了 Foxmail 这种神级产品，又正凭着一己之力让微信成为月活 6 亿产品的灵魂人物。&/p&&p&没有人怀疑过他只是一个喜欢玩 Osmos、喜欢用 Instapaper 和 Filpboard、憎恶微博，关心着 Apple 产品和 Twitter，一个平淡无奇的、熬夜成瘾的、半夜听歌又抽烟到 4 点半还不睡觉的、使用着 gzallen 这种完全不会给人留下任何印象的昵称的 iOS 程序员。&br&&/p&&p&对于这样一个沉默战士，和菜头发表过一次不具名评价：&br&&/p&&blockquote&看见别人家院子里的怒马即将破空而出，踏杀天下人，却无人知晓，自己还是觉得很欣然。&br&&u& 00:34&/u&&/blockquote&&p&时间过去了 5 年，现在你已经找不到 Allen 这个人了，你找不到他的微信，他的微博、知乎、Twitter 和 Instagram 也早就不再更新。微信已然从被指责抄袭 Kik、Talkbox 的阴影中走出，成为了家喻户晓的产品，成为了国家级互联网战略性杀手锏，allenzhang 这个 ID 已经被腾讯高级副总裁张小龙取代；名为 gzallen 的饭否帐号也早就被人遗忘在角落里，如果不是王兴用你们点外卖住如家的钱养着部署着饭否的服务器，可能连这个角落都没有了。&br&&/p&&p&时间过去了 5 年，微信红包照片再次点燃朋友圈，不出意外的话除夕之夜张小龙还会在朋友圈里放一把火。王兴对此评价说，「想起 CNN 创始人泰德特纳在自传里曾略带夸张的炫耀：我可以在一个小时之内使亚特兰大全城烧起来。」冯大辉说，「毫不夸张的说，微信是中国互联网过去五年来的唯一一款世界级的创新产品。」中国的互联网，人们迫切需要一个乔布斯一样的神话，此刻的张小龙已经被人们推到了这个位置，然而他却成为了一个迷一般的神。如果不是年初的首次公开演讲，可能很多人对他的认识仅仅还停留在知道名字上。这位低调的湖南人的身上贴满了这样的标签：沉默寡言、谦虚纳言、玄学、腾讯的战略威慑武器。&br&&/p&&p&时间过去了 5 年，怒马早已横扫战场、踏杀天下人，&b&这个神话背后的秘密，就是没有秘密。&/b&在 Allen 的饭否，你看到的是一个完整的、自由的、真实的 Allen，会聊天、会卖萌、会抒情、会写诗，会写段子、会谈论产品，会随手拍照，还会骂人。&br&&/p&&blockquote&马了个壁的。&br&&u& 00:07&/u&&br&&br&没有烟了。睡去。&br&&u& 03:19&/u&&br&&br&哥做的不是产品，哥做的是发挥潜力的自由。&br&&u& 00:48&/u&&/blockquote&&p&在这里，你会目睹微信这个产品从无到有，因为这里记载了他打造微信 1.0、2.0、3.0、4.0 的所有思想历程。他会为微信是否该有已读未读态，从 2010 年一直纠结到 2011 年；他会每天关心人们怎么用 Talkbox、Kik、Whatsapp 和米聊，他会在微信第一个版本发布半个月后就想到开发基于 LBS 的功能，他会面无表情地 mark 着微信的数据，2 亿 / 天，4 亿 / 天。&br&&/p&&blockquote&第一个app终于于昨晚提交了上架申请。&br&&u& 18:27&/u&&/blockquote&&p&考虑到多数人可能没有饭否帐号，张小龙饭否摘录已经以附录的形式附在文末。&br&&/p&&p&我很开心看到并分享这一切，因为这个产品最终成功改变了大众的沟通方式，也因为这个产品没有被其他产品经理接手。我更开心，在这样造神运动结果的背后，其实是一个鲜活的、孤独的、认真的人，他让我感觉亲切，不仅因为他长有一副憨厚的大叔脸，不仅因为他与我同籍，更因为他就像是你，像是我，像我们身边的每个人。&br&&/p&&p&If you don't have a WeChat, well, you don't have a WeChat.&br&&/p&&p&以和菜头的一句话作为结尾：&br&&/p&&blockquote&如果世界上又出现了什么新鲜的 App 应用，&br&在发布后的 48 小时之内，&br&如果你也下载尝鲜，&br&可能你会遇到个名叫 Allen 的人，&br&如果这人沉默不语，甚至连头像都没有。&br&那么你也许已经遇见了张小龙。&/blockquote&&figure&&img src=&https://pic3.zhimg.com/434d50ce5bc4d98cd7a9e6_b.jpg& data-rawwidth=&1440& data-rawheight=&900& class=&origin_image zh-lightbox-thumb& width=&1440& data-original=&https://pic3.zhimg.com/434d50ce5bc4d98cd7a9e6_r.jpg&&&/figure&图片来源：&a href=&http://link.zhihu.com/?target=http%3A//www.geekpark.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&极客公园&/a&（摄影：尚文）&h2&张小龙饭否摘录&/h2&&p&&b&张小龙谈自己&/b&&br&&/p&&blockquote&&p&gzallen是机器人。&br&&u& 16:27&br&&/u&&br&我进到饭否就说饭否上该说的话，进到微博就说微博上该说的话，回到办公室就说办公室该说的话。我不敢说自己有想法了，想法全是环境催生出来的。&br&&u& 15:11&br&&/u&&br&我智商高的时候，情商就低。情商高的时候，智商就低。两个一样高的时候，我就双高了。&br&&u& 01:20&br&&/u&&br&to be a better man&br&&u& 17:50&br&&/u&&br&这么多年了，我还在做通讯工具，这让我相信一个宿命，每一个不善沟通的孩子都有强大的帮助别人沟通的内在力量。&br&&u& 01:54&br&&/u&&br&等我老了，我希望拥有leonard cohen的声音。&br&&u& 00:31&br&&/u&&br&我为什么能起得这么早？&br&&u& 10:30&/u&&br&&br&哥喜欢的不是产品，是战争。&br&&u& 15:27&/u&&br&&br&人要成功很难，比成功更难的是，知道自己的成功是偶然的。&br&&u& 15:28&br&&/u&&br&Think Different！我经常用这句话来提醒自己，我没有乔老爷的才，一定不能因为要think different而走火入魔。&br&&u& 23:27&br&&/u&&br&面试产品经理，所有技能合格后，要问，你喜欢摇滚吗。回答否的，就算了。&br&&u& 14:51&br&&/u&&br&我在生活上不是一个有洁癖的人，但对待产品却分毫必究，介大概就是传说中的精神分裂吧。&br&&u& 21:50&br&&/u&&br&看到和菜头爆料腾讯，那个张什么龙貌似牛X闪闪啊，有空要去拜访一哈&br&&u& 13:12&br&&/u&&br&石头剪刀布是我的杀手锏。mark。&br&&u& 03:04&br&&/u&&br&多少艰苦不可告人&br&&u& 18:43&/u&&/p&&/blockquote&&p&&b&张小龙写诗&/b&&/p&&blockquote&&p&此恨绵绵有时尽，花开花谢无绝期。纯拼字。&br&&u& 01:04&/u&&br&&br&古今多少事，尽付笑谈中。如今多少花，都在风雨中。&br&&u& 02:32&br&&/u&&br&去年今日此门中，回眸一笑百媚生。拍照秘笈。&br&&u& 16:01&br&&/u&&br&春花秋月有时了，冬虫夏草无尽时。&br&&u& 19:46&/u&&/p&&/blockquote&&p&&b&张小龙写段子&/b&&br&&/p&&blockquote&你强烈反对的，一定是你自己也拥有的。---艾伦仁波切&br&&u& 02:02&/u&&br&&br&距离就是，你发一条微博，这条微博要途经北上广，进出九九八十一台路由器，中间还要被拆包解包合并包，被两百个CPU进行过处理，再显示在我的电脑上。而你明明坐在离我几米的地方。&br&&u& 15:54&/u&&br&&br&古人爱月，今人爱日。古人借月抒情，今人日日抒怀。&br&&u& 18:24&/u&&br&&br&需要多么强大的内心，才能看破红颜啊。&br&&u& 18:59&/u&&br&&br&月亮代表我的心，意外怀孕怎么办？路边野花不要采，意外怀孕怎么办？怕什么戒律清规，意外怀孕怎么办？树上的鸟儿成双对，意外怀孕怎么办？&br&&u& 01:25&/u&&br&&br&更快，更高，更远。不是奥林匹克，是蚂蚱。&br&&u& 23:33&/u&&br&&br&多情之人看到情薄，多事之人看到事多。&br&&u& 01:55&/u&&br&&br&萌是第一生产力。&br&&u& 06:29&/u&&/blockquote&&p&&b&张小龙谈产品&/b&&br&&/p&&blockquote&&p&还是你们用户爽，哪里爽到哪里，苦的是做互联网的，要整天分析你们的阴暗心理好让你们更爽，还不能明说。&br&&u& 23:18&/u&&br&&br&一个产品，要加多少的功能，才能成为一个垃圾产品啊！&br&&u& 23:24&/u&&br&&br&如果说产品做的一切都在满足用户的虚荣，热闹，逃避，贪恋等，那么，大众同样都有受虐的心理，为什么不做一款产品去虐待他们？&br&&u& 00:47&/u&&br&&br&网络尚未普及的时候，产品必须依靠功能多来取胜，并且产品是自成一体的。网络普及后，才催生出一种新的产品形态：产品极简，反而有利于在网络这个大生命体中自我繁衍，并且产品是面向连接的。&br&&u& 16:03&/u&&br&&br&好的网络产品，必然是无法预料其会不会成功的。成功的产品，刚好是“碰巧”成功了。但这个碰巧并不是创造者的运气，而是，这个产品刚好能在网络生命体中生存和繁殖。就像我们无法知道一个小孩为