工业互联网，物联网，可视化等名词在我们现在信息化的大背景下已经是耳熟能详，日常生活的交通，出行，吃穿等可能都可以用信息化的方式来为我们表达，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT for Web 产品来构造... ...
分类：
Web程序 时间：
2020-02-07 11:13:49
阅读次数：
120
“ 万丈高楼平地起。”01基础知识一、相关术语图元 ：WebGL 能够绘制的基本图形元素，包含三种：点、线段、三角形。片元：可以理解为像素，像素着色阶段是在片元着色器中。裁剪坐标系：裁剪坐标系是顶点着色器中的 gl_Position 内置变量接收到的坐标所在的坐标系。设备坐标系：又名 NDC 坐标系... ...
分类：
Web程序 时间：
2020-02-02 01:27:55
阅读次数：
150
无论你是在用three.js还是babylon.js还是其他B端三维引擎，你似乎都能经常见到标题所提到的如下三个概念：camera(相机)、renderer(渲染器)、scene(场景) 那么这三者究竟是通过怎样的方式将三维物体呈现在浏览器中的呢，今天我们就通过three.js的相关源码来一探究竟( ...
分类：
Web程序 时间：
2020-02-01 01:00:57
阅读次数：
127
什么是WebGL WebGL是在浏览器中实现三维效果的一套规范。 WebGL能做什么 游戏、家居、虚拟现实、城市地图、CAD制图等等 什么是Three.js three.js就是使用javascript 来写的，运行在浏览器上的3D程序。three.js是一个封装好的WebGL库，相当于简化了Web ...
分类：
Web程序 时间：
2020-01-31 12:07:59
阅读次数：
110
WebGL 是什么？WebGL 是一组基于 JavaScript 语言的图形规范，浏览器厂商按照这组规范进行实现，为 Web 开发者提供一套3D图形相关的 API。这些 API 能够让 Web 开发者使用 JavaScript 语言直接和显卡（GPU）进行通信。当然 WebGL 的 GPU 部分也有... ...
分类：
Web程序 时间：
2020-01-31 00:36:16
阅读次数：
85
本文我是参照openlayers官网webgl点渲染例子，替换自己的数据源做的测试渲染例子，测试点图层77w左右个点，渲染效果还可以，体验问题不大。 ...
分类：
Web程序 时间：
2020-01-20 12:42:29
阅读次数：
267
鄙人最近发现自己邮箱很多未读邮件，怕怕；查看大多数都是自己之前订阅前端相关的。 现在在这里也给大家分享分享...带好你们手头的邮箱了，要开车了。 一、nodeweekly 【戳我带飞】 A free, once–weekly e-mail round-up of Node.js news and a ...
分类：
其他好文 时间：
2020-01-19 09:42:25
阅读次数：
84
属于Angular的deck.gl食用指南（一） deck.gl是Uber出品的一个地理数据前端可视化框架，基于WebGL技术构建。从官网的Demo来看，它样式丰富，渲染流畅，并且支持三维可视化（毕竟是WebGL嘛），比我手上项目在用的echarts专业多了。但官网的实例基本上是基于React和JS ...
分类：
其他好文 时间：
2020-01-17 23:21:52
阅读次数：
475
为了实现一个基于HTML5的场景小游戏，我采用了HT for Web来实现，短短200行代码，我就能实现用“第一人称”来操作前进后退上下左右，并且实现了碰撞检测。先来看下实现的效果： http://hightopo.com/guide/gui...或者http://v.youku.com/v_sho ...
分类：
Web程序 时间：
2020-01-16 21:51:21
阅读次数：
99
three.js 是一款WebGL框架，WebGL可以让我们在canvas上实现3D效果。实现3D效果在国内来说还算是比较新的东西，可供查阅的资料也不多。这篇文章仅是一个入门篇，介绍如何绘制一个3D正方体。介绍完毕，首先奉上实现的效果图： 这就是实现的效果图，还是挺有立体感的吧？ 绘制前的准备 写代 ...
分类：
Web程序 时间：
2020-01-14 23:45:27
阅读次数：
97
