Home▸Physics & Mechanics▸Composition Analysis of a Painting: 2D

🖼️ Composition Analysis of a Painting: 2D

Interactive 2D painting you can recompose by dragging shapes while live scores track visual balance (centre of mass of visual weight), focal placement on rule-of-thirds or golden-ratio power points, colour-scheme harmony and luminance contrast, with an optional weight glow and balance beam.

Physics & Mechanics2DEasy60 FPS📱 Mobile-adapted⇄ 2D version

Details

CategoryPhysics & Mechanics

RenderingCanvas 2D

DifficultyEasy

Target FPS60

ControlsDrag shapes around the painting; select a shape to change its size, hue, saturation and lightness; sliders for background colour and the visual-weight exponent, an overlay selector (thirds, golden ratio, diagonals) and toggles for the weight glow and centre-of-mass beam.

art criticismcompositionrule of thirdsgolden ratiocolour harmonyvisual weight

Related simulations

SPH FluidFluid simulation via SPH: pressure, viscosity, gravity and wall bouncing. Splash impulse…

Spring-Mass Cloth SimulationExplore the physics of cloth movement with this simulation! Adjust the spring stiffness and…

Car PhysicsRealistic driving with suspension, drift, nitro and particle effects. Navigate rough terrain. ⊞ All 3207 in Physics & Mechanics →

⚙ Under the hood

art criticismcompositionrule of thirdsgolden ratiocolour harmonyvisual weight

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install