自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

HT for Web 3D

HT for modern web and mobile app development.

  • 博客(10)
  • 资源 (7)
  • 收藏
  • 关注

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

你想开飞机吗?我小时候也有一个梦想,就是当飞行员,今天我们就来体验一下开飞机,我猜你跟我一样会晕机!昨天看到一篇文章说是学习如何开飞机的,然后我就想,如果我也可以开飞机那就好玩了,每个人小时候都想做飞行员!中国飞行员太难当了,再说也不轻易让你开飞机!后来我就想如果能用 HT 开飞机那就是真的有趣了,哈哈,这个实现的效果还是很不错的,可以让你满足一下开飞机的虚荣心偷笑

2017-10-31 09:27:02 1757

原创 基于HTML5 WebGL实现 json工控风机叶轮旋转

<img src="http://images2017.cnblogs.com/blog/591709/201710/591709-20171026231621320-64141724.gif" class="desc_img">如果,我能轻松写出一个盒子,这个盒子能打开,我还能在盒子上放一些我想要展现的东西,图片啊,json文件啊 ,图表啊,动态交互界面啊...这些有些单独做起来都觉得费劲,要把他们放到同一个界面的盒子上也并不容易,而且性能还要好,浏览器操作要流畅,100多行,很棒的效果!

2017-10-27 09:11:33 1393

基于HTML5 WebGL实现 json工控风机叶轮旋转

突然有个想法,如果能把一些用到不同的知识点放到同一个界面上,并且放到一个盒子里,这样我如果要看什么东西就可以很直接显示出来,而且这个盒子一定要能打开。我用HT实现了我的想法,代码一百多行,这么少的代码能实现这种效果我觉得还是牛的。demo地址: http://www.hightopo.com/demo/Wall3D/index.html先来看看效果图: 这个例子最基础的就是最外层的...

2017-10-26 09:23:01 240

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

为了实现一个基于HTML5的场景小游戏,我采用了HT for Web来实现,短短200行代码,我就能实现用“第一人称”来操作前进后退上下左右,并且实现了碰撞检测。先来看下实现的效果: http://hightopo.com/guide/guide/core/3d/ht-3d-guide.html#ref_collision或者http://v.youku.com/v_show/id_X...

2017-10-23 10:20:17 369

基于HTML5和WebGL的碰撞测试

这是公司大神写的一个放官网上给用户学习的例子,我一开始真的不知道这是在干嘛,就只是将三个形状图元组合在一起,然后可以同时旋转、放大缩小这个三个图形,点击“Animate”就能让中间的那一个图元单独绕着某一个点旋转,表单最上方的“Axis”真的完全不知道拿来干嘛用的,觉得好累赘,而且是官网的demo,也没有解释。。。所以我今天得任务就是完全剖析这个例子!本文例子:http://www.high...

2017-10-20 10:26:56 143

原创 基于HTML5和WebGL的碰撞测试

可能你会好奇这个是怎么俯视图是怎么放上去的?如果3d中的图元变化,这个俯视图中的图元也会跟着变化么?如何把右上角的form表单和左下角的视图又是怎么放的?如何只移动3d二把这两个固定在这边?或者你可能还有别的问题,在这里我会尽量清楚地解答,实在找不到答案可以去我们的官网HT for Web查找你的问题。

2017-10-19 14:18:18 2872

原创 基于HTML5的WebGL实现json和echarts图表展现在同一个界面

如果,我能轻松写出一个盒子,这个盒子能打开,我还能在盒子上放一些我想要展现的东西,图片啊,json文件啊 ,图表啊,动态交互界面啊...这些有些单独做起来都觉得费劲,要把他们放到同一个界面的盒子上也并不容易,而且性能还要好,浏览器操作要流畅,100多行,很棒的效果!

2017-10-18 16:43:54 4405

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

以前用原生JS写的场景+第一人称漫游模式+碰撞测试那代码量是真的庞大,这次我想要用HT for Web来写一个轻量的场景小游戏,而且3D 2D都能玩,才200行,真的是太轻松了~还有通过监控属性的变化来操作也是一个很方便的功能,我相信没有几个人能轻量,快速地开发出场景小游戏的,而且浏览器操作还很流畅!

2017-10-18 14:15:14 2807

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

unity3d做游戏和3d固然很好,但是对于绝大多数非游戏开发人员有点过重了,我在这里用了HT for Web写了不到400行的代码实现了3d分层,运动以及obj文件操作。而且是用的JavaScript来实现的,这样我们前端开发人员也能不用学习各种3d开发软件就能实现超级叼的效果!

2017-10-17 10:05:33 2163

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

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

2017-10-17 09:19:20 371

ajax 全套安装软件包

其中包含: ASP.NET “Atlas” April Community Technology Preview (CTP) ASPAJAXExtSetup ASPAJAXSamples AtlasControlToolkit MicrosoftAjaxLibrary

2021-03-31

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

数据绑定有时候真的很让人头疼,我想要的只是能快速开发,快速绑定!最好能随时随地动态变化数据,并且能够通过 json 来操作,那就更好了

2018-03-16

快速开发基于 HTML5 网络拓扑图应用--入门篇(四)

上回我们用 ht.widget.BorderPane 面板组件替代了 ht.widget.SplitView 分割组件将界面分成左中右三个部分,并且添加了属性组件 ht.widget.PropertyView,并通过 propertyView.addProperties 向组件中添加属性。这回我们来试着向这个界面上添加工具条组件 ht.widget.Toolbar。 HT for Web 提供了工具条组件类 ht.widget.Toolbar,工具条上的元素可为原生的 html 元素, 也支持 ht 提供的如 ht-form.js 的表单插件中的组件,并内置提供了按钮、单选按钮、复选框等组件。

2018-01-18

快速开发基于 HTML5 网络拓扑图应用--入门篇(三)

上回添加的是树组件,这回我们来添加看看属性组件,非常简单~

2018-01-16

Web SCADA 电力接线系统图

在电力、油田燃气、供水管网等工业自动化领域 Web SCADA 的概念已经提出了多年,早些年的 Web SCADA 前端技术大部分还是基于 Flex、Silverlight 甚至 Applet 这样的重客户端方案,在 HTML5 流行前 VML 和 SVG 算是真正纯种 Web 方案也是有不少应用,近些年随着 HTML5 的流行,加上移动终端以及浏览器对 HTML5 支持的普及,越来越多新项目开始采用真正纯 HTML5 的方案,更具体的应该说是大数据量应用性能高于 SVG 的 Canvas 方案,已经逐渐成为当今 Web SCADA 前端技术的首选标配方案。

2018-01-15

基于 HTML5 快速构建拓扑图1

电信网管的网络拓扑图、电力的电网拓扑图、工业控制的监控图、工作流程图、思维脑图等等都可以用 HTML5 的图形化界面来完成,所有这些简称为拓扑图。使用 HT 会让你的开发变得更加快速,快来玩玩吧!

2018-01-08

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

仓储系统!仓库管理可以说即不省力也不省事,而且使用范围还很广,数学中经常使用仓储系统来计算市场需求,物流中的动力学建模等等,所以仓储系统必不可少,在这个时间就是金钱的时代,能省时就能带来非常大的效益,所以我们今天搞了个 Demo 来玩,不知道你们感觉怎么样,我是觉得非常酷啦~

2017-11-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除