上一篇我们介绍了WebGL程序是使用了HTML和JaveScript来创建和显示3D图形的。在HTML5中新加入了标签,它定义了网页上的绘图区域。如果没有WebGL,JavaScript只能在上绘制二维图形,有了WebGL,就可以在上面绘制三维图形了。换句话说,就是承载WebGL的容器。 在H...
分类:
其他好文 时间:
2014-12-22 22:42:14
阅读次数:
196
本系列是本人阅读、学习《WebGL编程指南》的读书笔记,主要目的是摘录、总结,以便对所学进行巩固,当中引用了原文的地方,我会用强调 标识。
分类:
Web程序 时间:
2014-12-22 21:06:31
阅读次数:
188
Material是材质对象的抽象基类,当创建材质时都从这个类继承.Material对象的功能函数采用定义构造的函数原型对象来实现.
简单的说就是物体看起来是什么质地。材质可以看成是材料和质感的结合。在渲染程式中,它是表面各可视属性的结合,
这些可视属性是指表面的色彩、纹理、光滑度、透明度、反射率、折射率、发光度等。...
分类:
Web程序 时间:
2014-12-22 16:22:15
阅读次数:
561
在线演示使用three.js生成的正方体选装3D效果。推荐使用chrome等现代浏览器观看(需要支持webGL)如果大家对three.js 3D类库比较敢兴趣,请访问以下课程库:Javascript 3D类库three.js基础入门介绍相关代码:var scene = new THREE.Scene...
分类:
Web程序 时间:
2014-12-20 23:20:18
阅读次数:
460
HTML5的Drag and Drop是很不错的功能,网上使用例子较多如 http://html5demos.com/drag ,但这些例子大部分没实际用途,本文将搞个有点使用价值的例子,通过Drag and Drop生成图片的Base64的字符串信息。
使用Base64方式的图片有诸多好处,可将多个图片信息整合到单个js文件避免多次http请求,可以避免WebGL例子跨域访问的安全限制无法本地文件运行等好处,当然弊端也不少例如不能有效利用浏览器图片缓存机制等。使用HT for Web的朋友会发现HT的例子...
分类:
Web程序 时间:
2014-12-19 01:56:32
阅读次数:
221
Recentlywe talked about Unity and WebGL. In that post we briefly spoke about how scripting works in WebGL, using new technology called “IL2CPP”. Howev...
分类:
编程语言 时间:
2014-12-16 00:59:42
阅读次数:
446
https://github.com/vicalloy/html5gamedev/blob/master/README.md游戏引擎名称许可协议流行度Github Watch关键特性备注PhaserMIT4000+TypeScript, 2D, WebGL使用Pixi.js作为图像引擎。功能完善,并...
分类:
Web程序 时间:
2014-12-09 00:29:14
阅读次数:
188
在 SVG 绘制区域中作图,在绘制直线和曲线时,常需要在某处添加箭头。本文介绍如何在 D3 中给直线和曲线添加箭头。 到目前为止,我们绘制 D3 的图表都是在 SVG 绘制区域内,虽然 D3 也可用 Canvas 或 WebGL 等作图,但 SVG 是最常用的。那么,用 D3 来绘制箭头,先要明白在 SVG 中是怎么绘制的。1. 在 SVG 中定义箭头的标识定义箭头的标识如下,先写一对 ,里面再...
分类:
Web程序 时间:
2014-12-08 21:28:52
阅读次数:
301
nbcoder.com地址:http://nbcoders.com/webgl-chu-xue-xi-lie-zhi-wu-ai.html
最近把WebGL做的相关Demo已经放在 http://www.nbcoders.com 上了,这样就可以直观的进行看效果。
地址: http://lab.nbcoders.com/ixshells/
本文旋转平移缩放...
分类:
Web程序 时间:
2014-12-06 16:52:43
阅读次数:
256
Light是场景中由灯光对象的抽象基类,通过原型的方式继承自Object3D,在WebGL的三维空间中,存在点光源PointLight和聚光灯SpotLight两种类型,还有作为点光源的一种特例,
平行光DirectionLight,和环境光AmbientLight.在3D场景中,基本上是这几种光源的组合,创建各种各样的效果.
Light
颜色值
<returns type...
分类:
Web程序 时间:
2014-12-06 15:29:04
阅读次数:
201