仰简

3D 世界中的相机是一个抽象的描述，其模拟了我们在真实世界中透过相机来看世界的这么一个场景。当我们透过相机来看这个世界时，在相机的镜头可见范围内的物体就仍然被我们所见到，而不在其范围内的物体则好像被裁剪出去了。最后，当我们按下拍照按钮后，原本我们所见的真实的 3 维世界则变成了…

场景，可以认为是 ThreeJs 3D 世界中的一个舞台，场景允许你在什么地方、摆放什么东西来交给three.js来渲染，这是你放置物体、灯光和摄像机的地方。 场景可以接受一个雾参数来模拟场景中雾的效果，而物体的材质则通过设置 fog 属性来决定材质是否受雾的影响。添加了雾的场…

材质和纹理有那么一点微妙的关系，纹理决定了物体的表面，而材质则决定了物体的“气质”，比如说，反射度，光滑度，金属感，塑料感或者玻璃的模仿等。当然，在 ThreeJs 中，纹理想要被展示出来是要被依附在材质中的。 ThreeJs 中定义了非常丰富的材质，其类图如下。 从类图上看，…

这篇文章，我们主要来了解一下 ThreeJs 中纹理相关的知识。渲染一个 3D 物体时，网格 Mesh 决定了这个物体的形状态，如一个球，一辆车，一个人等。而纹理决定了这个物体的表面具体长什么样子。一个球包上一层篮球的花纹就是篮球了，而如果包上的是一层足球的花纹那可能就是足球了…

不管是以前的手机只有 256 M的内存时代，还是现在已经 8G 都快成普及的时代，内存优化一直以来都是开发过程中的一个难题。内存的泄漏以及不合理使用，直接带来的负面影响就是 APP 显得卡顿了，甚至最后造成 APP 在内存上出现 OOM 而导致的崩溃问题。 内存的问题繁多，但总…

这一篇文章，我们主要来了解一下 ThreeJs 中关于光和影的相关知识点。通过给 3D 场景以及物体加上光照和阴影的效果，使其能更真实的模拟现实，从而也能使整个效果看起来更加的具有质感。 ThreeJs 中给我们提供了多种光源，下面请看类图以及相应的概述。 光的基类是 Ligh…

和其他 GUI 系统一样，web 也提供了一个使用 canvas 来绘制图形的基础环境。利用 canvas 我们可以绘制矩形，三角形，直线，圆弧和曲线等比较复杂的图形。具体可以参考 WebGL 本质上也是在 canvas 上作画，只不过它基于是一个 3D 的场景。而在 Thre…

谈到贝塞尔曲线可能不少人会浮现它高大上的数学公式。然而，在实际应用中，并不需要我们去完全理解或者推导出公式才能应用得上。实际情况是，即使真的只是一个学渣，我们应该也能很轻松的掌握贝塞尔曲线的大致原理及其在开发中的实际应用。 贝塞尔曲线有一阶、二阶、三阶....一直到 N 阶。实…

也许你见过下面这样一段代码。 通过 Java NIO 中的文件映射进行写文件。关于 NIO 大部分同学应该知道有这么个东西，但好像又不怎么熟悉，因为平时要用到的地方可能真的不太多吧。 好吧，Java NIO 是 Java New IO。是 JDK 1.4 开始提供的一套新的可用…