最新文章列表

WebGL学习之路

  最近开始学习WebGL,这是一个阶段小结,发上来和大家交流一下。有些地方用英文,因为有些词不好翻译。     WebGL对于我来说相对陌生,相信很多JAVA开发者也是,陌生会产生两样东西:好奇和恐惧。下面便来战胜恐惧满足好奇,说得有些凌乱,看不明白就请直接跳过。     谈一些基本概念   What is WebGL? 3D in the browser.   上面的话可谓言简意 ...
lingceng 评论(0) 有1331人浏览 2012-11-23 15:42

webGL——2

    首先,我们有个名词:“渲染器”     渲染器是这样一些代码,在一个场景开始绘制之前,它能对场景的任何部分做任何处理。这的确十分有用,由于它运行在图形卡上,所以它能很快运行且能很便利地做各种变换。     渲染器运行在图形卡上获得WebGL系统,它把模型视图矩阵和投影矩阵应用到场景中,而不需要使用相对较慢的JavaScript来移动场景中的每一个点和每一个三角形顶点。这相当有用并且值得额外的 ...
ZhangZemin007 评论(0) 有1343人浏览 2012-09-11 00:24

webGL ——1

一回想,已经毕业两个月,来到中科软也快两个月了,业余时间学习webGL,个人感觉这个东西很有前途,分享给大家,也算是我的学习笔记吧! 下面把建立三角形和矩形的代码整理到这里: /** *初始化图形缓存区  缓冲区实际上是图形卡上的内存 */     function initBuffers() {         triangleVertexPositionBuffer = gl.create ...
ZhangZemin007 评论(0) 有1475人浏览 2012-09-09 23:15

WebGL学习笔记(数学知识篇)

1、点乘 用于求两个向量的夹角   2、差乘 用于计算两个向量的法向量   3、齐次坐标系 在三纬空间内,Vecror即可以表示向量也可以表示空间内一点,为了区分点与向量,引入齐次坐标系,即Vector4(x,y,z,w)来表示空间内的点,W默认权重值为1   4、退化三角形(Degenerate Triangles) 退化三角形是指面积为零的三角形。满足下列条件之一的三角形 ...
lvmy 评论(0) 有1979人浏览 2012-08-23 09:39

WebGL学习笔记(基础知识篇)

  WEBGL基础知识介绍 1、场景(scene) 场景如其名,即显示3D空间内物体的容器,就好比一个箱子是一个3D场景。   2、坐标系: webgl使用笛卡尔坐标系(宽度、高度和深度),我们也可以指定使用其它坐标系统。 WEBGL与过去我所使用的flash3D坐标系有一些区别,在flash3d中,屏幕的左上角为坐标系原点,向下为Y轴正方向,向右为X轴正方向,而在webgl中,屏 ...
lvmy 评论(0) 有6121人浏览 2012-08-22 19:28

WebGL——上下文创建和绘图缓冲区展现(翻译)

  https://www.khronos.org/registry/webgl/specs/1.0/ 原文地址 2 Context Creation and Drawing Buffer Presentation     在使用WebGL API前,我们必须从给定的HTMLCanvasElement元素中获取WebGLRenderingContext对象,该对象是用于管理OpenGL的状态和绘 ...
wxb880114 评论(0) 有4680人浏览 2012-07-28 17:04

WebGL——简介(翻译)

https://www.khronos.org/registry/webgl/specs/1.0/——原文地址 1 Introduction    WebGL是为Web设计的一套即时模式的3D渲染API。它源自于OpenGL@ES2.0,也提供类似于OpenGL ES2.0的渲染功能。不同点是WebGL运行在HTML上下文中。 WebGL作为渲染上下文被设计为一个HTML的Canvas元素。Can ...
wxb880114 评论(0) 有1192人浏览 2012-07-28 15:29

webGL第一课总结

1.顶点vertex shader和fragment shader,代码放在HTML的<script>标签中,使用类型:x-shader/x-vertex和x-shader/x-fragment; 2.在initGL函数中初始化webGL上下文; 3.使用getShader和initShaders函数将着色器载入到webGL的program对象中; 4.定义mvMatrix(模型视 ...
sai_ruby 评论(0) 有1223人浏览 2012-04-27 15:04

HTML5 CSS3 脚本库总结

啥都不说了,具体的介绍及使用就去 Google 吧。我在这里就是列出一出以后可能会用到的脚本库:(重点不是这些库如何使用,而是知道有这些库) 3D 引擎 three.js 代码: https://github.com/mrdoob/three.js 演示: http://alteredqualia.com/three/examples/webgl_cars.html http://alteredq ...
yhz61010 评论(0) 有1944人浏览 2012-04-06 15:32

光线反射研究 in WebGL

这是一篇研究计算机图形学的文章。而webGL(几乎没用他的特性)只是一种工具。用canvas2D也能实现相同的功能。 本文记录了研究的体会,难免有错。欢迎有识之士一起讨论研究,不吝赐教。   先上效果图:     (一)向量篇   向量是计算机图形学中最基本的元素。一般由三个坐标组成vector(x, y, z)。他的基本运算有:加法(add),减法(subtract),数乘(m ...
rainsilence 评论(0) 有2016人浏览 2012-01-18 01:15

最近博客热门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