反应本机WebGL Sprite不透明度

时间:2020-09-09 15:40:06

标签: reactjs react-native expo webgl

我正在将expo-gl与pixi一起使用以显示一些2D动画。我在网络和移动设备上共享相同的代码。但是我对精灵的质量有些麻烦,它可以在浏览器上很好地呈现,但不能在设备上呈现。

我认为这是混合模式/不透明度/ alpha的问题。

浏览器(台式机或设备浏览器)上的结果:

enter image description here

设备应用程序上的结果:

enter image description here

这是代码:

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);
      }}
    />
  );
}

你们有什么主意吗?

0 个答案:

没有答案