みかづきブログ・カスタム

基本的にはちょちょいのほいです。

PixiJS

動的インポートをつかってNext.jsでサーバサイドレンダリングしないコンポーネントをつくる 💻

Next.js PixiJS

Next.js + PixiJSでサイトをつくっていたとき、PixiJSをつかったコンポーネントを読み込もうとすると、 Server Error ReferenceError: self is not defined This error happened while generating the page. Any console logs will be displayed in the term…

Next.js + PixiJSでPIXI.loaders.Loaderを使った際、ホットリロード時に'Error: Resource named "RESOURCE_NAME" already exists.' となるのを防ぐ 🛡

Next.js PixiJS

ことの発端 対策1（没案） 対策2（採用案） ことの発端 Next.js + PixiJSでサイトをつくっていて、 useEffect(() => { if (!app) { return; } app.loader.add('resource-1', '/resource/1.png') .load((loader, resources) => { setResources(resources); })…

PixiJSでviewに設定したCanvasをタッチの起点にした際もウィンドウのスクロールを可能にする 👼

JavaScript PixiJS

www.pixijs.comPixiJS をつかって、全面Canvasのサイトをつくっているときには気づかなかったのですが、ファーストビューがCanvas（PixiJSでレンダリング）で、その下にコンテンツがつづくページを実装していた際に気付きました。PixiJSのviewに設定したCanv…