我正在将expo-gl与pixi一起使用以显示一些2D动画。我在网络和移动设备上共享相同的代码。但是我对精灵的质量有些麻烦,它可以在浏览器上很好地呈现,但不能在设备上呈现。
我认为这是混合模式/不透明度/ alpha的问题。
浏览器(台式机或设备浏览器)上的结果:
设备应用程序上的结果:
这是代码:
import React from 'react';
import { PIXI } from 'expo-pixi';
import { GLView } from 'expo-gl';
export default function App() {
return (
<GLView
style={{ flex: 1 }}
onContextCreate={async context => {
const app = new PIXI.Application({ context });
const sprite = await PIXI.Sprite.fromExpoAsync(require('./assets/my_file.png'));
app.stage.addChild(sprite);
}}
/>
);
}
你们有什么主意吗?