Nuxt.jsを使ってwebサイトを作っていますが、
TOPページにpixi.jsによって作られたcanvas要素があり、
ページ遷移をして再びTOPページに戻ってくるたびに挙動が重くなっていきます。
イベントリスナーが重なって重くなることはあると思うのですが、
canvas要素に対しては何をクリアしたら良いのかわかりません。
html
1<template> 2 <main> 3 <div id="canvasWrapper" class="canvas"></div> 4 </main> 5<template>
js
1const app = new PIXI.Application({ 2 width: canvasWidth, 3 height: canvasHeight, 4 autoResize: true, 5 autoDensity: true, 6 resolution: devicePixelRatio 7}); 8$("#canvasWrapper").append(app.view)
mountedで、このようにしてcanvas要素を生成して、挿入しており、
なんとなくdestroyedのタイミングでappをクリア?したら良いのかなとは想像はできるのですが、、
アドバイスいただけましたら幸いです。
よろしくお願いします。
// 追記
js
1app.loader 2 .add(slieds) 3 .add("ripple", "/img/top/ripple.png") 4 .add("displacement", "/img/top/ripple2.jpg") 5 .load((loader, resources) => { 6 }
loaderを用いて画像などのリソースを読んでいるのですが、
loaderが悪さしている可能性などもあるのでしょうか。。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/08/28 05:45