自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

努力的V崽兽

美好的未来有光明的明天在等待

  • 博客(15)
  • 收藏
  • 关注

原创 【笔记】《WebGL编程指南》学习-第5章颜色与纹理(2-在矩形表面贴上图像))

目标:将一张图片贴在矩形上

2017-09-29 16:26:21 1346 1

原创 【笔记】《WebGL编程指南》学习-第5章颜色与纹理(2-彩色三角形)

我们将为三角形的每个顶点指定一个颜色,然后WebGL会自动在三角形表面产生颜色平滑过渡的效果。

2017-09-29 13:32:30 612

原创 【笔记】《WebGL编程指南》学习-第5章颜色与纹理(1-将非坐标传入顶点着色器))

目标: 三个不一样大小的点;三个颜色不一样的点;

2017-09-28 18:12:05 717

原创 【笔记】《WebGL编程指南》学习-第3章绘制和变换三角形(4-动画))

目标:按照恒定速度旋转的三角形。

2017-09-27 23:56:38 521

原创 【笔记】《WebGL编程指南》学习-第4章高级变换与动画基础(1-平移然后旋转))

目标:实现三角形的 先旋转再平移

2017-09-27 16:10:03 658

原创 【笔记】《WebGL编程指南》学习-第3章绘制和变换三角形(3-移动旋转缩放))

目标:对三角形进行平移、旋转、缩放

2017-09-26 02:03:46 891

原创 【笔记】《WebGL编程指南》学习-第3章绘制和变换三角形(2-你好三角形))

目标:绘制一个简单的二维图形:三角形利用三角形画一个矩形

2017-09-26 00:47:28 402 1

原创 【笔记】《WebGL编程指南》学习-第3章绘制和变换三角形(1-绘制多个点)

目标:绘制多个点组成的图形。本节的例子将会在屏幕上绘制三个红色小点。

2017-09-24 17:50:35 788

原创 【笔记】《WebGL编程指南》学习-第2章WebGL入门(6-改变点的颜色))

这一节的目标是,在上一节用鼠标点击画点的基础上增加改变颜色的功能,点的颜色取决于其位置。

2017-09-23 23:22:00 372

原创 【笔记】《WebGL编程指南》学习-第2章WebGL入门(5-通过鼠标点击画点)

这一节的目标:在鼠标点击的位置上绘制出点来运行结果:

2017-09-22 23:58:24 418

原创 【笔记】《WebGL编程指南》学习-第2章WebGL入门(4-画一个点-版本2))

这一节,我们要将顶点的位置坐标从JS传到着色器程序中,然后再对应位置上将点绘制出来。虽然结果一样,但用到的方法是可扩展的。

2017-09-22 21:07:37 463 1

原创 【笔记】《WebGL编程指南》学习-第2章WebGL入门(3-画一个点-版本1))

目标:绘制一个最简单的图形-点(位于原点(0.0,0.0,0.0)处,大小10像素)!

2017-09-19 23:10:23 758

原创 【笔记】《WebGL编程指南》学习-第2章WebGL入门(2-WebGL的HelloWorld)

今日目标:编写世界上最短的WebGL程序,HelloCanvas。

2017-09-19 15:31:47 1012 1

原创 【笔记】《WebGL编程指南》学习-第2章WebGL入门(1-用canvas画一个蓝色矩形)

这一章开始,就要按照书上教的来敲一敲代码了,要准备的很简单:编辑器(我用的是WebStorm)要下载一下这本书中的程序用到的库(书上的网址好像已经崩了,但网上还有,我当时就在csdn上下的,搜书名就搜的到)今天的目标:用canvas画一个蓝色矩形!

2017-09-18 14:49:55 1715

原创 【笔记】《WebGL编程指南》学习-第1章WebGL概述

WebGL概述WebGL,是一项用来在网页上绘制和渲染复杂三维图形,并允许用户与之进行交互的技术。从传统意义上来说,为了显示三维图形,开发者需要使用C或C++语言,辅以专门的计算机图形库,如OpenGL或Direct3D,来开发一个独立的应用程序。现在有了WebGL,我们只需要向已经熟悉的HTML和JS中添加一些额外的三围图形学的代码,就可以在网页上显示三维图形了。 WebGL是内嵌在浏

2017-09-17 21:16:37 681

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除