垃圾分类，一般是指按一定规定或标准将垃圾分类储存、分类投放和分类搬运，从而转变成公共资源的一系列活动的总称。分类的目的是提高垃圾的资源价值和经济价值，力争物尽其...
本文将以大家熟悉的 CPU 为例，介绍以 HT 为基础，应用 JavaScript，WebGL 和 HTML5 技术开发的 CPU 监控系统。...系统预览 - PC 端 ? - 移动端 ? Demo 中的场景是由 2D 和 3D 结合搭建而成，移动端的左上数据框部分显示的是手机陀螺仪数据，仅在移动端开启陀螺仪时显示。...与 PC 端相比，移动端能够实现随时随地的浏览，宣传和移动营销，因此 HT 设计和开发的系统都能很好地兼容移动端的访问和展示。...手机传感器数据 HTML5 提供了几个 DOM 事件来获得移动端方向及运动的信息，deviceorientation 提供设备的物理方向信息；devicemotion 提供设备的加速度信息。...当 webkitCompassHeading 不为空时，代表是 IOS 系统。
window.document.oncontextmenu = () => { return false } // 全局设置右键菜单禁用 接下来就开始对面板进行封装，实现每块中包含的动画效果，这些动效制作起来既简单又能展现出整个系统的运动感...两种方式的动画，我使用 Time-Based 方式，优点在于只需要指定 duration 的动画周期的毫秒数即可，HT 将在指定的时间周期内完成动画，也就是说帧数或 action 函数被调用次数取决于系统环境...，一般来说系统配置更好的机器，更高效的浏览器则调用帧数越多，动画过程更平滑。...今天我们打造的楼宇自动化控制系统 (BAS) 就属于这其中的一类，还有通信自动化系统 (CAS) 和办公自动化系统 (OAS) 等组成。...如今已经广泛应用于各个领域，极大的提高了管理效率和能源的有效利用率以及设备监测等智能化为一体的操作系统。还有更多高大上的智能操作系统在等待着我们推动社会信息化的进步！
window.document.oncontextmenu = () => { return false } // 全局设置右键菜单禁用 接下来就开始对面板进行封装，实现每块中包含的动画效果，这些动效制作起来既简单又能展现出整个系统的运动感...两种方式的动画，我使用 Time-Based 方式，优点在于只需要指定 duration 的动画周期的毫秒数即可，HT 将在指定的时间周期内完成动画，也就是说帧数或 action 函数被调用次数取决于系统环境...，一般来说系统配置更好的机器，更高效的浏览器则调用帧数越多，动画过程更平滑。...今天我们打造的楼宇自动化控制系统 (BAS) 就属于这其中的一类，还有通信自动化系统 (CAS) 和办公自动化系统 (OAS) 等组成。...如今已经广泛应用于各个领域，极大的提高了管理效率和能源的有效利用率以及设备监测等智能化为一体的操作系统。还有更多高大上的智能操作系统在等待着我们推动社会信息化的进步！ ? ?
今天就给大家带来一个采用 Hightopo 的 HT for Web 产品实现智慧楼宇的能耗监控系统。 系统预览 ?...这个图中显示的是一个 2D 3D 结合而成的智慧楼宇的能源监控系统，主要对楼宇设备能耗变化进行实时监控,比如：空调、照明等。 代码实现 一、场景进入动画预览 ?...在这个智慧楼宇能源监控系统中，我们还可以可视化地实时监控电梯在楼层间的工作运行状态，并且能够准确地浏览每个电梯在楼层间的停留时间。...四、2D 面板展示以及数据绑定 在我们系统中我还搭建了 2D 场景，上面有曲线图以及柱状图以及各种数据面板可以直观的显示楼宇的能耗信息，让我们很方便的对楼宇执行能耗量化管理以及效果评估。...通过能源监控系统，在这些丰富的曲线图、柱图等图表以及有趣生动的3D动画中，就可以直观、有效的传递出楼宇内部的能源变化，从而降低建筑的运营成本，有效的降低建筑用能，对于节能减排、保护环境具有重要的现实意义
仓储管理系统（WMS）是一个实时的计算机软件系统，它能够按照运作的业务规则和运算法则，对信息、资源、行为、存货和分销运作进行更完美地管理，使其最大化满足有效产出和精确性的要求。...WMS软件则除了管理仓库作业的结果记录、核对和管理外最大的功能是对仓库作业过程的指导和规范：即不但对结果进行处理，更是通过对作业动作的指导和规范保证作业的准确性、速度和相关记录数据的自动登记（入计算机系统
本系统采用 Hightopo 的 HT for Web 产品来构造轻量化的 3D 可视化场景。...在配置上人造卫星轨道、监控区域的数据后，本系统可用作卫星系统，描述覆盖范围和呈现观测数据。...预览地址： https://www.hightopo.com/demo/solar-system/ 界面简介及效果预览 主题一：太阳系检测系统 本系统主要展示8大行星绕太阳公转轨道、相对位置、星体质量...）的联动 三个系统是互相关联的，相互切换的方式有三种。 ...该系统满足了最基本的太空场景和数据呈现的框架，更为详尽的数据呈现和业务功能有待相关的工作人员根据具体的业务场景提出更详尽的需求。
在工业过程控制中，按被控对象的实时数据采集的信息与给定值比较产生的误差的比例、积分和微分进行控制的控制系统，简称 PID 控制系统。PID 控制生产环境具有适应性强，鲁棒性强，使用方便等特点。...进料系统则涉及到超高压技术，在流水线系统中广泛应用，能够实现设备半自动化或自动化送料作业，解决传统进料方式计量不准、工作环境污染以及工人劳动强度高等问题，从而实现高效的流水线加工。...本篇文章通过搭建危险废物进料系统的 2D 场景以及数据界面展示，帮助我们了解如何使用 HT 实现一个可视化的 PID 控制进料系统。 ...项目地址预览： 基于 HTML5 的 PID-进料系统可视化界面 http://www.hightopo.com/demo/PID-feed-system/ 效果预览 整体协作场景 ? ...禁用移动过滤器函数 在 2D 编辑器上创建 2D 图形会生成 JSON 文件，引入生成场景需要进行反序列化： 1 ht.Default.xhrLoad('displays/industry/PID-进料系统
最近上线了的基于HTML5的燃气3D培训仿真系统，以前的老系统是采用基于C++和OpenGL的OpenSceneGraph引擎设计的，OSG引擎性能和渲染效果各方面还是不错的，但因为这次新产品需求要求能运行多移动终端...，多年前基于MFC封装OSG的老系统架构也实在该退休了，这年头找能维护MFC这种古董级GUI的靠谱人也非易事。...系统最终采用HT for Web的3D框架实现，项目中的程序员也很高兴有这样的机会终于摆脱维护MFC老系统的宿命，虽然大家都只有C++的开发经验，对HTML/CSS/JS并不熟悉，但毕竟HT for Web...系统主要分为设备介绍、门站组装、业务培训和模拟考核四大部分： ?...当然目前项目还仅仅是初版移植，业务功能上还未有太大创新，但就目前的进度我们已经体会到HTML5的开发快速性，js语言也不是想象中那么弱，团队控制好一定的编码规范后js的灵活性带来的开发进度提高还是非常显著
本系统采用 Hightopo 的 HT for Web 产品来构造轻量化的 3D 可视化场景。...在配置上人造卫星轨道、监控区域的数据后，本系统可用作卫星系统，描述覆盖范围和呈现观测数据。...本系统主要展示8大行星绕太阳公转轨道、相对位置、星体质量、资源含量等信息。...关联：三个主题（系统）的联动 三个系统是互相关联的，相互切换的方式有三种。 ...该系统满足了最基本的太空场景和数据呈现的框架，更为详尽的数据呈现和业务功能有待相关的工作人员根据具体的业务场景提出更详尽的需求。
四、HTML5 一、什么是 HTML5 1.HTML5 的概念与定义 定义：HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改，号称下一代的 HTML 两个概念： 是一个新版本的...HTML 语言，定义了新的标签、特性和属性 拥有一个强大的技术集，这些技术集是指： HTML5 、CSS3 、javascript, 这也是广义上的 HTML5 2.HTML5 拓展了哪些内容 语义化标签...本地存储 兼容特性 2D、3D 动画、过渡 CSS3 特性 性能与集成 3.HTML5 的现状 绝对多数新的属性，都已经被浏览器所支持，最新版本的浏览器已经开始陆续支持最新的特性， 总的来说：HTML5...已经是大势所趋 二、HTML5 新增标签 1.什么是语义化 2.新增了那些语义化标签 header --- 头部标签 nav --- 导航标签 article --- 内容标签 section...image.png 3.使用语义化标签的注意 语义化标签主要针对搜索引擎 新标签可以使用一次或者多次 在 IE9 浏览器中，需要把语义化标签都转换为块级元素 语义化标签，在移动端支持比较友好， 另外，HTML5
JS 里拖拽三事件， onmousedown onmousemove onmouseup 是实现交互性效果，根据鼠标的移动位置让标签元素联动
（二）HTML5 HTML指的是HTML 4.01, XHTML是HTML的过渡版本，XHTML是XML风格的HTML 4.01。...-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtdn> HTML5...DOCTYPE html> 2、标签不再区分大小写 绿叶学习网 上面这种写法也是完全符合HTML5规范的。但是在实际开发中，建议所有标签以及属 性都采用小写方式。...3、允许属性值不加引号 绿叶学习网 上面这种写法也是完全符合HTML5规范的。...4、允许部分属性的属性值省略 在HTML5中，部分具有特殊性属性的属性值是可以省略的。
最近上线了的基于HTML5的燃气3D培训仿真系统，以前的老系统是采用基于C++和OpenGL的OpenSceneGraph引擎设计的，OSG引擎性能和渲染效果各方面还是不错的，但因为这次新产品需求要求能运行多移动终端...，多年前基于MFC封装OSG的老系统架构也实在该退休了，这年头找能维护MFC这种古董级GUI的靠谱人也非易事。...image.png 系统最终采用HT for Web的3D框架实现，项目中的程序员也很高兴有这样的机会终于摆脱维护MFC老系统的宿命，虽然大家都只有C++的开发经验，对HTML/CSS/JS并不熟悉...系统主要分为设备介绍、门站组装、业务培训和模拟考核四大部分： image.png 让我感觉比较爽的是控制3D图元部分，以前不同的设备类型得体力活的写一堆代码，才能好不容易的实现些旋转移动等操作控制，...image.png image.png 当然目前项目还仅仅是初版移植，业务功能上还未有太大创新，但就目前的进度我们已经体会到HTML5的开发快速性，js语言也不是想象中那么弱，团队控制好一定的编码规范后
> --> HTML5
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
