自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 webgl变换:深入图形缩放

前言关于图形的动画内容,之前已经分享完成了两篇,分别是webgl变换:深入图形平移和webgl变换:深入图形旋转。在以往的学习中,大家都会发现一个问题,没有基础的知识,即使能学会,也会忘的很快。所以在之前的文章中,不仅跟大家介绍了如何通过矩阵实现图形的平移和旋转,也详细的分析了如何通过数学知识推导得到想要的矩阵。也希望通过推导和矩阵的关联记忆,大家都可以将图形变换记忆和理解的更加深刻。今天我们来分享下最后一个变换内容:图形的缩放 ????闲言少叙,来看第一个内容。1.缩放矩阵1.1 得到各坐标

2021-04-08 15:55:23 278

原创 webgl变换:深入图形旋转

1. 前言图形的动画是由平移、旋转、和缩放三种基础的变换方式组成。之前的文章里,分享了下如何进行图形的平移。《webgl变换:深入图形平移》 ,文章中使用了两种方法来实现一个图形的平移操作,直接在着色器源代码里实现通过矩阵的方式实现。而且通过推导得出了平移矩阵(列主序)| 1 0 0 0 || 0 1 0 0 || 0 0 1 0 || Tx Ty Tz 1 |1.1 两种方式对比优点缺点源代码1.容易

2021-04-02 17:04:09 302

空空如也

空空如也

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

TA关注的人

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