layabox / layaair1.0 Goto Github PK

TiledMap_AnimationTile.js直接使用把这个文件拷贝这js报错：
Uncaught TypeError: TiledMap is not a constructor
at createMap (TiledMap.js:25)
at TiledMap.js:20
at TiledMap.js:10
at Object.3 (TiledMap.js:1)
at o (_prelude.js:11)
at _prelude.js:11
at Object.2../GameConfig (Main.js:3)
at o (_prelude.js:11)
at r (_prelude.js:11)
at _prelude.js:11
createMap @ TiledMap.js:25
(anonymous) @ TiledMap.js:20
(anonymous) @ TiledMap.js:10
3 @ TiledMap.js:1
o @ _prelude.js:11
(anonymous) @ _prelude.js:11
2../GameConfig @ Main.js:3
o @ _prelude.js:11
r @ _prelude.js:11
(anonymous) @ _prelude.js:11

运行后结果如下：

Description of the problem

It's difficult and complex these days to mix WebGL libraries together, to draw things using different libraries in the same webgl context. (examples of difficulties: mrdoob/three.js#8147, pixijs/pixijs#3230, pixijs/pixijs#3345, pixijs/pixijs#1366, pixijs/pixijs#298, jonobr1/two.js#233)

For example, suppose we would like to render Three, Babylon, and Pixi objects into the same WebGL context, in the same 3D space.

It is currently very difficult to do this because each WebGL library manages state of the context in their own ways, and these private internals often change and break solutions that people come up with because there's no standard way to do it.

Pixi.js v4 goes through efforts to make Pixi compatible with Three.js, so that it can render in a Three scene, but this is obviously fragile.

Solution

Enter Regl to the party.

Maybe if the foundations for each library (Three, Babylon, Pixi, Two, etc) were built on Regl, we'd have a common way of rendering to a single context.

Regl makes an abstraction just on top of raw WebGL for managing WebGL state. It doesn't render for you all the things that Three.js can, it only provides the minimal foundation for working with raw WebGL in a stateful way that is easy to manage.

It seems that libraries like Three, Babylon, PlayCanvas, Pixi, Two, etc, could benefit from using a standardized way for managing WebGL state, which would make it easy to combine renderings from any of these libraries into the same WebGL context.

What are your thoughts on refactoring the foundation of Laya to use Regl for managing WebGL state? Does Regl offer enough flexibility for Laya to do what it needs to do on top of Regl?

laya.wxmini.js 里61行：
MiniAdpter.getUrlEncode=function(url,type){
if(url.indexOf(".fnt")!=-1 )
return "utf8";
else if(type=="arraybuffer")
return "";
return "ascii";
}

得修改为：
MiniAdpter.getUrlEncode=function(url,type){
if(url.indexOf(".fnt")!=-1 || url.indexOf(".json")!=-1)
return "utf8";
else if(type=="arraybuffer")
return "";
return "ascii";
}

1. [onDisplay()] does not remember [toIndex]
   replace play() with playFromCurr(),
   playFromCurr() does not modify toIndex
   https://github.com/layabox/layaair/blob/d1811049e17fc73915ae014f7e25dfbd7ae889cb/bin/as/libs/src/laya/ui/Clip.as#L182-L190

2.[play()] does not remember [fromIndex]
add this.fromIndex = from, set index = fromIndex when index > toIndex;
https://github.com/layabox/layaair/blob/d1811049e17fc73915ae014f7e25dfbd7ae889cb/bin/as/libs/src/laya/ui/Clip.as#L429-L443

3. [ play(from, to, autoLoop), make autoLoop is optional ]
   play() is auto loop, but play(from, to) not.
   sometimes we need an autoLoop play(from, to)
   https://github.com/layabox/layaair/blob/d1811049e17fc73915ae014f7e25dfbd7ae889cb/bin/as/libs/src/laya/ui/Clip.as#L445-L455

params是Object，下面却用数组方式读取，导致无法读取到正确的数值！

问题：设置Laya.stage.bgColor = null后控制台报错；
版本：LayaAir 1.7.18；
代码如下图：

表现如下图：

经过调试发现源码报错位置如下图：

总结：
虽然源码中判断isNaN(color) 则return，但是控制台我发现isNaN(null)其实是false；

