
WebGL
Aertims
分享即学习
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
LayaBox2D使用自定义Shader的方法
-前言-之前也写过一篇关于Laya2D自定义Shader的博客。不过那篇博客局限性太大,是完全独立于Laya框架下独自更新的。不能通过Laya的添加层级关系,设置坐标等。所以这次Shader方案是基于Laya的运行框架下的。-正文-Laya框架简述在开始说具体方案时,还是先来了解下Laya框架的运行规则。Laya框架下分为3块:用户逻辑层,这一层逻辑是我们自己写游戏的逻辑层,基于Ti...原创 2020-01-07 13:49:00 · 4095 阅读 · 4 评论 -
LayaBox引擎源码阅读笔记(三、WebGL学习(1))
在阅读laya.webgl.js中的源代码的时候,先来重温下webgl编程方面的知识。以下内容均为我个人对学习的一个总结,不能完全正确,只是我对于知识的一个理解,如果哪天我发现我理解错了,我会尽快回来修改。什么是WebGL 在我来看WebGL是对于canvas的一次升级,它们两者都是一个绘图指令集,但是WebGL功能更加强大,并且生来就是为了更好的支持3D在Web上而开发的,因为存在...原创 2019-06-25 15:16:29 · 3172 阅读 · 0 评论 -
LayaBox2.0使用自定义Shader(WebGL)踩坑系列
-前言-因为工作需要,要在游戏中自定义Shader,去翻论坛的时候发现2.0已经没有官方支持自定义Shader了。只好研究研究自定义Shader如何实现。这个方法会涉及修改laya.core.js中源代码。如果对Laya2D渲染感兴趣的也可以去看看具体实现。之前关于阅读Laya源代码的文章提到过,Laya核心帧循环逻辑在Render中的render函数。我们的自定义Shader就要跟l...原创 2019-09-04 01:17:56 · 8178 阅读 · 5 评论 -
LayaBox引擎源码阅读笔记(四、文本渲染原理相关)
-前言-在此之前不是很清楚一般H5引擎是如何实现文本渲染的,正好LayaBox源码就放在那里,不如一起来研究研究是如何实现的。-正文-首先文本有两种设置内容的方式,第一种是调用changeText,第二种是直接赋值text属性。他们在渲染层面是存在一定差异的,这个放在最后来说。我们先来讨论一般的text属性是如何渲染的。Text在Laya中的渲染类型在Laya中每个被渲染到Ca...原创 2019-09-19 17:10:24 · 1632 阅读 · 0 评论 -
LayaBox引擎源码阅读笔记(五、从图集加载到纹理的使用理解)
-前言-在H5游戏上实现的纹理图像数据源都是Image对象。我们在正常游戏开发的时候,是无需关系图集的打包过程及Laya是如何解析图集的。只有闲得慌才会去看吧~-正文-图集打包过程Laya是按照文件夹进行图集打包的,每次我们在发布资源的时候就会打包图集。我们只需要按照使用情况分类好文件夹即可。图集加载过程在Laya中所有加载都通过统一接口进行加载。Laya.loade...原创 2019-09-21 20:09:43 · 1478 阅读 · 0 评论