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

3D动画宣传片将 3D 动画、特效镜头、企业视频、照片、未来前景等内容通过后期合成、配音、解说形成一部直观、生动、喜闻乐见的高品位的企业广告宣传片,让社会不同层面的人士对企业产生正面的...

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

利用分子间的引力斥力结合矩阵来完成的效果,真的是很炫,而且还是代码量非常少的情况下完成了由一个节点牵引带动的其他节点移动并根据矩阵的变化来重新分配两点间的连线像有“弹性”一样,真...

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

CSG 构造实体几何这个概念在工业水利水电施工上、游戏上已经有很多人使用了,最简单的实体表示叫作体元,通常是形状简单的物体,如立方体、圆柱体、棱柱、棱锥、球体、圆锥等。根据每个软件包...

基于HTML5 Canvas WebGL制作分离摩托车

工业方面制作图表,制作模型方面..." maxlength="300">工业方面制作图表,制作模型方面运用到 3d 模型是非常多的,在一个大的环境中,构建无数个相同的或者不同的模型,构建起来对于程序员来...

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

你想开飞机吗?我小时候也有一个梦想,就是当飞行员,今天我们就来体验一下开飞机,我猜你跟我一样会晕机!昨天看到一篇文章说是学习如何开飞机的,然后我就想,如果我也可以开飞机那就好玩了...

2017/11/01 07:59
2.7K
基于HTML5 WebGL实现 json工控风机叶轮旋转

如果,我能轻松写出一个盒子,这个盒子能打开,我还能在盒子上放一些我想要展现的东西,图片啊,json文件啊 ,图表啊,动态交互界面啊...这些有些单独做起来都觉得费劲,要把他们放到同一个界...

基于HTML5及WebGL开发的2D3D第一人称漫游进行碰撞检测

可能你会好奇这个是怎么俯视图是怎么放上去的?如果3d中的图元变化,这个俯视图中的图元也会跟着变化么?如何把右上角的form表单和左下角的视图又是怎么放的?如何只移动3d二把这两个固定在这...

基于HTML5和WebGL的碰撞测试

可能你会好奇这个是怎么俯视图是怎么放上去的?如果3d中的图元变化,这个俯视图中的图元也会跟着变化么?如何把右上角的form表单和左下角的视图又是怎么放的?如何只移动3d二把这两个固定在这...

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

unity3d做游戏和3d固然很好,但是对于绝大多数非游戏开发人员有点过重了,我在这里用了HT for Web写了不到400行的代码实现了3d分层,运动以及obj文件操作。而且是用的JavaScript来实现的,这...

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

在数据量很大的2D 场景下,要找到具体的模型比较困难,并且只能显示出模型的的某一部分,显示也不够直观,这种时候能快速搭建出 3D 场景就有很大需求了。HT 基于 WebGL 的 3D 技术的图形组件...

2017/06/30 13:47
320
基于HTML5 Canvas实现用户交互

很多人都有这样的疑问,基于HTML5 Canvas实现的元素怎么和用户进行交互?在这里我们用HT for Web为大家示例。

2017/05/23 14:56
935
基于HTML5快速搭建TP-LINK电信拓扑设备面板

以生活中的服务器和路由器为模型,搭建出设备面板,并增加设备上指示灯闪烁和两个设备之间连线上图元的流动效果。今天我们就在基于HTML5的技术上完成设备面板的搭建。http://www.hightopo.c...

2017/05/18 15:46
168
基于 HTML5 的 Web SCADA 报表

最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求。一个完整的报表,一般包含了筛选操作区、表格、Chart、展板等多种元素,而其中的数据表格是最常用的控件。在以往的工业项目...

基于HTML5 Canvas 实现矢量工控风机叶轮旋转

绘制自定义图形需要制定矢量类型为shape,并通过points的Array数组指定每个点信息, points以[x1, y1, x2, y2, x3, y3, ...]的方式存储点坐标。曲线的多边形可通过segments的Array数组来描述...

数百个 HTML5 例子学习 HT 图形组件 – 3D 建模篇

《数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇》里提到 HT 很多情况下不需要借助 3Ds Max 和 Blender 等专业 3D 建模工具也能做出很多效果,例如 3D 电信机房监控例子整个都是通过 HT...

没有更多内容

加载失败,请刷新页面