Chrome的userAgent里是包含Safari字符串的，所以在Browser模块里关于是否为Safari浏览器的判断是错误的。
Browser.onSafar=Browser.u.indexOf("Safari")>-1应修改为：Browser.onSafar=Browser.u.index("Chrome")===-1 && Browser.u.indexOf("Safari")>-1。
这样的话在Graphics模块中var offset=(!Render.isWebGL && (Browser.onFirefox || Browser.onEdge || Browser.onIE || Browser.onSafari)) ? 0.5 : 0 offset的值就是正确的，在Chrome下就不会有九宫格缝隙问题了。

是否 考虑加入支持ETC PVR 这些纹理格式呢

Matterjs 的 LayaRender 带sprite的body 在视口外还是会绘制
这个能优化一下吗

编辑器为label添加 GlowFilter组件，
编辑器效果正常
运行时报错
Uncaught Can not find class laya.effect.GlowFilterSetter
undefined

已经引入"laya.filter.js"

自己用代码new laya.GlowFilter能正常使用
，，应该是编辑器使用的类没有发布到bin
其它两个filter未测试

如题，自定义 header 主要是同步一些需要在握手时检查的状态，包括且不限于 session 。
目前的 api ，看起来似乎能用 url + querystring ？

ws = new Laya.Socket();
ws.connectByUrl(url);

未来的版本可否考虑加个 headers 参数？

headers = {
    "foo": "bar"
}
ws = new Laya.Socket();
ws.connectByUrl(url, headers);

Issue Type: Bug

安装最新的2.0IDE打开编辑模式报错

VS Code version: LayaAirIDE2.0 1.21.1 (79b44aa704ce542d8ca4a3cc44cfca566e7720f1, 2018-03-14T14:47:13.351Z)
OS version: Windows_NT ia32 10.0.15063

播放时无限warn:
Resources already exist,is repeated loading: res/snd/pop.mp3
不管你有没预载这个音频，只要多次调用playMusic就会报这个警告。
看了core源码。发现
if (!Browser.onMiniGame) 并没有和下面的Loader.cacheRes(url,tSound);配合
导致无限警告。
还有另一个warn:
laya.core.js:7725 [error] Undefined class: b
也有很多，不清楚是怎么出来的。Undefined class : b

stage以外的事件还能监听吗？点击都没有反应？？

使用laya.js.exe编译库，过程并没有报错，但生成的文件laya.core.js大小有3.56MB，其他文件均为1KB。修改分包配置也无效。

https://github.com/layabox/layaair/blob/master/src/core/src/laya/utils/Dictionary.as

		public function loadImage(url:String, x:Number = 0, y:Number = 0, width:Number = 0, height:Number = 0, complete:Handler = null):Sprite {
			function loaded(tex:Texture):void {
				if (!destroyed) {
					size(x + (width || tex.width), y + (height || tex.height));
					//if (_width == 0 && _height == 0) setBounds(getSelfBounds());
					repaint();
					complete && complete.runWith(tex);
				}
			}
			graphics.loadImage(url, x, y, width, height, loaded);
			return this;
		}

code
Why width hight need to add x y???

如题，代码如下https://github.com/layabox/layaair/blob/ebf9b487c9b65f468bb9069b9b7cd47ec3eaeed5/src/d3/src/laya/d3/resource/DataTexture2D.as#L199-L208

使用Laya.Sprite3D.instantiate时，实例化的sprite3D原本的挂件不会正确的挂载到骨骼上

在TrailSprite3D._changeRenderObjectsByRenderElement() 方法里面 最后一句 赋值的 this._render.sharedMaterial 是undefined 的....

还有 lineSprite3d 什么时候好啊

问题详见https://ask.layabox.com/question/11402

标题栏前面一部分拖动没反应

off 时，_events[type] 数组中的元素会被置空，但是不会立刻回收数组，有可能 off 过后数组已经不含任何 handler 了...

Hi!

i m instructed in your great product but
i m NOT Chines , and could not found IDE in English.

then i try to ask question on your forum ,
"How to convert IDE to English "
but first, i have to register and , i could not sign Up there because they were asking Phone number , as i mentioned i m not chines ,
so i could not registered.

plz help me to sort out.

在vertN > 0这个分支，sz这个局部变量被复用了，变成了索引个数，导致最下面更新vertNum的时候数量是不对的。

MiniAdpter.nativefiles.push('comp/bg.jpg');  //设置微信小游戏的【本地文件】列表

URL.basePath = "http://www.example.com/";  //设置资源下载的【根路径】

这时formatURL返回的是
http://www.example.com/comp/bg.jpg

但我们希望的是：comp/bg.jpg

