From: Ian Jackson Date: Sat, 16 Apr 2022 11:15:57 +0000 (+0100) Subject: dice js: Initial plumbing of animiation X-Git-Tag: otter-1.1.0~533 X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~ianmdlvl/git?a=commitdiff_plain;h=9dfa0b295c09ab1f21a6759d61328f84fd2bf6b7;p=otter.git dice js: Initial plumbing of animiation Signed-off-by: Ian Jackson --- diff --git a/templates/script.ts b/templates/script.ts index b8d50ad6..5268aac1 100644 --- a/templates/script.ts +++ b/templates/script.ts @@ -2262,9 +2262,24 @@ function startup() { check_z_order(); } +type DieSpecialRendering = SpecialRendering & { + anim_id: number, +}; special_renderings['Die'] = function(piece: PieceId, p: PieceInfo, - s: SpecialRendering) { -} + s: DieSpecialRendering) { + s.stop = die_rendering_stop as any; + s.anim_id = window.requestAnimationFrame( + function(ts) { die_render_frame(piece, p, s, ts) } + ); +} as any; +function die_render_frame(piece: PieceId, p: PieceInfo, + s: DieSpecialRendering, ts: DOMHighResTimeStamp) { + console.log('DIE RENDER', piece, ts); +} +function die_rendering_stop(piece: PieceId, p: PieceInfo, + s: DieSpecialRendering) { + window.cancelAnimationFrame(s.anim_id); +} declare var wasm_input : any; var wasm_promise : Promise;;