WebGL热门博客列表 - ITeye博客频道 - 第2页

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

仓储管理系统（WMS）是一个实时的计算机软件系统，它能够按照运作的业务规则和运算法则，对信息、资源、行为、存货和分销运作进行更完美地管理� ...

html5 webgl 3d 工控电信

xhload3d 评论(0) 有988人浏览 2017-11-30 07:48

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

第一人称在 3D 中的用法要参考第一人称在射击游戏中的使用，第一人称射击游戏（FPS）是以第一人称视角为中心围绕枪和其他武器为基础的视频游戏类� ...

html5 3d webgl 工控电信网管

xhload3d 评论(0) 有843人浏览 2017-11-14 22:55

建设性的立体几何具有许多实际用途，它用于需要简单几何对象的情况下，或者数学精度很重要的地方，几乎所有的工程 CAD 软件包都使用 CSG（可以用于表示刀具切削，以及零件必须配合在一起的特征）。CSG 是 Constructive Solid Geometry 建模技术的简称，通过裁剪 subtract、融合 union 和相交 intersect 的运算，组合出复杂模型效果，HT 封装了 ht. ...

HTML5 3D Canvas WebGL 工控

xhload3d 评论(0) 有638人浏览 2017-11-09 07:29

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

昨天看到一篇文章说是学习如何开飞机的，然后我就想，如果我也可以开飞机那就好玩了，每个人小时候都想做飞行员！中国飞行员太难当了，再说也� ...

HTML5 3D SCADA WebGL 动画

xhload3d 评论(0) 有879人浏览 2017-11-01 07:48

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

突然有个想法，如果能把一些用到不同的知识点放到同一个界面上，并且放到一个盒子里，这样我如果要看什么东西就可以很直接显示出来，而且这个� ...

3D HTML5 Canvas WebGL SCADA

xhload3d 评论(0) 有1184人浏览 2017-10-26 09:23

基于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_XM ...

3D HTML5 WebGL SCADA 游戏

xhload3d 评论(0) 有663人浏览 2017-10-23 10:20

基于HTML5和WebGL的碰撞测试

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

HTML5 WebGL 3D拓扑工控电信网管

xhload3d 评论(0) 有598人浏览 2017-10-20 10:26

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

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

电信网管工控SCADA HTML5 WebGL 拓扑

xhload3d 评论(0) 有615人浏览 2017-10-17 09:19

WebGL 入门-光源和投影

神说：“要有光”，就有了光。 Three.js内置了多种光源可以直接调用： AmbientLight（环境光） AreaLight（区域光） DirectionalLight（平行光） HemisphereLight（半球光） PointLight（点光源） SpotLight（聚光灯）首先我们设置好基础的环境： <!DOCTYPE html> <ht ...

webgl 光源投影

xiangjinqi 评论(0) 有741人浏览 2017-06-04 14:56

VR技术在数据中心3D机房中的应用（上）

VR技术在数据中心3D机房中的应用（上）前两天跟朋友A吃饭，吃着吃着就说到了VR。近几年来，VR技术越来越火，感觉能跟VR沾点边的都特别高大上，朋友A也是，一提到

VR WebGL Twaver3D

TWaverGeek 评论(0) 有1029人浏览 2017-05-31 17:25

一个纯纯的WegGL小例子

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>一个纯纯的WegGL小例子</title> </head> <body> <canvas id=& ...

javascript webgl

wanlic2008 评论(0) 有680人浏览 2017-02-09 11:37

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

http://www.hightopo.com/demo/pipeline/index.html 《数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇》里提到 HT 很多情况下不需要借助 3Ds Max 和 Blender 等专业 3D 建模工具也能做出很多效果，例如 http://www.hightopo.com/guide/guide/core/3d/example ...

HTML5 WebGL 3D 电信拓扑图

xhload3d 评论(0) 有1375人浏览 2016-09-30 01:34

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

《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》一文让读者了解了 HT 的 2D 拓扑图组件使用，本文将对 HT 的 3D 功能做个综合性的介绍，以便初学者可快速上手使用 HT 构建例如电信网管 3D 机房应用、水务燃气 SCADA 监控应用及智能楼宇等应用场景。 HT for Web 的 3D 是完全基于 WebGL 技术实现的渲染引擎，但开发者几乎不需要了解 3D 图形数学或 ...

HTML5 WebGL 3D 3D机房电信网管

xhload3d 评论(0) 有2527人浏览 2016-08-26 02:58

基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步（二）

