博客首页 → WebGL

最新文章列表

基于 HTML5 Canvas 的 3D 热力云图效果

前言 　　数据蕴藏价值，但数据的价值需要用 IT 技术去发现、探索，可视化可以帮助人更好的去分析数据，信息的质量很大程度上依赖于其呈现方 ...
3DHTML5CanvasWebGLSCADA 
xhload3d 评论(0) 有793人浏览 2020-03-02 00:09

C# WPF 嵌入网页版WebGL油田三维可视化监控

<div class="iteye-blog-content-contain" style="font-size: 14px"></div> 0x00 楔子 最近做的一个项目，是一个油田三维可视化监控的场景编辑和 ...
wpfwebglC # 
flyfox1982 评论(0) 有706人浏览 2020-01-14 15:37

WebGL2系列之采样器对象

前言 在WebGL1中，纹理的图片和采样信息都是写在纹理对象之中. 采样信息告诉GPU如何去读取贴图上图片的信息。 如果我们希望从同一个图片多次读取像素信息，但是每次读取的时候使用的过滤方式不一样, 此时我们需要创建两个不同的纹理对象。 "你说这样是不是很烦啊" WebGL: “。。。” 采样器对象 在WebGL2中，引入了采样器对象，使用采样器对象 ...
webglwebgl2采样器 
flyfox1982 评论(0) 有553人浏览 2019-09-07 14:43

WebGL2系列之多采样渲染缓冲对象

在很久很久以前，盘古开辟了天地，他的头顶着天，脚踩着地，最后他挂了。他的毛发变成了森林，他的血液变成了河流，他的肌肉变成了大地。。。。。。卡！ 哦，不对，在很久很久以前，你属于我，我拥有你。你还有没有程序员的自我修养啦。不好意思，串戏了，下面进入。。。主题本文适合对webgl、计算机图形学、前端可视化感兴趣的读者。 在很久很久以前，使用WebGL1的时候，只能在默认的绘制的缓冲区上面使用 ...
webgl 
flyfox1982 评论(0) 有774人浏览 2019-07-15 11:55

WebGL 着色器偏导数dFdx和dFdy介绍

本文适合对webgl、计算机图形学、前端可视化感兴趣的读者。 偏导数函数（HLSL中的ddx和ddy，GLSL中的dFdx和dFdy）是片元着色器中的一个用于计算任何变量基于屏幕空间坐标的变化率的指令（函数）。在WebGL中，使用的是dFdx和dFdy，还有另外一个函数fwidth = dFdx + dFdy。 偏导数计算 在三角形栅格化期间，GPU会同时跑片元着色器的多个实例，但并 ...
webgl着色器shader 
flyfox1982 评论(0) 有1276人浏览 2019-07-06 09:32

分享一个WebGL开发的网站-用JavaScript + WebGL开发3D模型

这张图每位程序员应该都深有感触。 人民心目中的程序员是这样的：坐在电脑面前噼里啪啦敲着键盘，运键如飞。   现实中程序员是这样的：编码5分钟，调试两小时。   今天我要给大家分享一个用WebGL开发的网站，感兴趣的朋友可以在Chrome开发者工具里调试它的源码来学习WebGL。 WebGL(Web Graphics Library)是3D绘图协议 ...
webGLJavaScript前端3D模型 
JerryWang_SAP 评论(0) 有1696人浏览 2018-09-04 12:01

WebGL 绘制Line的bug(二)

基本思路 上一篇文章简单介绍了WebGL绘制Line的bug，这一篇文章会讲述解决这个问题的work around。 上一篇文章结尾简单提了下解决的思路，就是通过三 ...
webgl 
flyfox1982 评论(0) 有880人浏览 2018-07-10 16:31

基于 HTML5 WebGL 的 3D 工控裙房系统

前言 工业物联网在中国的发展如火如荼，网络基础设施建设，以及工业升级的迫切需要都为工业物联网发展提供了很大的机遇。中国工业物联网企业目前呈现两种发展形式并存状况：一方面是大型通讯、IT企业的布局；一方面是传统工业软件和工业网络企业自发地延伸，由产品提供商发展为方案供应商。什么叫做裙房？裙房是指附属于主高楼并与之连成一体的低层建筑。本文的 Demo 是针对于裙房做的，但是在工业监控系统中有很多雷 ...
html5webgl3d工业互联网工业物联网 
xhload3d 评论(0) 有1224人浏览 2018-06-11 10:18

基于 HTML5 WebGL 的 3D 棉花加工监控系统

前言 现在的棉花加工行业还停留在传统的反应式维护模式当中，当棉花加下厂的设备突然出现故障时，控制程序需要更换。这种情况下，首先需要客户向设备生产厂家请求派出技术人员进行维护，然后生产厂家才能根据情况再派人到现场进行处理。由于棉花加工设备分布在中国各地乃至出口到世界各地，从客户反应问题到厂家派人到达现场的时间周期就会很长，少则 一天，个别偏远的地方可能会需要几天，不同程度地影响到企业生产活动的继 ...
html5webgl3d工控电信网管 
xhload3d 评论(0) 有948人浏览 2018-06-04 09:59

基于 HTML5 的 WebGL 3D 版俄罗斯方块

前言 摘要：2D 的俄罗斯方块已经被人玩烂了，突发奇想就做了个 3D 的游戏机，用来玩俄罗斯方块。。。实现的基本想法是先在 2D 上实现俄罗斯方块小游戏，然后使用 3D 建模功能创建一个 3D 街机模型，最后将 2D 小游戏贴到 3D 模型上。（ps：最后拓展部分实现将视频与3D模型的结合） http://www.hightopo.com/demo/tetris/ 代码实现 首先，先 ...
html5webgl3d工控俄罗斯方块 
xhload3d 评论(0) 有1085人浏览 2018-05-28 07:26

