一个==完整==的JavaScript框架，用于构建HTML5，WebGL，WebVR和Web Audio的3D游戏和体验。 PlayCanvas是一个开源游戏引擎。它使用HTML5和WebGL在所有==现代==浏览器中运行游戏和其他==交互==式3D内容，而无需插件。 Cla…

Three.js（下面简称 Three） 作为一个 3D 库，不仅减少了我们学习 OpenGL 和 WebGL 的成本，还大大提升了前端在可视化上给用户带来更多的真实、沉浸式的体验。众所周知，Three 更多的是用 3D 模型 + 投影相机 + 用户交互的方式来构建一个「3D …

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

这里主要就使用了 canvas api 中的 arc() 和 createRadialGradient() 。 这里绘制每个刻度采用的是绘制路径的方法，所以声明了一个变量 calibrationPoints 用来存放每个刻度的起始点坐标，根据配置的参数去计算 calibrati…

国家也敏锐意识到时代特性并及时把握时机，培育新的经济增长点，推动“中国制造”升级,实现工业大国到工业强国的质变，而诸多的业内人士也正在努力完成对自己的“升级”与“改造”，而大数据的数据可视化与工业的结合，实现了工控的可视化，大大地提高工控管理效率，风险把控能力，产业流程有效监督…

构建 3D 的场景除了创建模型，对模型设置颜色和贴图外，还需要有灯光的效果才能更逼真的反映真实世界的场景。这个例子我觉得既美观又代表性很强，所以拿出来给大家分享一下。本例地址：Light Flowing 上面场景中主要的知识点包括：3D 灯光以及 3D 模型的流动。 1. 场景…

许多世纪以来，风力机同水力机械一样，作为动力源替代人力、畜力，对生产力的发展发挥过重要作用。近代机电动力的广泛应用以及二十世纪50年代中东油田的发现，使风机发电机的发展缓慢下来。 70年代初期，由于“石油危机”，出现了能源紧张的问题，人们认识到常规矿物能源供应的不稳定性和有限性…

实现主要是基于threejs做的，接下来我会分别讲解各部分的实现，不过不会介绍基础。基础内容可以去官网找到~ scene的background可以接收Color、Texture或CubeTexture。在本示例中，我们使用Texture就可以达到渐变效果。Texture可以接收…

自 2011 年我国城镇化率首次突破 50% 以来，《新型城镇化发展规划》将智慧城市列为我国城市发展的三大目标之一，并提出到 2020 年，建成一批特色鲜明的智慧城市。截至现今，全国 95% 的副省级以上城市、76% 的地级以上城市，总计约 500 多个城市提出或在建智慧城市。…