我们上一篇《基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步（一）》主要讲解了如何搭建一个实时数据通讯服务器，客户端与服务端是如何通讯的，相信通过上一篇的讲解，再配合上数据库的数据储存，我们就可以实现一个简易版的 Web 聊天工具了，有空的朋友可以自己尝试下实现，那么我们今天的主要内容真的是实现 WebGL 3D 拓扑图实时数据通讯了，请大家接着往下看。有了 ...

HTML5 WebGL HT for Web 拓扑图 WebSocket

xhload3d 评论(0) 有1989人浏览 2016-07-26 01:03

基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步（一）

今天没有延续上一篇讲的内容，穿插一段小插曲，WebSocket 实时数据通讯同步的问题，今天我们并不是很纯粹地讲 WebSocket 相关知识，我们通过 WebGL 3D 拓扑图来呈现一个有趣的 Demo。接下来我们就看看这个实时数据通讯是一个什么样的套路。我们先来聊聊这次 Demo 的思路吧，首先我要有一个 3D 的拓扑图组件，在上面创建几个节点，然后通过拉力布局（ForceLayout） ...

HTML5 WebGL HT for Web 拓扑图 WebSocket

xhload3d 评论(0) 有755人浏览 2016-07-25 10:29

基于 HTML5 的 WebGL 技术构建 3D 场景（一）

今天和大家分享的是 3D 系列之 3D 预定义模型。 HT for Web 提供了多种基础类型供用户建模使用，不同于传统的 3D 建模方式，HT 的建模核心都是基于 API 的接口方式，通过 HT 预定义的图元类型和参数接口，进行设置达到三维模型的构建。接下来我们就来谈谈预定义的 3D 模型及参数设置。 HT 预定义的 3D 模型有：box、sphere、cone、torus、cylinde ...

HTML5 WebGL HT for Web 网络拓扑图 3D模型

xhload3d 评论(0) 有2065人浏览 2016-07-13 00:44

Three.js 3D打印数据模型文件（.STL）加载

WebGL（基于HTML5 Canvas的3D绘图上下文）可以用来构建3D视图、立体动画、人机交互。 Three.js是一个主流的JS框架用来支持和简化WebGL编程。本例是一个简单的Three.js应用，即把一个外部可用于打印的3D标准建模文件（STL文件）载入到浏览器中绘制出来。支持二进制和文本编码的STL文件，支持自动探测文件格式，字符编码使用UTF-8。使用起来很简单，导入three ...

webgl html5 canvas three.js stl

iefreer 评论(0) 有2515人浏览 2016-06-04 12:52

一款最新的Web 3D开发工具—TWaver Make

在我们协助客户进行3D应用的开发过程中，客户遇到的最头疼的问题是如何在短时间内学会使用TWaver 3D引擎，以及使用TWaver 3D来创建和导入项目所需的各种3D业务模型。由于项目涵盖的行业繁多、对模型种类和精度的需求各异，为了降低TWaver底层引擎的使用难度，TWaver发布了一款全新的模型库框架TWaver® Make，来帮助开发者快速创建高质量、专业的行业可视化应用场景。简单 ...

3D开发 web 3d webgl twaver

TWaverGeek 评论(0) 有1943人浏览 2016-04-13 17:24

HTML5的WebGL实现的3D和2D拓扑树

在HT for Web中2D和3D应用都支持树状结构数据的展示，展现效果各异，2D上的树状结构在展现层级关系明显，但是如果数据量大的话，看起来就没那么直观，找到指定的节点比较困难，而3D上的树状结构在展现上配合HT for Web的弹力布局组件会显得比较直观，一眼望去可以把整个树状结构数据看个大概，但是在弹力布局的作用下，其层次结构看得就不是那么清晰了。所以这时候结构清晰的3D树的需求就来了，那么 ...

HTML5 网络拓扑 3D WebGL Canvas

xhload3d 评论(0) 有2278人浏览 2016-02-18 22:09

基于HTML5的WebGL呈现A星算法的3D可视化

http://www.hightopo.com/demo/astar/astar.html 最近搞个游戏遇到最短路径的常规游戏问题，一时起兴基于HT for Web写了个A*算法的WebGL 3D呈现，算法基于开源 https://github.com/bgrins/javascript-astar 的javascript实现，其实作者也有个不错的2D例子实现 http://www. ...

html5 WebGL 3d 电信机房

xhload3d 评论(0) 有1247人浏览 2015-11-18 01:35

博客专栏推荐

本月博客排行

年度博客排行

最新文章列表