介绍了腾讯前端团队做的 WebAR 架构，可以基于 微信 和 手 Q 来做网页的 AR 互动。使用了 WebRTC、WebGL、three.js 和 3DMAX 等技术。

可以想象一下我们在房间内，房间是一个立方体，如果你有生活品味，可能会在房间内贴上壁纸，three.js可以很方便的创建一个立方体，并且给它的周围贴上纹理，让照相机在立方体之中，照相机可以360旋转，就模拟了一个真实的场景。 一个3d模型是由点，线，面组成的，可以遍历模型的每一个…

今天是520。 一句温柔的问候，一束美丽的鲜花，一段真情的告白。 但是作为一名与众不同的程序员，我们可不仅仅拥有上面的传情方法，别忘了每个人的手上可是都有其他人不具备的神奇技能，就是我们每天辛辛苦苦敲下的代码。 在这个特殊的日子，就用我们手中的魔法代码，来给你的她（他）制作出一…

1. AudioContext如何发出声音 2. 简谱怎么来 现在我们知道怎么发出声音了，接下来是如何发出想要的声音，即是如何知道哆来咪发唆这些音所对应的频率是多少。 我们要做的就是把oscillator.frequency.value = 400;这里的数字改成频率即可发出对…

只有你想不到，没有 css 做不到。今日分享只由 css 实现的效果 - weather 以下是为效果图的所有实现源码，因为 css 内容较长，相关 css 可以点击查看展开阅读。 点击访问 这里 查看源码，并附有 codepen 在线编辑为您带来不一样的体验。可以点个 sta…

因为 button 元素可以使用 before/after 伪元素，所以借助伪元素，可以实现动态图中的遮盖层。 为了避免回流重绘，滑箱的运动方向是垂直方向，所以使用scaleY属性。对于动画的方向，需要借助transform-origin改变动画原点。 果冻特效可以分割成 5 …