按类别查询搜索结果
关于关键词 的检测结果,共 206
andersonyan | 2016-10-27 21:12:22 | 阅读(1530) | 评论(0)
第一章 APP用户界面基础1.1 手机UI设计相关基本概念1.1.1 什么是UI设计UI(User's Interface)即用户界面,它不仅仅是美化界面,还需要研究用户,让界面变得更友好、简洁、舒适、易用。用户界面无处不在。它可以是登录界面,也可以是软件界面,手机、PC上都有;1.1.2 手机UI与平面UI的不同手机UI将范围基本...【阅读全文】
xhload3d | 2016-10-18 01:09:54 | 阅读(2600) | 评论(0)
绘制自定义图形需要制定矢量类型为shape,并通过points的Array数组指定每个点信息, points以[x1, y1, x2, y2, x3, y3, ...]的方式存储点坐标。曲线的多边形可通过segments的Array数组来描述, segment以[1, 2, 1, 3 ...]的方式描述每个线段:
1: moveTo,占用1个点信息,代表一个新路径的起点
2: lineTo,占用1个点信息,代表从上次最后点连接到该点
3: quadraticCurveTo,占用2个点信息,第一个点作为曲线控制点,第二个点作为曲线结束点
4: bezierCurveTo,占用3个点信息,第一和第二个点作为曲线控制点,第三个点作为曲线结束点【阅读全文】
xhload3d | 2016-09-30 09:44:58 | 阅读(2400) | 评论(0)
《数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇》里提到 HT 很多情况下不需要借助 3Ds Max 和 Blender 等专业 3D 建模工具也能做出很多效果,例如 3D 电信机房监控例子整个都是通过 HT 提供的 API 构建而成。不过这个例子中的模型都比较规矩,也就消防栓由一个球 + 圆通构成,这并不意味着 API 只能做简单的模型,《HT for Web 建模手册》中介绍的 HT 建模插件可以让有想象力的同学做出各种不可思议的效果。http://www.hightopo.com/demo/pipeline/index.html 【阅读全文】
xhload3d | 2016-09-19 01:04:14 | 阅读(2000) | 评论(0)
在前面《电信网络拓扑图自动布局之总线》一文中,我们重点介绍了自定义 EdgeType 的使用,概括了实现总线效果的设计思路,那么今天话题是基于 HT for Web 的曲线布局(ShapeLayout)。

ShapeLayout 从字面上的意思理解,就是根据曲线路径来布局节点,省去手动布局节点的繁琐操作,还能保证平滑整齐地排布,这是手动调整很难做到的。ShapeLayout 结合前面提到的总线,是最普遍的应用。【阅读全文】
xhload3d | 2016-09-05 02:54:24 | 阅读(1930) | 评论(0)
在前面《电信网络拓扑图自动布局》一文中,我们大体介绍了 HT for Web 电信网络拓扑图自动布局的相关知识,但是都没有深入地描述各种自动布局的用法,我们今天在这边就重点介绍总线的具体实现方案。【阅读全文】
flameschen | 2016-08-27 23:35:38 | 阅读(440) | 评论(2)
另外的blog可能网站无法访问  大家可以直接下载我分享的hosts文件 覆盖到自己系统的hosts文件里面用记事本打开并保存C:\Windows\System32\drivers\etc\请大家遵守网络规则,不要用于其他 自行浏览即可   否则法律责任自负...【阅读全文】
xhload3d | 2016-08-26 03:01:42 | 阅读(2000) | 评论(0)
《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》一文让读者了解了 HT 的 2D 拓扑图组件使用,本文将对 HT 的 3D 功能做个综合性的介绍,以便初学者可快速上手使用 HT 构建例如电信网管 3D 机房应用、水务燃气 SCADA 监控应用及智能楼宇等应用场景。
HT for Web 的 3D 是完全基于 WebGL 技术实现的渲染引擎,但开发者几乎不需要了解 3D 图形数学或 Shader 渲染的底层技术,只需要掌握基本的 3D 坐标系和相机 Camera 的概念,剩下需要掌握的也就是基本 JavaScript 的面对对象编程知识,即可快速开发各种丰富的 3D 场景应用。【阅读全文】
xhload3d | 2016-08-22 01:45:47 | 阅读(7170) | 评论(0)
在电信网络拓扑图中,很经常需要用到自动布局的功能,在大数据的层级关系中,通过手工一个一个摆放位置是不太现实的,工作量是相当大的,那么就有了自动布局这个概念,来解放布局的双手,让网络拓扑图能够布局出一个优美的图案,当然在一些复杂的布局中,光有自动布局还是不行的,还是需要手工地做些相应的调整,才能让界面图案更加的完美。今天我们来聊聊电信网络拓扑图 HT for Web 在自动布局上面的相关内容。【阅读全文】
xhload3d | 2016-08-10 11:05:11 | 阅读(3260) | 评论(0)
HT 是啥:Everything you need to create cutting-edge 2D and 3D visualization.

这口号是当年心目中的产品方向,接着就朝这个方向慢慢打磨,如今 HT 算是达到了这样的效果,谈不上用尽洪荒之力,但我们对产品结果很满意,特别是 HT 的用户手册,将例子和文档无缝融合一体,小小 10 来兆开发包居然包含了四十五份手册,数百个活生生的 HTML5 例子,还没体验过的同学可以点击 http://www.hightopo.com/guide/readme.html HT 手册入口玩一玩。【阅读全文】
水中残月 | 2016-06-12 16:45:02 | 阅读(1270) | 评论(0)
核心部分都有代码注释,如有不懂得地方,请留言,必答点击(此处)折叠或打开<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>canvas实现人物运动</title>...【阅读全文】
水中残月 | 2016-06-08 16:01:37 | 阅读(3140) | 评论(0)
效果图如下:关键部分都有代码注释,代码如下:点击(此处)折叠或打开        Document &nbs...【阅读全文】
水中残月 | 2016-06-07 16:53:53 | 阅读(1140) | 评论(0)
点击(此处)折叠或打开        Document    【阅读全文】
水中残月 | 2016-05-31 16:40:35 | 阅读(5110) | 评论(0)
关键部分代码的解释都在代码中:点击(此处)折叠或打开<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>3D旋转木马</title>    ...【阅读全文】
水中残月 | 2016-05-27 16:03:50 | 阅读(1410) | 评论(0)
本文使用的是400*300分辨率的图片,重要部分的思路都在代码注释里,如果还有不懂得地方,请留言,必回!代码如下:点击(此处)折叠或打开<!doctype html><html lang="en"><head>    <meta charset="UTF-8"> &nb...【阅读全文】
dyli2000 | 2016-03-14 17:47:57 | 阅读(3660) | 评论(0)
1、利用.NET自身的JavaScriptSerializer 需要添加System.Web.Extensions.dll 添加方法见: http://blog.chinaunix.net/uid-25498312-id-5675200.html using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Web.Script.Serialization; namespace TestJSON ...【阅读全文】
SwideLife | 2016-02-29 12:32:44 | 阅读(530) | 评论(0)
布局小技巧【阅读全文】
lsstarboy | 2016-02-05 16:24:38 | 阅读(1920) | 评论(0)
QuadTree四叉树顾名思义就是树状的数据结构,其每个节点有四个孩子节点,可将二维平面递归分割子区域。QuadTree常用于空间数据库索引,3D的椎体可见区域裁剪,甚至图片分析处理,我们今天介绍的是QuadTree最常被游戏领域使用到的碰撞检测。采用QuadTree算法将大大减少需要测试碰撞的次数,从而提高游戏刷新性能,本文例子基于HT for Web的Canvas拓扑图和WebGL的3D引擎组件,通过GraphView和Graph3dView共享同一数据模型DataModel,同时呈现QuadTree算法下的2D和3D碰撞视图效果:【阅读全文】
ap0405209 | 2015-12-21 15:37:49 | 阅读(860) | 评论(0)
在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传、上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条,矢量在《矢量Chart图表嵌入HTML5网络拓扑图的应用》一文中已经讲述了关于setCompType()方法的应用,今天我们用setImage()方法充分利用系统中定义好的矢量资源来实现文件上传进度条【阅读全文】
Larpenteur | 2015-12-15 06:41:43 | 阅读(1480) | 评论(0)
QuadTree四叉树顾名思义就是树状的数据结构,其每个节点有四个孩子节点,可将二维平面递归分割子区域。QuadTree常用于空间数据库索引,3D的椎体可见区域裁剪,甚至图片分析处理,我们今天介绍的是QuadTree最常被游戏领域使用到的碰撞检测。采用QuadTree算法将大大减少需要测试碰撞的次数,从而提高游戏刷新性能,本文例子基于HT for Web的Canvas拓扑图和WebGL的3D引擎组件,通过GraphView和Graph3dView共享同一数据模型DataModel,同时呈现QuadTree算法下的2D和3D碰撞视图效果:【阅读全文】
xhload3d | 2015-12-14 00:42:35 | 阅读(7060) | 评论(1)
QuadTree四叉树顾名思义就是树状的数据结构,其每个节点有四个孩子节点,可将二维平面递归分割子区域。QuadTree常用于空间数据库索引,3D的椎体可见区域裁剪,甚至图片分析处理,我们今天介绍的是QuadTree最常被游戏领域使用到的碰撞检测。采用QuadTree算法将大大减少需要测试碰撞的次数,从而提高游戏刷新性能,本文例子基于HT for Web的Canvas拓扑图和WebGL的3D引擎组件,通过GraphView和Graph3dView共享同一数据模型DataModel,同时呈现QuadTree算法下的2D和3D碰撞视图效果:【阅读全文】