再看WebGL实现让你不敢置信的水塘

hushhw

2012-07-12

关注关注

简介：一个水池呈现反射，折射，焦散，环境闭塞，包含一个领域可以与水面。此效果只有支持WebGL与显卡支持浮点纹理，屏幕空间的偏导数，顶点纹理获取。谷歌Chrome浏览器是目前唯一支持所有这些。

提醒：一些应用需要开启WebGL，才能看到效果，如何开启WebGL

效果图：

再看WebGL实现让你不敢置信的水塘

仅支持：

WebGL实现的浏览器

webgl

hushhw

0 关注 0 粉丝 0 动态

关注关注

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

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

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

ixshells 2020-02-12

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

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

teliduxing0 2020-01-14

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

ixshells 2020-01-14

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

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

TWaver可视化 2020-01-11

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

TWaver可视化 2020-01-09

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

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

UltraLAB 2019-12-31

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

fengaid 2019-12-30

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

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

pythonclass 2019-12-19

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

swiftwwj 2019-12-19

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

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

unityd 2019-12-16

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

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

你好乔先生 2019-10-27

WebGL简易教程(十一)：纹理

‘ gl_Position = u_MvpMatrix * a_Position;\n‘ + // 设置顶点坐标。var currentAngle = [0.0, 0.0]; // 绕X轴Y轴的旋转角度

TWaver可视化 2019-10-19

基于HTML5的WebGL应用内存泄露分析

Adobe的Flex和微软的Silverlight/WPF本被业界寄予厚望，没想这哥俩如匆匆过客被老东家抛弃了，但他们还是推动了MVP和MVVM设计模式的普及，如今HTML5领域的KnockoutJS、Backbone.js、AngularJS、PureM

xueliangEmail 2015-10-25

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

实现代码比较容易一百多行，不过算法核心在astar.js了，界面核心在ht.js里面了，我只需要构建网格信息，只需监听用户点击，然后调用astar.js进行最短路径计算，将结果通过动画的方式呈现出走动的过程，所有代码如下：。w = 40; m = 20;

wty00 2015-11-18

基于 HTML5 WebGL 的 3D SCADA 主站系统

3D 的模拟一般需要鹰眼来辅助的，这样找产品以及整个空间的概括会比较明确，在这个例子中我也加了，这篇文章就算是我对这次项目的一个总结吧。进入正题，整个例子用了两百多行的代码来实现的，这就是我喜欢用HT的原因，能够快速开发。现在 Web3d 技术兴起，大体就

oLaoJiang 2018-02-05

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

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

haocxy 2018-01-02

安科网

再看WebGL实现让你不敢置信的水塘

hushhw

hushhw

相关推荐

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

webgl进阶之旋转的立方体

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

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

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

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

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

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

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

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

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

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

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

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

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

WebGL简易教程(十一)：纹理

基于HTML5的WebGL应用内存泄露分析

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

基于 HTML5 WebGL 的 3D SCADA 主站系统

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

hushhw