基于 HTML5 的 WebGL 3D 智能楼宇监控系统

前言 智能监控的领域已经涉及到了各大领域，工控、电信、电力、轨道交通、航天航空等等，为了减少人员的消耗，监控系统必不可少。之前我写过一篇 2D 的智能地铁监控系统广受好评，突然觉得，既然 2D 的这么受欢迎，那么 3D 的需求量肯定也是非常大的，3D 毕竟比 2D 来说还是更直观一些，于是有了这个例子以及这篇文章。智能监控系统在 3D 中应用比较广泛的除了 3D 机房以外，我觉得就是楼宇的监控了 ...
html5webgl3d工控电信网管 
xhload3d 评论(0) 有1402人浏览 2018-04-23 09:41

WebGL 3D 工业隧道监控实战

前言 监控隧道内的车道堵塞情况、隧道内的车祸现场，在隧道中显示当前车祸位置并在隧道口给与提示等等功能都是非常有必要的。这个隧道 Demo 的主要内容包括：照明、风机、车道指示灯、交通信号灯、情报板、消防、火灾报警、车行横洞、风向仪、微波车检、隧道紧急逃生出口的控制以及事故模拟等等。 效果图   http://www.hightopo.com/demo/tunnel2/index.html ...
html5webgl3d工控电信网管 
xhload3d 评论(0) 有943人浏览 2018-03-26 07:51

WebGL 3D 电信机架实战之数据绑定

前言 在前端中，视图层和数据层需要进行单向或者双向数据绑定，大家都已经不陌生了，有时候 2D 做的比较顺了之后，就会想要挑战一下 3D，不然总觉得痒痒的。这个 3D 机架的 Demo 我觉得非常有代表性，首先，3D 机架用途非常广，尤其是在电信行业，就算不是机架，在比如工业方面 3D 模型以及数据绑定的应用也是非常广泛的，毕竟现在工业物联网已经是大趋势了。 效果图   上面动图中，闪烁灯 ...
html5webgl3d工业电信网管 
xhload3d 评论(0) 有722人浏览 2018-03-22 23:18

快速开发基于 HTML5 网络拓扑图应用之 DataBinding 数据绑定篇

前言 发现大家对于我从 json 文件中直接操作节点属性来控制界面的动态变化感到比较好奇，所以这篇就针对数据绑定以及如何使用这些绑定的数据做一篇说明，我写了一个简单的例子，基于机房工控的服务器上设备的灯闪烁现象。我们从 2d 和 3d 两个角度来分析数据绑定的问题。 效果图  2d                                                        ...
html5canvaswebgl工控电信网管 
xhload3d 评论(0) 有493人浏览 2018-03-19 09:06

基于 HTML5 WebGL 的 3D 机房

前言 用 WebGL 渲染的 3D 机房现在也不是什么新鲜事儿了，这篇文章的主要目的是说明一下，3D 机房中的 eye 和 center 的问题，刚好在项目中用上了，好生思考了一番，最终觉得这个例子最符合我的要求，就拿来作为记录。 效果图  http://hightopo.com/demo/3DRoom/index.html 这个 3D 机房的 Demo 做的还不错，比较美观，基础的交互 ...
html5webgl3d工控电信网管 
xhload3d 评论(0) 有959人浏览 2018-03-16 07:48

基于 HTML5 WebGL 的 3D SCADA 主站系统

这个例子的初衷是模拟服务器与客户端的通信，我把整个需求简化变成了今天的这个例子。3D 的模拟一般需要鹰眼来辅助的，这样找产品以及整个空间 ...
html5webgl3d工控电信网管 
xhload3d 评论(0) 有602人浏览 2018-02-05 08:09

基于 HTML5 的 3D 工控隧道案例

隧道的项目我目前是第一次接触，感觉做起来的效果还蛮赞的，所以给大家分享一下。这个隧道项目的主要内容包括：照明、风机、车道指示灯、交通信号灯、情报板、消防、火灾报警、车行横洞、风向仪、COVI、微波车检以及隧道紧急逃生出口的控制。这个例子我主要讲一下风向仪、排风以及逃生出口的动画设置， 还有就是点击交通信号灯，弹出窗口可以选择当前信号灯的信息等内容。 本例效果： 我是用 HT 做的整个例子， ...
html5webgl3d工控电信网管 
xhload3d 评论(0) 有848人浏览 2018-02-01 09:38

基于 HTML5 WebGL 的 3D 网络拓扑结构图

现在，3D 模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学领域将它们作为化合物的精确模型；建筑业将它们用来展示提议的建筑物或者风景表现；工程界将它们用于设计新设备、交通工具、结构以及其它应用领域；在最近几十年，地球科学领域开始构建三维地质模型，而且 3D 模型经常做成动画，例如 ...
html5webgl3d工控电信网管 
xhload3d 评论(0) 有995人浏览 2018-01-29 06:02

基于 HTML5 WebGL 的 3D 服务器与客户端的通信

这个例子的初衷是模拟服务器与客户端的通信，我把整个需求简化变成了今天的这个例子。3D 机房方面的模拟一般都是需要鹰眼来辅助的，这样找产品以及整个空间的概括会比较明确，在这个例子中我也加了，这篇文章就算是我对这次项目的一个总结吧。对了，这个例子我是参考一个 DEMO 来完成的，和示例中的显示有些不同，大家莫惊奇。 例子链接： http://www.hightopo.com/guide/guide ...
html53dwebgl工控电信网管 
xhload3d 评论(0) 有612人浏览 2017-12-28 06:26

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics