Vaadin javascript THREE.js Eclipse：読み込みテクスチャが機能しません。

Question

私はAbstractJavaScriptComponentを使ってVaadinにjavascriptを組み込みます。私はTHREE.jsライブラリを使用しています。 私のjavascriptコードは普通のhtmlファイルで動作します。しかし、Vaadinで同じコードを使用すると、テクスチャイメージを読み込むことができません。

var geometry = new THREE.PlaneBufferGeometry(1579, 1974); 

THREE.ImageUtils.crossOrigin = ''; 
var material = new THREE.MeshBasicMaterial({ map: THREE.ImageUtils.loadTexture('map.jpg') }); 
material.map.minFilter = THREE.LinearFilter; 

var plane = new THREE.Mesh(geometry, material); 

scene.add(plane); 

私はEclipseで作業しており、ブラウザでlocalhostのページを表示するためにサーバーを起動しています。 ローカルファイルの代わりに、インターネットから画像をロードしようとしましたが、どちらも動作しません。

Answer 1

解決策が見つかりました。 私のmaven vaadinプロジェクトでは、 src/main/resources/VAADIN にVAADINという名前のフォルダを追加し、このフォルダ内にイメージを配置しました。 私のjavascriptでは、 './VAADIN/xxx.png'の画像を参照しました イメージがロードされました。