
WebGL
文章平均质量分 93
hushhw
这个作者很懒,什么都没留下…
展开
-
《WebGL编程指南》学习笔记——3.在Canvas中使用WebGL
《WebGL编程指南》学习笔记——2.在Canvas中使用WebGL上一节学习了使用< canvas >元素绘制二维图形,这一节里面我们在< canvas >中使用WebGLWebGL编程指南学习笔记2在Canvas中使用WebGLHelloCanvashtmlHelloCanvasjs下小节我们正式开始学习如何在< canvas >中使用WebGL这一小节中我们通过个实例来讲解在< canva原创 2017-12-19 11:38:28 · 1142 阅读 · 0 评论 -
《WebGL编程指南》学习笔记——4.绘制一个点
《WebGL编程指南》学习笔记——4.绘制一个点之前,我们学习了如何建立一个WebGL程序,如何使用一些简单的WebGL相关函数。这一节,我们进一步在一个示例程序中绘制一个最简单的图形:一个点。这一小节中我们要弄懂一个重要的概念:着色器。WebGL编程指南学习笔记4绘制一个点HelloPoint1html着色器顶点着色器 Vertex shader 片元着色器Fragment shader原创 2017-12-24 16:37:25 · 1536 阅读 · 0 评论 -
《WebGL编程指南》学习笔记——1.WebGL概述
《WebGL编程指南》学习笔记——1.WebGL概述此系列用来记录我学习《WebGL编程指南》这本书后的心得,重点内容和总结WebGL编程指南学习笔WebGL是一项用来在网页上绘制和渲染复杂三维图形(3D图形),并允许用户与之交互的技术。随着个人计算机和浏览器的性能越来越强,我们能够在Web上创建越来越精美、越来越复杂的3D图形原创 2017-12-16 14:12:23 · 3802 阅读 · 0 评论 -
《WebGL编程指南》学习笔记——2.使用< canvas >元素
上一节初步认识了WebGL,这一小节我们来开始学习使用< canvas >元素绘制二维图形认识 canvas 标签使用 canvas 标签HelloCanvas2d实例获取 canvas 元素通过元素来获取二维图形的绘图上下文绘制二维图形下小节我们正式开始学习如何在< canvas >中使用WebGLWebGL采用HTML5中新引入的元素,它定义了网页上的绘图区域,如果没有WebGL,原创 2017-12-16 20:42:03 · 740 阅读 · 0 评论