博客首页 → 3D

最新文章列表

基于 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 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 斜面拖拽生成模型

前言 3D 场景中的面不只有水平面这一个，空间是由无数个面组成的，所以我们有可能会在任意一个面上放置物体，而空间中的面如何确定呢？我们知道，空间中的面可以由一个点和一条法线组成。这个 Demo 左侧为面板，从面板中拖动物体到右侧的 3D 场景中，当然，我鼠标拖动到的位置就是物体放置的点，但是这次我们的重点是如何在斜面上放置模型。 效果图 代码生成 创建场景 dm = new h ...
html5canvas3d工控电信网管 
xhload3d 评论(0) 有801人浏览 2018-03-13 07:45

一位技术大牛对新手的一点建议

今天给大家带来一个大牛的故事，希望给所有学习系统开发的人一点感悟。张生在一线做了十年的开发，经历了网易、百度、腾讯研究院、MIG 等几个地 ...
系统研发3dbugandroid系统架构 
苳天里的一把火 评论(1) 有400人浏览 2018-03-07 11: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 的场景除了创建模型，对模型设置颜色和贴图外，还需要有灯光的效果才能更逼真的反映真实世界的场景。这个例子我觉得既美观又代表性很强 ...
html5canvas3d工控电信网管 
xhload3d 评论(0) 有1601人浏览 2018-01-02 07:12

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

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

基于 HTML5 WebGL 的 3D 仓储管理系统

仓储管理系统（WMS）是一个实时的计算机软件系统，它能够按照运作的业务规则和运算法则，对信息、资源、行为、存货和分销运作进行更完美地管理 ...
html5webgl3d工控电信 
xhload3d 评论(0) 有985人浏览 2017-11-30 07:48

基于HTML5 Canvas 点击添加 2D 3D 机柜模型

今天又返回好好地消化了一下我们的数据容器 DataModel，这里给新手做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单，实际上结合了数据模型中非常重要的三个事件处理的部分：属性变化事件监听、选中变化事件监听以及数据模型变化事件监听。 为了让这个例子具现化，我将这个简单的例子做了一点改动，下面我会一一解释。 例子地址：http://hightopo.com/guide/guid ...
html5canvas3d电信工控 
xhload3d 评论(0) 有1271人浏览 2017-11-27 08:05

基于 HTML5 WebGL 的 3D “弹力”布局

分子力(molecular force)，又称分子间作用力、范得瓦耳斯力，是指分子间的相互作用。当二分子相距较远时，主要表现为吸引力，这种力主要来源于一个分子被另一个分子随时间迅速变化的电偶极矩所极化而引起的相互作用；当二分子非常接近时，则排斥力成为主要的，这是由于各分子的外层电子云开始重叠而产生的排斥作用。 HT for Web 提供了弹力布局（也称为力导向布局）的功能，即根据节点之间存在互 ...
html5canvas3d工控电信 
xhload3d 评论(0) 有712人浏览 2017-11-22 23:39

基于HTML5的WebGL经典3D虚拟机房漫游动画

第一人称在 3D 中的用法要参考第一人称在射击游戏中的使用，第一人称射击游戏（FPS）是以第一人称视角为中心围绕枪和其他武器为基础的视频游戏类 ...
html53dwebgl工控电信网管 
xhload3d 评论(0) 有841人浏览 2017-11-14 22:55

根据矩阵变化实现基于 HTML5 的 WebGL 3D 自动布局

在数学中，矩阵是以行和列排列的数字，符号或表达式的矩形阵列，任何矩阵都可以通过相关字段的标量乘以元素。矩阵的主要应用是表示线性变换，即
html53d工控矩阵canvas 
xhload3d 评论(0) 有1130人浏览 2017-11-13 07:53

玩转 HTML5 下 WebGL 的 3D 模型交并补

建设性的立体几何具有许多实际用途，它用于需要简单几何对象的情况下，或者数学精度很重要的地方，几乎所有的工程 CAD 软件包都使用 CSG（可以用于表示刀具切削，以及零件必须配合在一起的特征）。CSG 是 Constructive Solid Geometry 建模技术的简称，通过裁剪 subtract、融合 union 和相交 intersect 的运算，组合出复杂模型效果，HT 封装了 ht. ...
HTML53DCanvasWebGL工控 
xhload3d 评论(0) 有636人浏览 2017-11-09 07:29

基于HTML5 Canvas的CSG构造实体几何书架

CSG 构造实体几何这个概念在工业水利水电施工上、游戏上已经有很多人使用了，最简单的实体表示叫作体元，通常是形状简单的物体，如立方体、圆柱体、棱柱、棱锥、球体、圆锥等。根据每个软件包的不同这些体元也有所不同，在一些软件包中可以使用弯曲的物体进行 CSG 处理，在另外一些软件包中则不支持这些功能。构造物体就是将体元根据集合论的布尔逻辑组合在一起，这些运算包括：并集、交集以及补集。我们一般可以用 C ...
html53DCanvsCSG工控SCADA 
xhload3d 评论(0) 有665人浏览 2017-11-08 08:03

基于HTML5 Canvas的3D动态Chart图表

发现现在工业SCADA上或者电信网管方面用图表的特别多，虽然绝大部分人在图表制作方面用的是echarts，他确实好用，但是有些时候我们不能调用别的插件，这个时候就得自己写这些美丽的图表了，然而图表轻易做不成美丽的。。。看到有一个网站上在卖的图表，感觉挺好看的，就用 HT for Web 3D 做了一个小例子，挺简单的，也挺好看的，哈哈~ Demo 地址： http://www.hightopo ...
HTML53dcanvasSCADAchart图表 
xhload3d 评论(0) 有1243人浏览 2017-11-02 07:51

基于HTML5 Canvas的工控SCADA模拟飞机飞行

昨天看到一篇文章说是学习如何开飞机的，然后我就想，如果我也可以开飞机那就好玩了，每个人小时候都想做飞行员！中国飞行员太难当了，再说也 ...
HTML53DSCADAWebGL动画 
xhload3d 评论(0) 有878人浏览 2017-11-01 07:48

最近博客热门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