博客首页 → WebGL

最新文章列表

WebGL 3D on iOS8 正式版

今天iOS8终于正式发布了，升级了手头设备后对我来说最重要的就是测试WebGL的3D是否真的能跑苹果的系统了，跑了多个HT for Web的3D例子都非常流畅，比Android刚支持WebGL时好太多了，基本还没发现什么问题，苹果做事还是值得肯定，要嘛不做，要做就做真正能用的WebGL。   以下是跑HT for Web的3D网络空间拓扑图在iphone5上的截图和视频操作效果，自然不如PC上 ...
拓扑3DiOS8WebGL网管 
xhload3d 评论(0) 有977人浏览 2014-09-18 15:05

基于HTML5实现的Heatmap热图3D应用

Heatmap热图通过众多数据点信息，汇聚成直观可视化颜色效果，热图已广泛被应用于气象预报、医疗成像、机房温度监控等行业，甚至应用于竞技体育领域的数据分析。 已有众多文章分享了生成Heatmap热图原理，可参考《How to make heat maps》和《How to make heat maps in Flex》，本文将介绍基于HTML5技术的实现方式，主要基于Cavans和WebGL ...
heatmaphightopowebgl机房监控热图 
xhload3d 评论(0) 有1937人浏览 2014-09-12 00:10

logstalgia的webGL版

2014年3月，有幸领略原版logstalgia的风采。 logstalgia支持标准的Apache和Nginx的WEB访问日志。通过视频可以直观的看到来自哪里的IP访问你的WEB上的什么资源，那些资源访问比较频繁。尤其是网站上有热点内容或被DDoS时，其显示的效果非常炫目。 可以实时显示访问情况，也可以离线分析存储的WEB日志。 虽说开源，但OpenGL的学习成本较高。而且目前所搭建 ...
logstalgiawebGLThree.jsSparks.js 
rhodian 评论(0) 有2022人浏览 2014-06-12 10:04

如何允许WebGL从本地载入资源

随着mono-design不断推广，用户越来越多，陆续有电话来询问“为什么3D展现的时候，是一团黑？”，针对这个问题，专门写个帖子说明原因并给出解决方案，并且在mono-design编辑器中加了判断功能，同时链接到这里，不用等到发现一团黑时，才知道出问题。 好了，言归正传，开始分析问题：当发现3D展现是一团黑的时候，在控制台如果看到“Unable to get image data from ...
WebglSafariMONO Design 
TWaverGeek 评论(0) 有889人浏览 2014-05-06 10:18

基于HTML5的燃气3D培训仿真系统

最近上线了的基于HTML5的燃气3D培训仿真系统，以前的老系统是采用基于C++和OpenGL的OpenSceneGraph引擎设计的，OSG引擎性能和渲染效果各方面还是不错的，但因为这次新产品需求要求能运行多移动终端，多年前基于MFC封装OSG的老系统架构也实在该退休了，这年头找能维护MFC这种古董级GUI的靠谱人也非易事。 系统最终采用HT for Web的3D框架实现，项目中的程序员 ...
HTML5WebGL3D燃气仿真培训系统 
xhload3d 评论(1) 有2009人浏览 2014-04-28 00:41

从IE6到IE11上运行WebGL 3D遇到的各种坑

这篇《基于HTML5的电信网管3D机房监控应用》基于WebGL技术的应用让少同学对HTML5 3D的应用产生了兴趣和信心，但有不少网友私信询问WebGL如何运行在老 ...
WebGL3DIE11HightopoHT for Web 
xhload3d 评论(2) 有2441人浏览 2014-03-11 00:06

100行JS实现HTML5的3D贪吃蛇游戏

js1k.com收集了小于1k的javascript小例子，里面有很多很炫很酷的游戏和特效，今年规则又增加了新花样，传统的classic类型基础上又增加了WebGL类型，以及允许增加到2K的++类型，多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。 自己写不出来，站在巨人肩膀总是有机会吧，想起《基于HTML5的电信网管3D机房监控应用》这篇提到的threejs，baby ...
HTML53DWebGLJS游戏 
xhload3d 评论(1) 有1829人浏览 2014-03-06 01:54

3D拓扑自动布局之Node.js篇

上篇将3D弹力布局的算法运行在Web Workers后台，这篇我们将进一步折腾，将算法运行到真正的后台：Node.js，事先申明Node.js篇和Web Workers篇一样，在这个应用场景下并不能提高性能，纯粹为了折腾好玩，当然也不会白玩，人生就在折腾中，只有折腾才能真正成长。   核心实现代码和Web Workers篇基本一致，唯一区别在于前后台交互的方式上，worker通过postMe ...
3D拓扑自动布局Node.jsWebGL 
xhload3d 评论(0) 有1668人浏览 2014-02-20 15:50

基于HTML5技术的电力3D监控应用（二）

我们选用HTML5技术还是顶着很大压力，毕竟HTML5技术性能行不行，浏览器兼容性会不会有问题，这些在项目选型阶段还是充满疑惑，项目做到现在终于快收尾了我们才敢松口气，压力基本顶住了，我个人总结的经验是：HTML5性能肯定不是最高，但对企业应用足够高效，HTML5标准不可能所有浏览器都一致实现，但对于企业应用已经足够工作。选择正确的引擎框架，进行合理的设计才是关键，HTML5真的已经Ready！ ...
HTML53DWebGL电力机房 
xhload3d 评论(10) 有5047人浏览 2013-12-16 11:00

