基于Web的3D绘图标准WebGL 1.0发布

oLaoJiang

2011-03-04

Khronos 组织在游戏开发者大会发布了 WebGL 规范 1.0 正式版本，该版本带来了全新的 OpenGL ES 2.0，使得浏览器可通过 HTML5 和 JavaScript 进行识别，这表明 WebGL 将逐渐进入我们的视野。

WebGL 是一种3D绘图标准，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。

访问:WebGL Public Wiki(http://www.khronos.org/webgl/wiki/Main_Page)

webgl web技术 web开发 javascript 3d opengl

oLaoJiang

0 关注 0 粉丝 0 动态

相关推荐

基于H5与webGL的 3d 电子围栏展示

现代工业化的推进在极大加速现代化进程的同时也带来的相应的安全隐患，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT for Web 产品来构造轻量化的 3D 可视化场景，该

ixshells 2020-02-12

基于HTML5 WebGL的工业化3D电子围栏

现代工业化的推进在极大加速现代化进程的同时也带来的相应的安全隐患，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT for Web 产品来构造轻量化的 3D 可视化场景，该

TWaver可视化 2020-01-09

基于 HTML5 WebGL 构建智能数字化城市 3D 全景

自 2011 年我国城镇化率首次突破 50% 以来，《新型城镇化发展规划》将智慧城市列为我国城市发展的三大目标之一，并提出到 2020 年，建成一批特色鲜明的智慧城市。截至现今，全国 95% 的副省级以上城市、76% 的地级以上城市，总计约 500 多个城

pythonclass 2019-12-19

基于 HTML5 WebGL 构建智能数字化城市 3D 全景

自 2011 年我国城镇化率首次突破 50% 以来，《新型城镇化发展规划》将智慧城市列为我国城市发展的三大目标之一，并提出到 2020 年，建成一批特色鲜明的智慧城市。截至现今，全国 95% 的副省级以上城市、76% 的地级以上城市，总计约 500 多个城

swiftwwj 2019-12-19

基于 H5 + WebGL 实现 3D 可视化地铁系统

自动巡检模式 -- 该模式下用户不需要任何操作，场景自动前进后退来巡查当前地铁站的场景。上述为自动巡检的漫游效果，场景自动进行前进旋转。ht.Default.loadObj(‘obj/metro.obj‘, ‘obj/metro.mtl‘, {. 上面通过

unityd 2019-12-16

基于 HTML5 WebGL 的 3D 场景中的灯光效果

构建 3D 的场景除了创建模型，对模型设置颜色和贴图外，还需要有灯光的效果才能更逼真的反映真实世界的场景。这个例子我觉得既美观又代表性很强，所以拿出来给大家分享一下。上面场景中主要的知识点包括：3D 灯光以及 3D 模型的流动。添加灯光场景中出现的灯光，除

haocxy 2018-01-02

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

现在，3D模型已经用于各种不同的领域。它们可以在三维建模工具中使用或者单独使用。为了容易形成动画，通常在模型中加入一些额外的数据，例如，一些人类或者动物的三维模型中有完整的骨骼系统，这样运动时看起来会更加真实，并且可以通过关节与骨骼控制运动。

前端后端学习之路 2017-10-17

基于 HTML5 的 WebGL 3D 智能楼宇监控系统

智能监控的领域已经涉及到了各大领域，工控、电信、电力、轨道交通、航天航空等等，为了减少人员的消耗，监控系统必不可少。智能监控系统在 3D 中应用比较广泛的除了 3D 机房以外，我觉得就是楼宇的监控了，可是之前做了很多关于机房方面的 Demo，所以最终决定做

前端后端学习之路 2018-04-23

WebGL 3D 工业隧道监控实战

监控隧道内的车道堵塞情况、隧道内的车祸现场，在隧道中显示当前车祸位置并在隧道口给与提示等等功能都是非常有必要的。这个隧道 Demo 的主要内容包括：照明、风机、车道指示灯、交通信号灯、情报板、消防、火灾报警、车行横洞、风向仪、微波车检、隧道紧急逃生出口的控

hushhw 2018-03-26

什么是WebGL,它有什么优点?

WebGL是一种 3D 绘图标准，这种绘图技术标准允许把 JavaScript 和 OpenGL ES 2.0 结合在一起，通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定， WebGL 可以为 HTML5 Canvas 提供硬件

前端后端学习之路 2018-06-20

Unity打包WebGL所遇到的坑！！！

WebGL打包过程可真是异常坎坷，开发过程中会有各种坑，大概总结了一下，记录下来。public Dictionary<string, string> data { get; set; }. 如果是按照上面这样写，恭喜你，打包出来的东西肯定报错，

unityd 2020-06-28

webgl进阶之旋转的立方体

与其说是webgl，倒不如说是图形学，毕竟语言只是一个工具。用过three.js或者其他三维库来开发三维程序的都知道，对于标题所指，其实实现起来很简单，拿three.js来说，一段很简短的代码就能实现：。这里也感谢作者和其他开源工作者做出的贡献，因为他们的

oLaoJiang 2020-04-25

WEBGl之THREEJS导入shp文件，生成三维模型

如果threejs可以导入shp文件，就可以呈现效果那是多么完美的事情啊！当然这是肯定的，那是我在经历的痛苦期，现在来分享我的甜品。有个偶然，一个QQ群的人，告诉我有个大神写了shp.js，可以读取线坐标，这才是我豁然开朗。之后，我就开始潜心，通读代码，已

ixshells 2020-03-05

基于 H5与webGL 的低碳工业园区监控系统

低碳工业园区的建设与推广是我国推进工业低碳转型的重要举措，低碳工业园区能源与碳排放管控平台是低碳工业园区建设的关键环节。如何对园区内的企业的能源量进行采集、计量、碳排放核算，如何对能源消耗和碳排放进行实时动态监测等问题，涉及多个技术领域，专业性强。其数据不

TWaver可视化 2020-02-14

C# WPF 嵌入网页版WebGL油田三维可视化监控

最近做的一个项目，是一个油田三维可视化监控的场景编辑和监控的系统，和三维组态有些类似，不过主要用于油田上。效果如下图所示：。首先当然是上模型，设计人员跟进。一切进展的都很顺利。直到客户说，我们有一个WPF开发的桌面端程序，我们需要把你们的三维嵌入到桌面端。

teliduxing0 2020-01-14

C# WPF 嵌入网页版WebGL油田三维可视化监控

最近做的一个项目，是一个油田三维可视化监控的场景编辑和监控的系统，和三维组态有些类似，不过主要用于油田上。效果如下图所示：。首先当然是上模型，设计人员跟进。一切进展的都很顺利。直到客户说，我们有一个WPF开发的桌面端程序，我们需要把你们的三维嵌入到桌面端。

ixshells 2020-01-14

Unity生成的WebGL如何在浏览器中运行

前言：以为在学完了COMP30019后，应该不会再接触Unity了，没想到之后实习让我去做把一个Unity项目转到WebGL，而关于Unity的WebGL资料很少，基本除了Unity的Manual就只能看别人零星的记录了。遇到了一堆问题，可能以后会也写在博

TWaver可视化 2020-01-11

基于 HTML5 + WebGL 的无人机 3D 可视化系统

近年来，无人机的发展越发迅速，既可民用于航拍，又可军用于侦察，涉及行业广泛，也被称为“会飞的照相机”。但作为军事使用，无人机的各项性能要求更加严格、重要。本系统则是通过Hightopo的HT for Web产品来搭建的一款无人机 3D 可视化系统，通过对

UltraLAB 2019-12-31

基于 HTML5 + WebGL 的无人机 3D 可视化系统

近年来，无人机的发展越发迅速，既可民用于航拍，又可军用于侦察，涉及行业广泛，也被称为“会飞的照相机”。但作为军事使用，无人机的各项性能要求更加严格、重要。本系统则是通过Hightopo的HT for Web产品来搭建的一款无人机 3D 可视化系统，通过对

fengaid 2019-12-30

用shader实现流动的水面(webgl)

大多数资料都是基于opengl实现，过多关注点在渲染上面而不是水波的mesh实现上，让人没有看下去的欲望。有的就直接是照搬别人的博客，公式大段大段地搬，却没有自己的一丝见解，太过敷衍。代码不加注释，对前来学习者不太友好。针对webgl的实现，网上的资料太少

你好乔先生 2019-10-27

oLaoJiang

W3CSchool教程: HTML 教程; CSS 教程; Bootstrap 教程; Javascript 教程; jQuery 教程

后端教程: C 教程; Java 教程; PHP 教程; Python 教程; Go 教程

移动开发: Android 教程; Swift 教程; Kotlin 教程; jQuery Mobile 教程; ionic 教程

关于我们: 新闻动态; 联系方式; 招聘英才; 安科实验室; 帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号京公网安备11010802014868号