【メモ】p5.jsのプリロードを変更する
仕事とはいえ公開日が……まあいいや。
色々あってp5.jsを使おうと思うんですが、勝手にLoading…で出るのでこれを何とかしたかったのでメモ。
ソースに書いてあるんですぐわかると思いますが、
[js]
loadingScreen.innerHTML = ‘Loading…’;
[/js]
直球でこう書いてあるので書き換えてもいいんですが、バージョンアップしたりすると変わっちゃうので、ソースで指定しておこうかなと。
[js]
var loadingScreen = document.getElementById(this._loadingScreenId);
if(!loadingScreen){
loadingScreen = document.createElement(‘div’);
loadingScreen.innerHTML = ‘Loading…’;
loadingScreen.style.position = ‘absolute’;
loadingScreen.id = this._loadingScreenId;
var node = this._userNode || document.body;
node.appendChild(loadingScreen);
}
[/js]
_loadingScreenIdはもうちょっと上の方に書いてあって、
[js]
this._loadingScreenId = ‘p5_loading’;
[/js]
ってことになってます。
ということで、CSSでp5_loadingを装飾することは可能です。
そのほか、p5_loadingがなかったらDIV要素を追加する指定になっているので、
自前でp5_loadingをID指定して要素追加しておけばそっちが優先されます。
その程度なんですがまあ忘れそうなので。
