JBJagger Brulatofull-stack engineer
ResumeGo to GamesGo to JaggerScript

Rengine

A browser-based rendering engine experiment focused on transform hierarchies, animation loops, and scene composition.

Demo Scenes

Canvas Demo

Interactive scene.
100%

What You’re Seeing

Scene graph notes and debug legend
Scene focus

Path-focused composite scene: one traces square loop, one follows star, others add layered context.

Wireframe legend
AnchorRed square marking the parent pivot.
PositionWarm gold square showing the entity’s translated origin.
RelationshipDark line connecting anchor and position.

Live Component Tree

Swap individual nodes between local and world space to compare inherited transforms in context.
  • Root
    Folder
    4 childrenroot
    No runtime components
    pos(0.0, 0.0)anchor(0.0, 0.0)rot0.00 radscale(1.0, 1.0)
    • Square Marcher
      Box
      6
      square-path 0.12l/srotate +1.2pi/s
      color
      pos(-140.5, -150.0)anchor(0.0, 0.0)rot0.25 radscale(1.0, 1.0)
    • Star Runner
      Box
      7
      star-path 0.20l/srotate -1.6pi/s
      color
      pos(6.6, -149.7)anchor(0.0, 0.0)rot-0.33 radscale(1.0, 1.0)
    • Orbit Pivot
      Folder
      1 child9
      updaterotate +0.5pi/s
      pos(0.0, 0.0)anchor(0.0, 0.0)rot0.09 radscale(1.0, 1.0)
      • Orbit Companion
        Box
        8
        rotate +1.8pi/s
        color
        pos(75.0, 0.0)anchor(0.0, 0.0)rot0.47 radscale(1.0, 1.0)
    • Center Spinner
      Box
      10
      rotate -0.9pi/s
      color
      pos(0.0, 0.0)anchor(0.0, 0.0)rot-0.19 radscale(1.0, 1.0)