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

前言 在前端中,视图层和数据层需要进行单向或者双向数据绑定,大家都已经不陌生了,有时候 D 做的比较顺了之后,就会想要挑战一下 D,不然总觉得痒痒的。这个 D 机架的 Demo 我觉得非常有代表性,首先, D 机架用途非常广,尤其是在电信行业,就算不是机架,在比如工业方面 D 模型以及数据绑定的应用也是非常广泛的,毕竟现在工业物联网已经是大趋势了。 效果图 上面动图中,闪烁灯是在不断变化的,由于需 ...

2018-03-23 07:12 2 1026 推荐指数:

查看详情

WebGL 3D 工业隧道监控实战

前言 监控隧道内的车道堵塞情况、隧道内的车祸现场,在隧道中显示当前车祸位置并在隧道口给与提示等等功能都是非常有必要的。这个隧道 Demo 的主要内容包括:照明、风机、车道指示灯、交通信号灯、情报板、 ...

Mon Mar 26 15:30:00 CST 2018 2 1841
基于HTML5的WebGL电信网管3D机房监控应用

先上段视频,不是在玩游戏哦,是规规矩矩的电信网管企业应用,嗯,全键盘的漫游3D机房: http://www.hightopo.com/guide/guide/core/3d/examples/example_3droom.html 随着PC端支持HTML5浏览器的普及,加上主流移动终端 ...

Sat Nov 07 17:14:00 CST 2015 5 2994
webgl3d动画

  之前的几篇文章都是静态的,而这里主要介绍如何使物体动起来,并且学会使用性能监视器来监测性能。   而如果要让物体动起来,实际上我们是有两种方法的,第一种是让物体真的动起来,另外一种是让摄像机动起 ...

Mon Apr 16 19:49:00 CST 2018 0 901
Axiom3D:数据绑定基本流程

在前面我们学习OpenGL时,不管绘制如球,立方体,平面,地面,动画模型中最常用的几个操作有创建缓冲区,写入缓冲区.在Axiom中,相关的操作被整合与组织到VertexData,IndexD ...

Fri Mar 07 05:00:00 CST 2014 11 1766
WebGL学习(3) - 3D模型

原文地址:WebGL学习(3) - 3D模型 相信很多人是以创建逼真酷炫的三维效果为目标而学习webGL的吧,首先我就是😂。我掌握了足够的webGL技巧后,正准备大展身手时,遇到了一种尴尬的情况:还是做不出想要的东西😭。为啥呢,因为没有3D模型可供操作啊,纯粹用代码构建复杂的3D模型完全 ...

Wed Dec 27 18:21:00 CST 2017 2 7214
WebGL学习(2) - 3D场景

原文地址:WebGL学习(2) - 3D场景 经过前面WebGL学习(1) - 三角形的学习,我们已经掌握了webGL的基础知识,也已经能够画出最基本的图形,比如点,线,三角形,矩形等。有了2D绘图的基础,现在终于可以进入精彩的3D世界了,来看一下这一节要实现的3D的效果吧。 实际效果 ...

Wed Nov 15 17:53:00 CST 2017 0 1395
MONO Design创建电信3D机房

前面我们简单介绍了下一分钟创建3D机房,实则mono Design的功能远远不止这些,试想一下,如果我们花上10分钟来创建一个电信机房,那么MONO design又会给我们带来什么样的惊喜呢? 我们从创建设备开始,在mono Design的起始页直接进入设备编辑界面,设备编辑和房间有所不同 ...

Mon Jun 16 23:35:00 CST 2014 1 2726
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM