leif/lexys-labyrinth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Keep the editor's level browser dialog around, and render previews faster

Browse Source 
It's kind of annoying to watch the previews flicker into existence anew
every time you open the dialog, if you're working on several levels at a
time.
This commit is contained in:
Eevee (Evelyn Woods) 2021-01-20 11:59:29 -07:00
parent 1e38ccdc30
commit ff33c42cc2
1 changed files with 39 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
js/main-editor.js
View File

@ -392,16 +392,20 @@ class EditorLevelBrowserOverlay extends DialogOverlay {
schedule_level_render() { schedule_level_render() {
if (this._handle) if (this._handle)
return; return;
this._handle = setTimeout(() => { this.render_level() }, 100); this._handle = setTimeout(() => { this.render_level() }, 50);
} }
render_level() { render_level() {
this._handle = null; this._handle = null;
let t0 = performance.now();
while (true) {
if (this.awaiting_renders.length === 0) if (this.awaiting_renders.length === 0)
return; return;
let index = this.awaiting_renders.shift(); let index = this.awaiting_renders.shift();
let element = this.list.childNodes[index]; let element = this.list.childNodes[index];
// FIXME levels may have been renumbered since this was queued, whoops
let stored_level = this.conductor.stored_game.load_level(index); let stored_level = this.conductor.stored_game.load_level(index);
this.renderer.set_level(stored_level); this.renderer.set_level(stored_level);
this.renderer.set_viewport_size(stored_level.size_x, stored_level.size_y); this.renderer.set_viewport_size(stored_level.size_x, stored_level.size_y);
@ -414,9 +418,19 @@ class EditorLevelBrowserOverlay extends DialogOverlay {
element.querySelector('.-preview').append(canvas); element.querySelector('.-preview').append(canvas);
element.classList.add('--rendered'); element.classList.add('--rendered');
if (performance.now() - t0 > 10)
break;
}
this.schedule_level_render(); this.schedule_level_render();
} }
expire(index) {
let li = this.list.childNodes[index];
li.classList.remove('--rendered');
li.querySelector('.-preview').textContent = '';
}
_after_insert_level(stored_level, index) { _after_insert_level(stored_level, index) {
this.list.insertBefore( this.list.insertBefore(
this._make_list_item(index, this.conductor.stored_game.level_metadata[index]), this._make_list_item(index, this.conductor.stored_game.level_metadata[index]),
@ -3273,11 +3287,16 @@ export class Editor extends PrimaryView {
this._save_level_to_storage(this.stored_level); this._save_level_to_storage(this.stored_level);
save_json_to_storage(pack_key, pack_stash); save_json_to_storage(pack_key, pack_stash);
this._save_pack_to_stash(stored_pack); this._save_pack_to_stash(stored_pack);
if (this._level_browser) {
this._level_browser.expire(this.conductor.level_index);
}
} }
// Level loading // Level loading
load_game(stored_game) { load_game(stored_game) {
this._level_browser = null;
} }
load_level(stored_level) { load_level(stored_level) {
@ -3333,7 +3352,10 @@ export class Editor extends PrimaryView {
} }
open_level_browser() { open_level_browser() {
new EditorLevelBrowserOverlay(this.conductor).open(); if (! this._level_browser) {
this._level_browser = new EditorLevelBrowserOverlay(this.conductor);
}
this._level_browser.open();
} }
select_tool(tool) { select_tool(tool) {