本专栏所有文章示例代码均可在我的gitee码云上获取,读者可自行下载:https://gitee.com/babyogl/learnWebGL;本文demo代码在chapter-03下的draw-word-02.html,读者可以自行下载查看;
上一节我们用WebGL绘制了一些简单的汉字:原生webgl学习(六) WebGL写简单的汉字;以此为基础,我们再实现多个汉字的复制和呈现,并控制它们的平移、缩放和旋转变换;本节的代码和上一节课差不多,在这里只讲述改变的部分;这一节,矩阵运算我们不再引用m3.js这个文件,我们可以自己动手写简单的矩阵运算,自己构建3*3矩阵的一些运算:
let m3 = {
//单位矩阵
identity: function() {
return [
1, 0, 0,
0, 1, 0,
0, 0, 1
]
},
//平移矩阵
translation: function(tx, ty) {
return [
1, 0, 0,
0, 1, 0,
tx, ty, 1
]