Laya中的Image、Texture、WebGLImage】的更多相关文章

因为我之前是用Egret的,Egret是场景皮肤HomeSceneSkin.exml,然后在场景代码HomeScene代码中为该场景赋值皮肤this.skinName = "HomeSceneSkin". 就可以UI和代码结合使用. 在Laya教程中没找着UI和代码如何使用,萌新啊. 一.新建一个页面HomeScene.ui 在UI编辑中创建一个页面类型为View的界面 创建了一个主页HomeScene场景,并拖动了一个Button组件到场景中,ID和label设置为“Test&quo…
Laya 缩放功能的实现 在 laya 中实现滚轮对选中对象的缩放,涉及到以下两个模块: 事件 容器坐标 1. 事件 在 Laya 中, Event 是事件类型的集合.包含了常见的鼠标事件.键盘事件. 1.1 事件的触发   触发一个事件,需要设置一个事件接收区域. 如若未明确指定事件,事件触发默认是冒泡模式.从子节点开始依次向父节点查询,直到找到绑定了指定事件的容器后结束. 在对容器进行绑定时有下面两种方式: 方法一:根据事件对象获取(不推荐使用) mySprit.on(Laya.Event.…
1.点击Terrain中的Paint Texture按钮2.将按钮下面的下拉菜单选择paint texture3.点击Edit Terrain Layers按钮T4.点击弹出菜单的Create Layer5.选择好后点击Terrain Layers中的素材图片即可使用画笔…
Image Image是Laya的一个UI组件,继承自Component. Image.bitmap属性,是AutoBitmap类型:AutoBitmap继承自Graphics,负责处理图片九宫格逻辑.AutoBitmap与Bitmap没有继承关系. AutoBitmap.source 是Texture类型,是Image.skin对应的图片. Image.source指向的就是AutoBitmap.source,类型为Texture. Texture Texture 是Laya对图片类型的封装,…
Texture是保存在GPU缓冲中的一张纹理.是由一张图片创建获得的. SpriteFrame是Texture+Rect,根据一张纹理材质来剪切获得. SpriteFrame是Texture+Rect,过程是这样的, Texture是通过指定图片得到的, 然后,指定用这个Texture指定具体的Rect就是SpriteFrame, SpriteFrame就是用户可以看到的CCSprite. 总而言之,我目前的理解就是本来图片不是一个节点,本身图片就是一张纹理Texture,然后拖进去之后系统会为…
拼图的空隙. Egret也有拼图的空隙.比如制作飞机游戏,背景拼接轮换着下移,有明显的缝隙.用TextureMerger可以解决. 看了下Laya.可以设置repeat. 编辑模式,图片上右键,设置默认属性,图片类型…
关于Laya自动图集 Laya会把size小于512*512的图片打入自动大图集中.如果图片被打入自动图集中,图片的内存就交由Laya自动处理,开发者不能手动删除. Laya最多生成6张2048*2048的自动图集,3D为2张.可以通过AtlasResourceManager.maxTextureCount设置. 如果不想将图片打图自动图集有三种方法: 取到图片的texture,关闭合并到图集的开关: let texture = Laya.loader.getRes(url) texture.b…
+BIT祝威+悄悄在此留下版了个权的信息说: CSharpGL(29)初步封装Texture和Framebuffer +BIT祝威+悄悄在此留下版了个权的信息说: Texture和Framebuffer Texture和Framebuffer是OpenGL进行3D渲染高级效果必不可少的利器.有了Texture和Framebuffer就可以实现体渲染(Volume Rendering)等效果.现在到了对Texture和Framebuffer的创建.修改.使用进行封装的时候. +BIT祝威+悄悄在此…
Texture也是WebGL中重要的概念,使用起来也很简单.但有句话叫大道至简,如果真的想要用好纹理,里面的水其实也是很深的.下面我们来一探究竟. 下面是WebGL中创建一个纹理的最简过程: var canvas = document.getElementById("canvas"); var gl = canvas.getContext("webgl"); // 创建纹理句柄 var texture = gl.createTexture(); // 填充纹理内容…
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,“熟读唐诗三百首,不会作诗也会吟”. 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教. 约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红色的文字显示.…