本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
webGL——2
首先,我们有个名词:“渲染器”
渲染器是这样一些代码,在一个场景开始绘制之前,它能对场景的任何部分做任何处理。这的确十分有用,由于它运行在图形卡上,所以它能很快运行且能很便利地做各种变换。
渲染器运行在图形卡上获得WebGL系统,它把模型视图矩阵和投影矩阵应用到场景中,而不需要使用相对较慢的JavaScript来移动场景中的每一个点和每一个三角形顶点。这相当有用并且值得额外的 ...
webGL ——1
一回想,已经毕业两个月,来到中科软也快两个月了,业余时间学习webGL,个人感觉这个东西很有前途,分享给大家,也算是我的学习笔记吧!
下面把建立三角形和矩形的代码整理到这里:
/**
*初始化图形缓存区 缓冲区实际上是图形卡上的内存
*/
function initBuffers() {
triangleVertexPositionBuffer = gl.create ...
WebGL学习笔记(数学知识篇)
1、点乘
用于求两个向量的夹角
2、差乘
用于计算两个向量的法向量
3、齐次坐标系
在三纬空间内,Vecror即可以表示向量也可以表示空间内一点,为了区分点与向量,引入齐次坐标系,即Vector4(x,y,z,w)来表示空间内的点,W默认权重值为1
4、退化三角形(Degenerate Triangles)
退化三角形是指面积为零的三角形。满足下列条件之一的三角形 ...
WebGL——上下文创建和绘图缓冲区展现(翻译)
https://www.khronos.org/registry/webgl/specs/1.0/ 原文地址
2 Context Creation and Drawing Buffer Presentation
在使用WebGL API前,我们必须从给定的HTMLCanvasElement元素中获取WebGLRenderingContext对象,该对象是用于管理OpenGL的状态和绘 ...
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 ...
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(模型视 ...
HTML5 CSS3 脚本库总结
啥都不说了,具体的介绍及使用就去 Google 吧。我在这里就是列出一出以后可能会用到的脚本库:(重点不是这些库如何使用,而是知道有这些库)
3D 引擎
three.js
代码:
https://github.com/mrdoob/three.js
演示:
http://alteredqualia.com/three/examples/webgl_cars.html
http://alteredq ...
光线反射研究 in WebGL
这是一篇研究计算机图形学的文章。而webGL(几乎没用他的特性)只是一种工具。用canvas2D也能实现相同的功能。
本文记录了研究的体会,难免有错。欢迎有识之士一起讨论研究,不吝赐教。
先上效果图:
(一)向量篇
向量是计算机图形学中最基本的元素。一般由三个坐标组成vector(x, y, z)。他的基本运算有:加法(add),减法(subtract),数乘(m ...