Reactでp5を使ってたらWarning: You must first call texture() before using vertex() with image based u and v coordinatesが出た


なんやこいつ

React-p5-Wrapperを使ってReactでp5のコンポーネントを作って遊んでいたら,draw()が呼ばれるたびに下記のようなwarningがGoogle ChromeのConsoleに出ていました.

console.
You must first call texture() before using vertex() with image based u and v coordinates

こいつのせいでConsoleがめちゃ重だし,パフォーマンスにも影響を与えてそうなので解決しました.

解決法

こちらを参考にすると,どうやら使っているp5.jsのバージョンが悪いことに起因してそう.

確認してみるとreact-p5-wrapperが依存しているp5.jsのバージョンが7.3.4でした.
というわけで,node_modulesの中にいるであろうp5のバージョンをあげます(Reactアプリケーションなので).

terminal.
yarn upgrade [email protected] --save

これで解決!!

まとめ

p5もっとメジャーになれ(なれ)