- 博客(6)
- 收藏
- 关注
RSS订阅原创 WebGL 图形变换理论篇
齐次坐标简介说到图形的几何变换，就离不开“齐次坐标”这个神奇的东西，所谓“齐次坐标”，就是将一个原本n维的向量用一个n+1维的向量来表示。比如向量：(x1,x2,...,xn)(x_1, x_2, ..., x_n)(x1,x2,...,xn) 的齐次坐标可表示为： (hx1,hx2,...,hxn,h)(hx_1, hx_2, ..., hx_n, h)(hx1,hx2,...,hxn,h)。其中h是一个实数。显然一个向量的齐次坐标的表示是不唯一的，齐次坐标中的h取不同的值都表示的是同一
2020-08-30 13:32:59
198
原创 WebGL 变量的内插过程
上一篇文章中讲了在WebGL中使用齐次坐标对三角形进行变换，目前也可以通过gl.drawArrays方法绘制更加复杂的图形，这次让我们更进一步，给你的“女神”挑选一件漂亮的衣服吧????挑选衣服之前，先让我们回归到最初的那三个点。????又回到最初的起点还记不记得这熟悉的三个点？在绘制三个点的例子中，我们在顶点着色器中使用了gl_PointSize=10.0这种方式将每个点的大小设置为10像素。但是如果我们想要3个大小不同的点呢？我们需要在顶点着色器中分别定义3个attribute变量接收不同的点的s
2020-08-27 20:00:35
430
原创 WebGL 这个三角形，像极了我的前半生！
前言上篇文章把你和 WebGL拉近了一个点的距离，或许你对 WebGL更有兴趣了????亦或许你既然都和“女神”搭上话了，为什么不再进一步发展却知难而退呢（像不像追求爱情时的你????）？迎难而上才能获取“女神”的芳心????当技术的“舔狗”，舔到最后应有尽有。有人说WebGL门槛高，望而却步????使用ThreeJS或D3难道门槛不高吗？不是不高，而是还没遇到棘手的问题，遇到问题最终还是要回到其本质来解决。话说回来，现在就只离“女神”近了一点，切勿高兴太早，这次让我们通过基本图形三角形了解一下
2020-08-09 12:32:50
283
原创 WebGL 你距离WebGL只差一点！
你距离了解 WebGL 只差一点：这次，我会通过绘制一个点，带领大家走进WebGL的世界！并且不会涉及 D3 / ThreeJS 等 WebGL 库，就用原生的WebGL API绘制一个点！????前言首先，WebGL并不是一门语言，它是一个标准，它是在OpenGL ES的基础上所建立的一套适用于浏览器的图形学标准；而OpenGL ES则是OpenGL的一个特殊版本（套娃警告????），ES版本被广泛的应用于手机、家用游戏机等设备。想了解更多关于WebGL标准内容的小伙伴可以进入Khronos Gr
2020-07-30 21:36:29
284
原创 我与富文本编辑器的恩怨情仇
目录我与富文本编辑器的恩怨情仇前言前戏：快速搭个富文本编辑器依赖npm jiǒ 本欢迎 Quill 登场身子热乎了，来撸起袖子干知己知彼开始心心念的事情首先将编辑器的字体改一下再给编辑器添加个分割线功能处理图片处理粘贴内容获取 Delta处理`Delta`踩过的坑1. 保留Word格式分割线有序/无序列表2. 转义3. 判断内容是否相等事后我与富文本编辑器的恩怨情仇前言 入职后的第一个项目就涉及富文本编辑器，接手时编辑器功能已开发的比较完善，我则是站在“前人的肩膀上前行”。此篇内容意在分享如何搭建
2020-07-27 20:20:11
475
原创 腾讯2018暑期前端实习生面试问题（面向2019毕业生）
收到腾讯的面试短信之后，心里很激动，随即就着手开始准备面试（对于笔试我就不赘述，要准备笔试的同学可以到牛客或者赛码进行练习）。从网上搜了很多面试的题目，复习的范围很广，但是也很杂。感觉这样的效率的确是有一些低。 接下来我会说一下我的面试题目，以及对面试题目进行一个总结。由于面试时间是早上9点，所以我6点就起了床收拾一番之后就去面试地点，去的路上和面试完整个人的脑袋都是蒙的。有些面试的...
2018-04-12 16:31:52
5001
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人