2

React の Aframe エンティティ コンポーネントに画像を追加しようとしています。平面ジオメトリのマテリアルとして画像を追加する方法は次のとおりです。

<Entity geometry="primitive: plane; width: 30; height: 30" 
                material={{src: "url(assets/image2.jpg)"}}
                position="0 -2 0"
                rotation="-90 0 0">
</Entity>

ただし、画像は表示されません。画像は raw html で正しく読み込まれましたが、React と JSX では機能しません。

コンソールに次のエラーが表示されます。

components:texture:warn$sは有効なビデオではありません +1s assets/image2.jpg

[.Offscreen-For-WebGL-0x7fb65d129a00]レンダリング警告: テクスチャ ユニット 0 にバインドされたテクスチャはレンダリングできません。2 の累乗ではなく、互換性のないテクスチャ フィルタリングを使用している可能性があります。

4

1 に答える 1

1

マテリアル属性値を渡す正しい方法は、次の
ように render() メソッドで宣言できます

let material = {
            shader: 'flat',
            src : './imagepath.jpg'
        };

次に、エンティティコンポーネントで次のように渡します

 <Entity  geometry={{primitive: 'sphere', radius: 5000}} material={material}  />

すべてが正常であるにも関わらず画像が表示されない場合は、これらがすべてインポートされていることを確認してください:-

import React from 'react';
import 'aframe';
import 'babel-polyfill';
import {Entity} from 'aframe-react';
于 2017-11-17T11:05:54.607 に答える