How Local Browser Games Work

The browser is the game platform

A small web game can run with the same technologies used to build normal web pages. HTML provides the page structure, CSS controls appearance and JavaScript handles input, game rules and updates.

Canvas games

The HTML canvas is a drawing area that JavaScript can update many times per second. It is useful for moving balls, ships, falling objects, collision detection and other mechanics where the whole play field changes continuously.

DOM-based games

Not every game needs a canvas. Card grids, number tiles, buttons and puzzle boards can be built from normal page elements. JavaScript changes their classes, text and positions as the player interacts.

Input events

Keyboard games listen for key presses. Pointer games react to mouse movement or clicks. Touch-capable games can respond to taps and touch gestures. A game can support more than one method so the same mechanic works on different devices.

The game loop

Animated titles commonly update positions, check collisions, change scores and redraw the scene repeatedly. The browser schedules those updates fast enough that the result appears continuous.

Local versus remote content

A locally hosted game is delivered with the website’s own files. A remote game is loaded from another service, often through an iframe. The OnTrick catalogue identifies the controls and gameplay notes for each listed title so visitors can understand the mechanic before playing.

Why no installation is needed

Because the browser already understands the page code, the game can start when the page loads. There is no separate executable or app package for the player to install.