所以需要在formatURL中，加入判断：

if(MiniAdpter.nativefiles.indexOf(url)!=-1)
{
	return url;
}

https://github.com/layabox/layaair/blob/76ba77242e775ecf8c3fe03d241578dc86598d54/bin/as/libs/src/laya/net/URL.as#L42-L67

https://github.com/layabox/layaair/blob/master/samples/js/2d/samples/Sprite_DisplayImage.js

function showApe()
	{
		// 方法1：使用loadImage
		var ape = new Sprite();
		Laya.stage.addChild(ape);
		ape.loadImage("../../res/apes/monkey3.png");

		// 方法2：使用drawTexture
		Laya.loader.load("../../res/apes/monkey2.png", Handler.create(this, function()
		{
			var t = Laya.loader.getRes("../../res/apes/monkey2.png");
			var ape = new Sprite();
			ape.graphics.drawTexture(t, 0, 0);
			Laya.stage.addChild(ape);
			ape.pos(200, 0);
		}));
	}

测试时发现去掉 Laya.loader.load

var t = Laya.loader.getRes("../../res/apes/monkey2.png");
var ape = new Sprite();
ape.graphics.drawTexture(t, 0, 0);
Laya.stage.addChild(ape);
ape.pos(200, 0);

程序也可以正常执行。我的问题是：在外层加上 Laya.loader.load 的目的和意义什么。如果有必要加上 Laya.loader.load，是否可以把 monkey2 提取出来 😋

var monkey2 = '../../res/apes/monkey2.png'

Laya.loader.load(monkey2, Handler.create(this, function() {
    var t = Laya.loader.getRes(monkey2);
    var ape = new Sprite();
    ape.graphics.drawTexture(t, 0, 0);
    Laya.stage.addChild(ape);
    ape.pos(200, 0);
}));

期待LayaAir IDElinux版本

问题：设置Laya.stage.bgColor = null，背景并没有透明，背后使用html标签已经写了一个背景，但是因为没有透明所以被挡住了；
引擎版本：LayaAir 1.7.19.1 beta（以前的版本也存在此问题）；
文档描述如下：

我的代码如下：

所得表现结果如下：

1.7.18版本
laya.core.js 4921行
WebAudioSound.ctx.resume();

resume方法不存在出错，请解决 :)

ua信息
Mozilla/5.0 (Linux; Android 7.1.1; ONEPLUS A3010 Build/NMF26F) AppleWebKit/537.36(KHTML, like Gecko) Chrome/37.0.0.0 Mobile Safari/537.36

laya 会支持绘制渐变吗

1.使用Label组件时 使用了 centerX 与 centerY 会导致 pandding A,B,C,D 中的 A,B 效果不准确。
2.使用Label并使用图形字体时 设置 align为 center使文字显示在中间。再添加 underline 与 underlinecolor 会发现下划线依旧左边没有跟随文字显示在中间

使用spine导出动画如果勾选 裁剪空白区域

在使用IDE导出SK文件后，动画播放位置异常。不勾选裁剪空白区域则正常。

Laya.stage.alignV = Stage.ALIGN_MIDDLE;
Laya.stage.alignH = Stage.ALIGN_CENTER;

Laya.stage.scaleMode = "showall";
Laya.stage.screenMode = Stage.SCREEN_HORIZONTAL;

无法横屏，如何解决？谢谢

Cannot enlarge memory arrays. Either (1) compile with -s TOTAL_MEMORY=X with X higher than the current value 16777216, (2) compile with -s ALLOW_MEMORY_GROWTH=1 which allows increasing the size at runtime but prevents some optimizations, (3) set Module.TOTAL_MEMORY to a higher value before the program runs, or (4) if you want malloc to return NULL (0) instead of this abort, compile with -s ABORTING_MALLOC=0

感觉LayaAir的版本迭代更新速度越来越慢，快被Egret甩掉一条街了

如题，相关的 Patch 方案可见 https://github.com/yyued/SVGAPlayer-Web/tree/master/patch/layabox

原生沒有支援wss的websocket。
ERR: libwebsockets not configured for ssl

it is just making a .rec file in the resource folder .

Hello I wanted to use Laya but I can't change it to english, is it still possible to change it to english?

I followed the steps here
layabox/LayaAir#19

But it doesn't change the other menus to english.
Is it not on full english?
Thank you

