一、前言 最近重感冒发烧，妈蛋好难受，请假了3天，驾校也没去，简直僵硬！今天继续WebGL的学习。 二、正文 A. GLSL支持两种数据值类型： B. [] 运算符 []运算符通过数组下标来访问矢量或矩阵的元素，例： float m23 = m4[1][2]; m4的第2列中的第3个元素 C. 变量 ...
分类：
Web程序 时间：
2017-10-28 19:49:15
阅读次数：
164
WebGL绘制窗口 <html><head><title>OpenGL Test</title> </head><body><canvas id="myCanvas"></canvas><p>test</p><script type="text/javascript"> onload = funct ...
分类：
Web程序 时间：
2017-10-26 13:25:25
阅读次数：
207
以前用原生JS写的场景+第一人称漫游模式+碰撞测试那代码量是真的庞大，这次我想要用HT for Web来写一个轻量的场景小游戏，而且3D 2D都能玩，才200行，真的是太轻松了~还有通过监控属性的变化来操作也是一个很方便的功能，我相信没有几个人能轻量，快速地开发出场景小游戏的，而且浏览器操作还很流畅... ...
分类：
Web程序 时间：
2017-10-25 11:25:19
阅读次数：
355
一、前言 终于到了第五章了，貌似开始越来越复杂了。 二、正文 Example1：使用一个缓冲区去赋值多个顶点数据（包含坐标及点大小） Example2：使用varying变量从顶点着色器传输颜色信息给片元着色器 Example3：纹理（将图片的纹理赋给webgl对象） 三、结尾 以上代码均来自《We ...
分类：
Web程序 时间：
2017-10-23 21:47:42
阅读次数：
332
一、前言 今天继续第四章的学习内容，开始学习复合变换的知识。 二、正文 Example1: 复合变换 在书中，作者为我们封装了一套用于变换的矩阵对象：Matrix4对象。它包含以下几种方法： Example2: 动画 requestAnimationFrame(func): 请求浏览器在将来某时刻回 ...
分类：
Web程序 时间：
2017-10-22 17:38:53
阅读次数：
321
Babylon.GUI是一个基于Babylon.js的WebGL库，可以用来在WebGL3D场景中生成交互性UI与动态纹理。相比于html ui，Babylon.GUI的功能较为简化，但使用起来也更加简单，并且具备一些适用于3D编程的独有特性。如果你正寻找一款适用于h53d场景的ui库，这也许正是你... ...
分类：
其他好文 时间：
2017-10-20 14:35:19
阅读次数：
3905
unity3d做游戏和3d固然很好，但是对于绝大多数非游戏开发人员有点过重了，我在这里用了HT for Web写了不到400行的代码实现了3d分层，运动以及obj文件操作。而且是用的JavaScript来实现的，这样我们前端开发人员也能不用学习各种3d开发软件就能实现超级叼的效果！ ...
分类：
Web程序 时间：
2017-10-17 15:40:58
阅读次数：
319
用户通过浏览器即可递交数据到同一个地理信息系统中，操作简单，跨平台 ，无插件，可扩展，高效共享 ，完美匹配超大数据量发布！ 近年来，随着计算机图形学、虚拟现实、卫星遥感、航空摄影、激光雷达等技术的迅猛发展， 许多行业陆续建立了真三维 GIS 系统。然而由于真三维数据量较大，网络发布与传输能力有限，一 ...
分类：
Web程序 时间：
2017-10-16 19:27:20
阅读次数：
194
概述对应网站为http://www.cs.unm.edu/~angel/；该网站可以得到源码code； 使用注意事项：当js文件包含下列代码时 <script type="text/javascript" src="../Common/webgl-utils.js"></script><script ...
分类：
Web程序 时间：
2017-10-08 22:26:31
阅读次数：
289
一、引言 自学two.js第三方绘图工具库，认识到这是一个非常强大的类似转换器的工具，提供一套固定的接口，可用在各种技术下，包括：Canvas、Svg、WebGL，极大的简化了应用的开发。这里，我使用two.js手册里教的一些方法，做一个小练习，模拟绘制太阳-月亮-地球自转公转的类银河系转动的动画效 ...
分类：
Web程序 时间：
2017-10-03 17:23:52
阅读次数：
296
