SearchHome20186月p5.jsでboxの1面にテクスチャをそれはそれは雑に貼る(もはや貼ってない)p5.jsでboxの1面にテクスチャをそれはそれは雑に貼る(もはや貼ってない)最近ひたすらp5.jsを書いています。Processing/openFrameworks畑の人が何かをブラウザ上で動かす必要が出てきたときに触りがちなp5.jsですが、書いてるうちに突っかかった部分が何箇所もあるので、なんとか解決(?)したところから上げていこうと思います。この記事ではWEBGLモードでboxの1面にテクスチャを貼るときのことをご説明します。—p5.jsでテクスチャを貼るやり方自体は公式のreferenceやexampleのとおり、みたいなやりかたがあるんですけど、これだと6面に貼るのがデフォルトで、1面だけでいいのに...みたいなことが発生します。世の中には6面テクスチャを用意してmultiTextureみたいにやる方法もあるっぽいけど、ただ1面貼るだけなのに6面分用意するのは他の5面分のバッファはどうすんねんと思って、とても考えました。私の結論としては貼らないが一番です。–textureはboxとかsphereとかの3Dprimitiveに貼るのが一般的かもですが、ふつうにshapeにも貼れます。1);endShape(CLOSE);みたいなかんじです。1);endShape(CLOSE);だいたいできた!!!(許してほしい)ネットでしばらく調べて出てこなかったことなのでシェアします。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。キュー)は、2018年3月から活動を始めたものづくりユニットです。バックグラウンドを持つ10代後半から20代前半の3人で、ものづくりの未来を夢想し日々活動しています。