Are you guys still working on this engine and IDE ? i found the old version of the IDE and it is written in Japanese or Chinese but not in English, and if you go to tutorials section it is using IDE to make project structure and yet in the master branch you can't even find the IDE executable also the IDE link on the main site is downloading source code of an android app i don't know what is going on with this engine i liked it because of Flash AS3 it seems that it is not for global developers.

从 npm 读取 js 做缓存的 CDN 上面的版本还停留在 1.5.2，能否升级一下？

Laya.Dialog.load ("message.scene", Laya.Handler.create(this, (dlg: Laya.Dialog)=> {
dlg.popup();
}));

message上有个按钮 name为"ok"

在使用Laya.stage.scaleMode = Laya.Stage.SCALE_SHOWALL;模式下的时候，通过Camera构造Ray的结果不正确。测试代码如下：

`
import Camera = Laya.Camera;
import PhasorSpriter3D = Laya.PhasorSpriter3D;
import Ray = Laya.Ray;
import RenderState = Laya.RenderState;
import Script = Laya.Script;
import Vector2 = Laya.Vector2;
import Vector3 = Laya.Vector3;
import Vector4 = Laya.Vector4;
import WebGLContext = Laya.WebGLContext;

class SceneScript extends Script {
private _originPosition: Vector3 = new Vector3(0, 0, 0);
private _phasorSpriter3D: PhasorSpriter3D;
private _color: Vector4 = new Vector4(1, 0, 0, 1);
private _point: Vector2 = new Vector2();
private _camera: Camera;
private _ray: Ray = new Ray(new Vector3(0, 0, 0), new Vector3(0, 0, 0));

public _start(state: RenderState): void {
    super._start(state);

    this._phasorSpriter3D = new PhasorSpriter3D();
    this._camera = this._owner.getChildByName("Camera") as Camera;
}

public _postRenderUpdate(state: RenderState): void {
    super._update(state);

    this._point.elements[0] = Laya.stage.mouseX;
    this._point.elements[1] = Laya.stage.mouseY;
    this._camera.viewportPointToRay(this._point, this._ray);

    this._phasorSpriter3D.begin(WebGLContext.LINES, this._camera);

    // 绘出射线
    this._phasorSpriter3D.line(
        this._ray.origin,
        this._color,
        this._originPosition,
        this._color);

    this._phasorSpriter3D.end();
}

}

// 程序入口
class GameMain {
constructor() {
Laya3D.init(1334, 768, true, true);

    Laya.stage.alignV = Laya.Stage.ALIGN_MIDDLE;
    Laya.stage.alignH = Laya.Stage.ALIGN_CENTER;

    Laya.stage.scaleMode = Laya.Stage.SCALE_SHOWALL;
    Laya.stage.bgColor = "#232628";

    Laya.Stat.show();

    let camera: Laya.Camera = new Laya.Camera();
    camera.name = "Camera";
    camera.transform.position = new Laya.Vector3(
        -6.87492561340332, 3.95000958442688, 1.06434166431427);
    camera.transform.rotation = new Laya.Quaternion(
        -0.19387270510196686,
        -0.6291995048522949,
        -0.16616787016391754,
        0.7341046333312988);
    let scene: Laya.Scene = new Laya.Scene();
    scene.addChild(camera);
    scene.addScript(SceneScript);
    Laya.stage.addChild(scene);
}

}

new GameMain();
`

提示出错信息
Scene: the .lh file root type must be Scene,please use other function to load this file.

稍微跟了一下：
首先ls文件的类型是"SPRITE3DHIERARCHY"，没有作为json文件读入。
然后因为MiniLoader.load的实现没有支持customParser，所以不会递归去加载材质、MESH等资源。
求解决。

相关的代码片段缺少 tx 和 ty 值，导致 Transform Matrix 异常。

x = this._curMat.a * _x1 + this._curMat.c * _y1 + this._curMat.tx;
y = this._curMat.b * _x1 + this._curMat.d * _y1 + this._curMat.ty;

报错信息如下，没有小数点就不会报错

Uncaught RangeError: Source is too large
at Uint8ClampedArray.set ()
at Function.RunDriver.drawToCanvas (bundle.js:24135)
at SButton.__proto.drawToCanvas (bundle.js:15002)
at Guide. (Guide.ts:26)
at TimerHandler.__proto.run (bundle.js:9492)
at Timer.__proto._update (bundle.js:9236)
at Stage.__proto.render (bundle.js:17820)
at Stage.__proto._loop (bundle.js:17778)
at loop (bundle.js:5219)