2019年04月_sogooday

12月 11月 10月 09月 08月 07月 06月 04月 03月 02月

原创 webGl shader的学习记录(二)js 与(glsl语言) OpenGL ES之间如何进行交互？及其如何在js中对vertexShader与fragmentShader进行赋值

再上一个的章节之中我们知道，着色的书写分两个着色器（顶点着色器与片元着色器），从而结合成为一个可以使用的单独使用的着色器的程序。下面我们将会接触到的是，如何使用js 与(glsl语言) OpenGL ES之间进行交互。在了解两者之间如何通讯的时候，我们需要了解一些定义。这些定义出来的数据，可以是的glsl与js进行交互。attribute变量： attribute变量是只能在ver...

2019-04-30 17:10:19 1864 2

原创 webGl shader的学习记录(一) 在canvas的中心画出一个红点点图元

笔者也在学习如何写出shader下面是自己的想法希望对大家有用其实在webGl写shader的时候，我们可以分将整体分为几个部分第一部分是顶点着色器 1，建立顶点着色的相关代码， 2，创建顶点着色器，并将顶点着色器的代码，与创建的顶点着色器关联起来第二部分是片元着色器 1，建立片元着色的相关代码， 2，...

2019-04-30 16:57:08 524

转载 2019年前端学习内容

https://github.com/Tencent/omi/blob/master/assets/rm.md此图片来自于腾讯的，所有下面的框架是腾讯自己的框架

2019-04-28 16:15:28 211

原创 canvas的适配

笔者在做canvas的小游戏的时候发现了一个问题。就是canvas的适配了。琢磨了好久终于发现了一种方法。首先我们先确定canvas的内容在不同的设备上不会变形。然后我们确定下来坐标比值或者是分辨率比值。从而来确定你的定义好的坐标不会在不同的设备上不同。这样就完成了（这两个是指导思想）如果你按照下面还是适配没有成功我还有一招，但是下面是基础第一步：创建canvas之后...

2019-04-26 19:14:02 2824 3

翻译赛贝尔曲线工具

因为需要使用到赛贝尔曲线的相关工具。去做些特效或者路径什么的然后发现了一个工具同不错的就是赛贝尔曲线工具又因为感觉这个不错。于是我就....把他扒下来了。你们可以自行修改这个的相关参数调解canvas的宽与高活再右边添加不同选项。下载一个webStorm 那下面的复制粘贴一下你就可以使用了下面是代码此代码进过了自己的一些修改添加的。里面又有赛贝尔函数，也有使用说明。大家...

2019-04-24 11:06:51 866 3

原创 Phaser 构架的解析不断更新

假设你已经有了Phaser ，如果没有的话去github上面搜索一下，第一个就是首先说一下怎么去Phaser找自己想看到的相关的内容例如 game.load.image('imageKey', 'assets/sprites/phaser2.png'); 创建一张图片你想知内部怎写的可以打开Phaser文件之后搜索 Image = new Class 就可以找到相应的c...

2019-04-18 14:29:34 366

转载向量初始化单一化

/** * Normalize this Vector. 向量归一化 * * Makes the vector a unit length vector (magnitude of 1) in the same direction. * * @method Phaser.Math.Vector2#normalize * @s...

2019-04-18 14:24:37 641