laya_laya image slice - CSDN
  • 利用Layabox1.0 开发的3D微信小游戏案例,从Unity导出场景到在Layabox里应用,再到开发,本课程适合想入门微信3d小游戏的开发者。 注:只提供美术资源,不提供源代码,源代码需另购买。 源代码地址:...
  • 通过本课程的学习,可以让初学者更清楚的了解laya的基础知识,为以后的游戏开发奠定良好的知识储备。
  • 本课程主要是2D游戏开发《乖宝逃亡》,使用的引擎是laya,版本是2.2.0. 通过本课程的学习能让初学者更快的使用laya引擎制作2d小游戏
  • laya小游戏2048合成

    2020-03-30 10:56:15
    通过该课程可以快速上手2d小游戏的制作。了解layabox的使用,该游戏使用的语言是TS,laya版本是2.4.0
  • 相关网盘免费资源下载... 1.如果使用typescript那么首先要安装node.js 然后如下,安装typescript的环境: 2.typescript与C# 编写模式相同完全使用类来进行 ...5.回调方法(函数指针)必须由laya.h...

    相关网盘免费资源下载...

    1.    如果使用typescript那么首先要安装node.js

    然后如下,安装typescript的环境:

     2.    typescript与C# 编写模式相同完全使用类来进行

     

    3.    所有能现实的控件都派生自sprite,都是精灵

    4.    控件默认的锚点(中心)是左上角点  

    5.    回调方法(函数指针)必须由laya.handler.create—>来进行创建

     

    6.    页面发布后的,被打包成图集à设计与开发分离!

     

    7.    F5可以刷新项目,包括删除资源后进行刷新等

    8.    自动动画模式,要勾选“动画编辑模式”

     

    9.    页面设计修改完,以后一定要发布,然后才能把页面的控件变化反应到页面源码中,

    10.  页面的图集加载完毕后,就可以显示相应的页面

     

    11.  加载资源的两种方式:

     

    *****************************登录界面*************************** 

    1.    页面设计与 页面加载的流程:

     

    2.    入口页面的js文件的放置顺序,  layaUi.max.all.js一般放置在最上面,因为其他页面的js文件会使用到其中的类,!

     

    3,对话框直接使用this.close 方法关闭

     

    4.在C#中,override和new都会覆盖父类中的方法。那它们两者之前有什么区别呢?

    ·        override是指“覆盖”,是指子类覆盖了父类的方法。子类的对象无法再访问父类中的该方法。

    ·        new是指“隐藏”,是指子类隐藏了父类的方法,当然,通过一定的转换,可以在子类的对象中访问父类的方法。

     

    5.runtime属性的应用:可以对原生的类的功能进行扩展

     

    6.关闭当前dialog是用this.close( )

    7.多组的皮肤命名方式:

     

     

    8.list用var命名,用以在后期绑定数据源泉,而其中每项的子控件的用name来命名,

    侦听回调的参数设置(设为false为执行多次!)

     

    12. 设计模式下的资源要放在  Asset中,  编码模式(运行模式)下资源可以直接放置在Bin下(与界面编辑无关)

    13.单选组checkGroup的selectHander属性的使用

     

    13. 资源添加看不到,可以使用F5进行刷新

     

     

    14. 如果一个容器中的子控件要按照索引要进行操作,每个控件要按Item0..item1..来进行命名:

     

    15.  添加库文件的步骤:

     

    ******************unity3D导入到laya中******************

    1.    Uinity3D For laya的导出插件:

     

    2.    Unity模型导入到laya中的路径

    3.    添加相机移动组件给相机:

     

    相关网盘免费资源下载...

     

    展开全文
  • Laya

    2019-08-13 11:48:00
    官网:http://ldc.layabox.com/ 官方视频教程:http://layabox.ke.qq.com/ ... LayaAir功能介绍 LayaAir引擎主要包括 引擎库与LayaAir IDE两大核心部分 ...LayaCloud与LayaNative是引擎的生态组合部分 ...L...

    官网: http://ldc.layabox.com/

    官方视频教程: http://layabox.ke.qq.com/

    文档: https://ldc2.layabox.com/doc/?nav=zh-ts-1-0-2

    LayaAir功能介绍

    LayaAir引擎主要包括 引擎库与LayaAir IDE两大核心部分

    LayaCloud与LayaNative是引擎的生态组合部分

    LayaAir2.0引擎库功能

    LayaAir2.0引擎不仅保持了1.0的原有功能,比如:

    精灵、矢量图、文本、富文本、位图字体、动画、骨骼、音频与视频、滤镜、事件、加载、缓动、时间、网络、UI系统、物理系统、TiledMap、prtocol等API;

    还新增内置了box2d物理引擎、组件化支持,以及150多款3D功能,比如:

    新增的主要官方材质包括PBRStandardMaterial、PBRSpecularMaterial以及UnlitMaterial材质等。

    纹理方面,增加多种纹理参数配置(mipmap、format、wrapModeU、wrapModeV、filterMode、anisoLevel), 增加纹理上传像素接口, GPU纹理压缩。

    动画方面,新增Animator动画融合功能crossFade,新增动画多层混合播放,动画更新机制调整为实时插值,大幅减少内存和动画流畅度表现,新增多种材质属性动画

    支持开发2D、3D、VR的产品研发,支持Canvas与WebGL模式,支持同时发布为HTML5、Flash、APP(IOS、安卓)微信小游戏,QQ玩一玩多种版本。

    2. 基础篇

    2.1 我得第一个程序:

    <1. 运行后黑屏,修改.laya目录下的compile.js 文件,修改启动类为HelloLayabox.ts

    <2. 找不到库时,先看看有没有错误,再重新打开写。

    2.2 显示列表

    ​ 显示对象在舞台上显示之前,还需要有一个过程,那就是先添加到显示列表中。显示列表的作用就是将显示对象进行数据索引,用于层级的显示顺序(后添加的在最上层显示),然后在舞台上显示。

    2.3 文本

    通过laya.display.Text类添加文本,给文本设置字体样式、颜色、大小等。

    视频: 熟悉IDE的通用导航与菜单功能:

    UI组件可视化编辑:

    Text,界面输入后要使用回车键。

    界面主要有三块:

    <1. 工程面板

    ---自带的东西默认是隐藏的

    ---可以给资源(eg:图片)可以设置默认全局属性)是一种设置预设的方式。

    <1. 层级面板

    场景中物体的层级顺序等

    可以锁定

    <2. 预览面板

    <3. 组件面板

    F9: 打开项目设置

    创建容器:把多个物件锁在一起。

    滤镜效果虽好,但是尽可能地不要用,滤镜不继承组件,滤镜不是组件

    动态文本/静态文本  动态时候使用FillText,而Text是每次都是提交这么,不断创建大量的图集去提交

    动态重复字文字共享,静态则超过阈值就创建的. 一个是一个字一个字的提交,一个是整个文本的提交。

    UI组件库:

    1. 基础组件:

    2. 容器组件:多张图组合

    Dialog  : 弹窗

    View :需要相对布局时 ,必须是UI组件,否则可以转换成UI组件,image   

    sence:不需要相对布局时 

    节点与非节点  继承与非继承

     

    穿透:https://ke.qq.com/course/391284?taid=3649876093433972

    button:默认是接收鼠标点击事件的,但是Image默认是不用点击事件的 。

    Image需要时需要改为true,如下图:即遮挡住了

    而,下图设置成false,则时是按照宽高来遮挡的,不是按照显示图形形状来的。负责区域修正,不是负责穿透

    下图为true,则优先检测父对象。

    注意:下图两个矢量图,则在两个图形中间也会视为整体

    学习TS语言的网址:  www.tslang.cn   翻译的类的官网

     

    展开全文
  • Laya2.0学习

    2019-07-03 15:44:55
    一、引擎的四种发布模式 内嵌模式:内嵌模式会把编辑器的UI内容生成一个场景类代码文件,代码脚本里包含IDE创建的UI场景的信息,在小游戏和轻游戏还没有问世的时候,不用考虑js 的大小,正常开发h5最常用的选择,...

    一、引擎的四种发布模式

    内嵌模式:内嵌模式会把编辑器的UI内容生成一个场景类代码文件,代码脚本里包含IDE创建的UI场景的信息,在小游戏和轻游戏还没有问世的时候,不用考虑js 的大小,正常开发h5最常用的选择,而且不涉及异步加载打开页面速度也最快。

    加载模式: 加载模式也会生成场景类,其他的UI数据信息会放到一个ui.json内,使用时需要加载这个json,同样在没有小游戏的时代不常用,场景信息可以不在js中,可以节省js包体大小,给小游戏4m包节省更多空间。使用时可以作为资源加载。

    分离模式: 分离模式是在加载模式基础上,同样也会生成场景类,但他会把每个场景生成单独的场景数据文件,每次单独加载场景文件,区别于加载模式一次把所有场景都加载。在2.0以后,开发小游戏或轻游戏,为了减少主包大小和提升加载速度都是常用的模式。

    文件模式:文件模式是2.0特有的,为了开发小游戏而创建的,他不生成场景类,也就是能进一步减少js包的大小,使用的时候用Scene.load方式加载,区别于前三种最大的的不同就是,文件模式不能直接调用场景内的变量,需要getchild获取之后进行操作。前三种的场景类里声明了变量,有代码提示直接可以操作内部的变量。

    需要注意的是,在选择js 语言开发时, 分离模式和文件模式是没有区别的,都没有场景类。
    (以上来自官方文档)

    ——2.0默认模式为文件模式。不会生成对应的场景类。所以不能使用继承页面基类,实现页面逻辑。需要getchild获取之后进行操作。

     

    二、继承页面基类,实现页面逻辑

    ——1.0时UI发布后类可以直接继承ui页面。

    ——2.0需要先导入场景类。如(import { ui } from "./ui/layaMaxUI";)

    ——想要在其他使用此类型,需要先导出类。如(import GameUI from "./GameUI";)

     

    三、runTime的使用

    ——runtime是组件运行时的逻辑类;相同组件可使用同一runtime类来实现相同的功能,比如不同页面上需要对相同的组件实现同一功能。如一些需要重复使用的功能。比如按钮的动画,放大缩小效果等。

    ——我们创建一个类控制Label

    ———将它拖进对应Label的rantime中即可

     

    四、自定义脚本

    ——2.0支持自定义脚本。

    ——脚本和页面继承相比,如果是页面级的逻辑,需要频繁访问页面内多个元素,使用继承式写法,如果是独立小模块,功能单一复用,建议用脚本方式实现。

    ——我们首先创建一个脚本,展示脚本定义的属性

    ——操作页面元素我们可以用(this.owner.getChildByName("   ") as Laya.Sprite;)

     

    展开全文
  • Laya的版本管理

    2019-09-19 06:48:14
    Laya则是发布时勾选版本管理就行了。和白鹭一样是修改文件名。Laya的版本文件是release/version.json。 点击选择的"+"号可以添加需要排除或增加版本管理的文件夹路径。 经过版本管理后发布的文件,增加了...

    白鹭的版本管理使用的是VersionManager。

    Laya则是发布时勾选版本管理就行了。和白鹭一样是修改文件名。Laya的版本文件是release/version.json。

    点击选择的"+"号可以添加需要排除或增加版本管理的文件夹路径。

     

     

     

    经过版本管理后发布的文件,增加了hash字符串

     

     

    version.json保存了原始文件名和增加hash字符的文件名

     

     

    每当修改图片或其他文件时,这个hash字符串会改变,加载路径变了,使用的就是新的文件了。

     

    展开全文
  • category=3d&group=Advance&name=Laya3DCombineHtml 顺便说一下,我使用的版本是2.1.0 想实现上面图中Laya与HTML结合的效果,光使用官方的代码是不够的。先看一下官方代码: class Laya3D...

    附上官网Demo链接 https://layaair.ldc.layabox.com/demo2/?language=ch&category=3d&group=Advance&name=Laya3DCombineHtml
    顺便说一下,我使用的版本是2.1.0
    图片仅供参考
    想实现上面图中Laya与HTML结合的效果,光使用官方的代码是不够的。先看一下官方代码:

    class Laya3DCombineHtml {
        constructor() {
            var div = Laya.Browser.window.document.createElement("div");
            div.innerHTML = "<h1 style='color: red;'>此内容来源于HTML网页, 可直接在html代码中书写 - h1标签</h1>";
            document.body.appendChild(div);
    		//1.开启第四个参数
            var config3D:Laya.Config3D = new Laya.Config3D();
    		config3D.isAlpha = true;
            Laya3D.init(0, 0);
            Laya.stage.scaleMode = Laya.Stage.SCALE_FULL;
            Laya.stage.screenMode = Laya.Stage.SCREEN_NONE;
            //2.设置舞台背景色为空
            Laya.stage.bgColor = null;
    
            var scene: Laya.Scene3D = Laya.stage.addChild(new Laya.Scene3D()) as Laya.Scene3D;
    
            var camera: Laya.Camera = scene.addChild(new Laya.Camera(0, 0.1, 100)) as Laya.Camera;
            camera.transform.translate(new Laya.Vector3(0, 0.5, 1));
            camera.transform.rotate(new Laya.Vector3(-15, 0, 0), true, false);
            //3.清除照相机颜色
            camera.clearColor = null;
    
            var directionLight:Laya.DirectionLight = scene.addChild(new Laya.DirectionLight()) as Laya.DirectionLight;
            directionLight.color = new Laya.Vector3(0.7, 0.6, 0.6);
            Laya.Sprite3D.load("res/threeDimen/skinModel/LayaMonkey/LayaMonkey.lh",Laya.Handler.create(null,function(layaMonkey:Laya.Sprite3D):void{
                scene.addChild(layaMonkey);
            }));
        }
    }
    new Laya3DCombineHtml;
    

    我需要使用的就只有:

    //1.开启第四个参数
    var config3D:Laya.Config3D = new Laya.Config3D();
    config3D.isAlpha = true;
    //2.设置舞台背景色为空
    Laya.stage.bgColor = null;
    //3.清除照相机颜色
    camera.clearColor = null;
    

    看着是那么回事,当我使用"Laya.Config3D"的时候却发现Laya中没有Config3D
    ,当然也有可能是我操作不当|ू・ω・` )。在跟同事找了半天解决方法之后,我想到了初始化脚本中有这种代码:

    Laya["Physics"] && Laya["Physics"].enable();
    Laya["DebugPanel"] && Laya["DebugPanel"].enable();
    

    我就想会不会也可以这样去调用Config3D,结果是可以的!附上代码:

    var config3D:any = new Laya["Config3D"]();
    config3D["isAlpha"] = true;
    Laya.init(GameConfig.width, GameConfig.height, config3D);
    

    |ू・ω・` )嗯!在我测试后成功实现了上面图片的那种效果。

    |ू・ω・` )最后附上 -> 个人博客地址

    展开全文
  • 第一步往需要添加脚本的对象属性中的runtime属性中填写需要添加的包名加类名,并保存发布(保存Ctrl+s,发布Ctrl+F12) ... export class imageRunTime extends Laya.Image{ public scaleTime:number = ...
  • 没错这次要介绍的开发模式就是开发界中的万油精????MVC模式 一、什么是MVC模式 MVC简单来说就是三个词:Model(模型)、View(视图)和Controller(控制器): Model:是游戏中的"数据层",也就是程序需要操作的...
  • 一、H5游戏开发的引擎介绍开发H5游戏的引擎有很多,比如egret、laya、cocos-js等等。这里主要是分析的是egret和laya,因为我们团队是从as3转过来的。所以天然地在有as3基因的egret和laya之中挑选一个。 Egret ...
  • Laya_TS 鼠标点击事件

    2019-05-29 21:22:32
    module laya{ import Sprite = Laya.Sprite; import Stage = Laya.Stage; import Event = Laya.Event; import Browser =Laya.Browser; import WebGL = Laya.WebGL; export class Timer_D...
  • laya图集的简单使用

    2020-06-16 10:58:43
    Laya.loader.load("res/atlas/图集名称.atlas",Laya.Handler.create(this,()=>{ let sp = Laya.loader.getRes("图集名称/单张图片.png") as Laya.Texture; // ……直接拿sp使用即可 //显示一张图片 let ...
  • 页面切换效果,Laya提供了ViewStack组件,可以切换页面,但是效果有些生硬,可以看看官网文档提供的效果。(http://ldc.layabox.com/doc/?nav=zh-as-2-3-16) 我这里提供的效果是通过手势滑动实现页面切换,同时也...
  • laya的时间轴创建动画创建与使用方法请查看官方文档。laya的animation在load完之后会自动缓存起来,以便下次可以复用,但是如果这个动画我们不想复用,该怎么办呢?那就需要自己主动释放了,分三步处理:1.清掉动画...
  • Laya版本: 1.7.18 问题: 在使用Laya.stage.drawToCanvas的方式截取屏幕发现与实际3D场景不一致,出现了穿模和透视的情况。 原因: 初步判断应该是截图并没有按照3D场景的纵深来绘制每个物体的正确层级,而是...
  • 1、Laya的U3D导出工具无法导出摄相机和Light的cullingMask,每次都要手工设置,容易出现编辑器与代码不同步的情况 2、Laya的Light渲染时,没有cullingMask标记,所有光源会对所有对象生效。 最近在将之前做的一个...
  • 1 Laya 如何实现pageview 这样的效果? &amp;amp;amp;amp;amp;nbsp; 2 Laya发布时提示index.html not found什么原因? Laya小游戏发布会引用bin目录下的index.html文件。如果bin目录下没有这个文件,就会出错,...
  • Laya新手入门解析

    2020-07-23 20:17:23
    一、laya项目目录结构 1:.laya 文件夹存放项目开发中运行中的一些配置消息 2:bin 文件夹存放当前项目的输出文件 3:laya 资源项目目录 -> assets 存放项目的资源 -> pages 存放项目创建页面布局生成的文件,...
1 2 3 4 5 ... 20
收藏数 5,008
精华内容 2,003
关键字:

laya