基于HTML5技术的电力3D监控应用（一）

最近参与了国网计量中心的四线一库自动化检定系统的项目开发，团队封闭开发了大半年终于快到尾声了，整个项目过程实在非常累，我的mentor杨杨老师是这样描述的：累的不想说话了。我估计是我太渴望新知识，整天不断问他问题把他搞烦了。 对我这种新人来说还是相当充实的，整个系统需要和硬件厂家对接采集硬件数据，需要和实时数据库厂家对接实时数据，需要和视频厂家对接视屏界面组件，还要和国家电网的业务专家请教业务知 ...
HTML53DWebGL电力机房 
xhload3d 评论(5) 有3669人浏览 2013-12-16 10:57

[译文]WebGL的一些概念

        本文不会是另一篇WebGL教程：优秀的教程已比比皆是（我们在文章的结尾处列出了一些）。         我们只打算向Web开发者这一目标受众介绍WebGL的一些概念，这基本上就是任何一般性的底层图像API（比如说OpenGL或Direct3D）的概念。         阅读全文...      
WebGL3D API 
mondayw 评论(0) 有1087人浏览 2013-12-04 20:20

一个基于WebGL的仿真3D水池有逼真的水波纹效果

最近在研究WebGL，看到国外很多高手做的很多超炫的3D效果，无比羡慕。忍不住把效果趴下来研究，下面介绍一个逼真的游泳池中浮动小球的效果。效果非常绚丽，功能强大。示例可切换观察水池的视角，不同视角考虑到了光线从不同角度折射和反射的影响，所以波纹效果极其逼真。 先介绍下WebGL WebGL是一种3D绘图标准，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过 ...
仿真WebGl水波纹3D游泳池 
ly1989124423 评论(0) 有2019人浏览 2013-10-15 12:45

使用two.js生成的卫星环绕动画效果

日期：2013-7-10  来源：GBin1.com two.js是一个帮助你实现绘图和动画效果的类库，同时支持三种前端绘图实现： webgl svg 2d画布 使用这个类库，可以方便的支持这三种不同的实现，你只需要设置参数：Two.Types.canvas, Two.Types.svg, or Two.Types.webgl 下面是使用two.js生成的一个动画效果： ht ...
分享canvasSVGwebgl 
tyygming 评论(0) 有1230人浏览 2013-07-10 12:03

WebGL中的线性代数知识

（欢迎访问：http://www.3body.tk/iblog/） 线性代数是数学中处理矢量和矩阵的一个分支。学习三维图形和WebGL的同学至少要对线性代数有基本的理解。下面 ...
webgl线性代数 
arest 评论(0) 有1354人浏览 2013-05-17 11:35

Webgl开发技巧汇总

1、限制最小值   var random = Math.random()*100; // 限制最小时间为3000ms var time = Math.max(3000,(random*40));   2、将HTML元素做为材质对象使用   var context = canvas.getContext('2d'); context.globalAlpha = 1; co ...
WebGLJavaScript 
lvmy 评论(0) 有1202人浏览 2013-04-23 09:28

WebGL中光照模型

一、目的        在场景内模拟出几道光源，这些光源本身不需要是可见的，但它们发出的光必须能够作用于3D物体的表面，让物体面对光源的那一 ...
光照反射WebGL 
gebinsdyz 评论(0) 有2864人浏览 2013-03-18 11:17

学习WebGL的各种资源、参考材料、教程、和精彩的创新演示

转自 BillL[Google] 谷歌开发者社区 ====>  很多学习WebGL的各种资源、参考材料、教程、和精彩的创新演示： 学什么、如何学：Stackoverflow上有人几句话的介绍：http://stackoverflow.com/questions/11966779/should-i-start-learning-webgl-or-use-three-js WebGL ...
webgl 
gebinsdyz 评论(0) 有2738人浏览 2013-03-15 17:01

ESSL着色器编程中内置的运算符与函数

-x  :          返回x向量的负值，表示与原向量方向相反的向量。 x+y:         计算向量x和向量y的和，x和y向量必须是同维度的。 x-y:          计算两个向量的差值，两个向量也必须是同维度的。 x*y:          如果x和y都是向量，那么该运算符进行的是逐分量的相乘计算；如果是矩阵相乘，那么该运算符会返回一个线性相乘（线性代数中正常的矩阵乘 ...
GLSLWebGL运算 
gebinsdyz 评论(0) 有5939人浏览 2013-03-14 17:05

WebGL

   WebGL       ----------  是一种3D绘图标准，允许javascript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个javascript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型，还能创建复杂的导航和数据视觉化   可用于创建具有复杂3D结构的网 ...
WebGL 
zhangyaochun 评论(0) 有1277人浏览 2013-01-23 11:18

WebGL学习随手记(一)

  Shader varying ： vs 的输出， fs 的输入（在光栅化时进行了图元内线性插值）。在 vs,fs 中的声明必须一致。 uniform ：应用程序通过通过OpenGL ES 2.0 API 传送给 shader 的只读变量 ;uniform 在 programobject 中是共享的，即一个 programobject 只有一组 uniforms 。如果 unif ...
WebGL 
gebinsdyz 评论(0) 有1302人浏览 2013-01-07 14:37

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics