类型化数组是JavaScript操作二进制数据的一个接口 这要从WebGL项目的诞生说起，所谓WebGL就是指浏览器与显卡之间的通信接口，为了满足JavaScript与显卡之间大量的、实时的数据交换，它们之间的数据通信必须是二进制的，而不能是传统的文本格式。比如，以文本格式传递一个32位整数，两端的 ...
分类：
编程语言 时间：
2017-08-08 10:49:54
阅读次数：
176
读书笔记 - js高级程序设计 - 第十三章 事件 具备绘图能力的2D上下文 及文本API 很多浏览器对WebGL的3D上下文支持还不够好 有时候即使浏览器支持，操作系统如果缺缺乏必要的绘图驱动程序，则浏览器即使支持了也没用 <canvas> var drawing = document.getEl ...
分类：
Web程序 时间：
2017-07-31 10:05:35
阅读次数：
218
http://spu.jd.com/1167757597.html http://product.dangdang.com/23484942.html 样章 http://download.csdn.net/download/hdzn0603/7421803 内容简单介绍 《HTML 5网页开发实例 ...
分类：
Web程序 时间：
2017-07-29 11:29:21
阅读次数：
184
<canvas>标签定义了一块画布，画布可以在网页中绘制2D和3D图象，现在先学习如何绘制2D图象，绘制3D图象属于WebGL的内容（也就是网页版的OpenGL，3D图形接口）。 属性 <canvas>只有width和height两个属性。如果没有设置width和height属性，canvas的默认 ...
分类：
其他好文 时间：
2017-07-25 19:53:48
阅读次数：
132
1.progressEvent 显示http进度 2.顶部进度条显示，scrollTop进度 3.canvas-three.js- webgl特效 4.添加一个html文件即可浏览 5.html标签分类 6.网易云音乐背景图特效，高斯模糊？ 7.1000项的长列表优化//百度指数、谷歌指数、gith ...
分类：
其他好文 时间：
2017-07-24 17:29:56
阅读次数：
178
在Fragment Shader里应用Phong Shading使得茶壶更逼真。即使是单一颜色的茶壶，只要光源的位置变化，或眼睛的位置变化，看到的茶壶的各个部分的颜色明暗是不一定一样的。所谓Phong Shading就是Phong这个人提出的一种决定每个像素颜色的方法。 总的来说，我们希望看到怎样的 ...
分类：
Web程序 时间：
2017-07-15 18:50:57
阅读次数：
172
3D应用的基础元素： 1、canvas，它是渲染场景的占位符。标准html的canvas元素 2、Objects，这里指的是组成一个场景的所有3d实体。这些实体都由三角形组成。webgl中使用Buffer（vertex、index）来存储管理这些3d实体数据。 3、Lights，如果没有光照3d场景... ...
分类：
Web程序 时间：
2017-07-15 17:58:11
阅读次数：
264
我想通过画一个茶壶，一步步的学习webgl。先画一个完全红的茶壶，在Fragment Shader里每一个像素都画成红的，这样画出来的物体没有立体感，但是我想尽快的现在屏幕上画出一些东西来。茶壶的数据是由网上找的半成品改的，放在TeaPotData.js里，是一个对象变量。 var teaPotDa ...
分类：
Web程序 时间：
2017-07-15 14:53:36
阅读次数：
344
前段时间连续上了一个月班，加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中，坑不少，做了一下总结分享。 1、法向量问题 法线是垂直于我们想要照亮的物体表面的向量。法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用。每一个顶点都有一个关联的法向量。 如果一个 ...
分类：
Web程序 时间：
2017-07-13 10:27:17
阅读次数：
218
前段时间连续上了一个月班，加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中，坑不少，做了一下总结分享。 1、法向量问题 法线是垂直于我们想要照亮的物体表面的向量。法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用。每一个顶点都有一个关联的法向量。 如果一个 ...
分类：
Web程序 时间：
2017-07-09 23:12:12
阅读次数：
1243
