Tag

LeaferJS

2 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 20, 2025 · Game Development

Building a Super Mario MVP with LeaferJS and Vue

This article demonstrates how to create a minimal Super Mario‑style platformer using JavaScript, LeaferJS for graphics rendering, and Vue for UI and map editing, covering background looping, scene management, sprite classes, a simple physics engine with gravity, collision detection, jumping, camera follow, scoring, and a basic victory condition.

Game DevelopmentJavaScriptLeaferJS
0 likes · 8 min read
Building a Super Mario MVP with LeaferJS and Vue
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 10, 2023 · Frontend Development

Deep Dive into LeaferJS: Architecture, Rendering Performance, Update Mechanism, and Event Picking

This article analyses the LeaferJS canvas rendering engine, covering its lightweight node creation, core architecture, rendering pipeline, partial‑render optimization, and event‑picking mechanism, while providing code examples and performance insights for front‑end developers.

Canvas RenderingEvent HandlingJavaScript
0 likes · 14 min read
Deep Dive into LeaferJS: Architecture, Rendering Performance, Update Mechanism, and Event Picking
Sohu Tech Products
Sohu Tech Products
Jul 26, 2023 · Frontend Development

In‑Depth Analysis of LeaferJS Rendering Engine Architecture and Performance

This article examines the architecture, rendering pipeline, update mechanism, and event‑picking strategy of the LeaferJS canvas library, illustrating how its lightweight node creation, selective full‑ and partial‑rendering, and optimized hit‑testing achieve high performance compared with alternatives like Konva.

CanvasJavaScriptLeaferJS
0 likes · 14 min read
In‑Depth Analysis of LeaferJS Rendering Engine Architecture and Performance