使用WebGL将图形绘制到画布后，如何与外部进行交互？这其中最关键的就是如何实现物体的选择。比如鼠标点击后判断是否选中了某个图形或图形的某个部分。 可以说这是个非常容易实现的方案，不过要为每个物体分别设置不同的区分颜色却是个隐患，同时也不够友好。 这是使用最广泛也最精确的一种方…

个人网页是程序员的第二张简历。如果你有酷炫的个人网页，面试官对你的好感度会蹭蹭蹭往上涨。用Three.js打造属于你的酷炫3D个人网站吧！

事情是这样的，前段时间`外包工头`老杨又来找我了，说某汽车大品牌要开发一个网页展厅，希望可以在网页里360度展示它家新款汽车的3d模型，还要可以让用户DIY汽车部件的颜色。

本次分享的特效案例，基于官方项目r129版本，实现的超酷炫Threejs 3D地球，喜欢的可以点个赞

骨骼动画作为一种常见的模型动画，在公司的很多 3d 场景都有涉及。本文会介绍用建模软件制作骨骼动画到 web 渲染整个流程，以及骨骼动画的原理

最后将画布背景设为白色。 照相机就像人的视觉或说从什么角度去看场景，看场景的位置和视线的方向决定了渲染到页面的内容。故一般需要设置两个参数相机位置position、视线方向lookAt，，在webgl其实是需要三组参数视点，观察点，和上方向。thresjs中好像是默认Y轴为上方…

如何实现两个人的实时视频通话呢？你可能会首先想到直播手段：采流 -> 推流 -> 拉流。但是，如果把这个过程放在前端去实现，那只能天台见了。然而，WebRTC的出现，扭转了这个现状。