Clickbox

A clickbox refers to the interactive area (either static or moving) that players can click on to interact with objects, NPCs, and other elements within the game world. Despite the name, a clickbox is not always shaped as a box; rather, it is the defined area surrounding an aspect that a player can interact with. Game design, environmental factors, and animation states influence the shape and size of the clickbox.

Interacting with objects and NPCs

When a player clicks on an object or NPC, they are targeting a defined clickbox. For example, trees, rocks, and fishing spots have clickboxes that allow players to chop, mine, or fish. The size and shape of a clickbox can vary based on the object or NPC. Larger clickboxes make it easier to interact with the target, while smaller ones can be more challenging, especially in crowded areas or when multiple clickboxes overlap. One common example of a small and difficult clickbox is the tightrope, which can be tricky to target on both PC and mobile versions.

Clickboxes can also change dynamically, such as when NPCs perform animations that temporarily shrink or shift their clickable area. For instance, animations where NPCs lift their arms or shift their legs can create gaps in the clickbox.

Navigating the game world

Clickboxes also apply to the ground tiles and other elements in the environment. Each ground tile is a clickbox that players interact with to move their character. When a player clicks on a tile, the game calculates the shortest path to that tile or the nearest reachable one if the target tile is blocked.

Certain environmental factors, such as terrain elevation or obstructions (e.g., walls or fences), can obscure or block a tile’s clickbox, requiring the player to adjust their camera angle or position for proper interaction. Players often notice this in agility courses or when navigating tight spaces.

Skilling

Skilling actions such as thieving, picking herbs, lighting fires, or mining rocks rely on precise interaction with the respective target's clickbox. Larger clickboxes, such as those on rocks or fishing spots, make resource gathering more efficient, while smaller clickboxes, like herb patches, require greater precision.

In the inventory interface, clickboxes for items and spell icons are consistent in size, simplifying interactions for skilling activities like Alchemy or crafting. However, overlapping clickboxes in crowded areas, such as thieving stalls or farming patches, can make targeting specific objects more challenging.

Combat

An area of the clickbox includes the shadow within any Colosseum monster.

In combat, the clickbox of an NPC is influenced by its size, animations, and additional visual elements. Shadows, bounding boxes, or other aids are often added to an NPC’s clickbox to mitigate misclicks. For example, in encounters with the Nightmare or Phosani's Nightmare, runes around its legs extend the clickbox for more accessible targeting. Shadows also ensure the clickbox remains consistent during animations.

Players may notice an NPC's clickbox more when animations alter its interactive area, leading to misclicks. For example, when an NPC moves or raises its arms to attack, its clickbox might briefly shift or shrink, causing players to click through its legs or below its arms.

The Fortis Colosseum demonstrates a refined approach to clickboxes, where NPCs like the Serpent shaman, Jaguar warrior, and Javelin colossus have extended clickboxes, including their shadows, to compensate for complex animations. This ensures smoother targeting during fast-paced combat scenarios.

Projectile-based attacks, such as ranged weapons or spells, also depend on accurate targeting of hitboxes. The game calculates the path of collision to determine if the projectile can reach the target. Obstacles like walls or trees can block the path, resulting in a game message, I can't reach that!. This mechanic allows players to strategically use terrain to their advantage in combat or safespotting scenarios.

Mobile clickboxes

Clickboxes on mobile devices function similarly to those on PC, but there are key differences and challenges due to the smaller screen size and touch-based interface:

1. Scaling and Zooming: The size of a clickbox is influenced by the level of zoom. Zooming in makes clickboxes appear larger and easier to target, which is essential for small objects or crowded areas. Adjusting the camera angle can further optimise clickbox visibility.
2. Touch Sensitivity: Mobile controls rely on precise taps, which can be less accurate than mouse clicks. This can make interacting with smaller clickboxes, like those of NPCs or ladders, more challenging. Accidental misclicks are more common on mobile, especially in areas with overlapping clickboxes, such as crowded thieving stalls or multi-combat zones.
3. Interface Integration: Inventory and spellbook clickboxes are designed to match the touch interface, with consistent sizes for all icons. This ensures a uniform experience across mobile and PC, though tapping on smaller icons can still be tricky for players.
4. Combat on Mobile: Targeting NPCs or players in combat can be harder on mobile due to the smaller screen space. Utilising auto-retaliate or tapping the attack option in the right-click menu can help mitigate these issues. Visual aids like shadows or extended hitboxes are particularly valuable on mobile, making it easier to click fast-moving or animated NPCs.

Mitigating misclicks

To mitigate misclicking on mobile devices, players should do the following:

• Zoom in for precision when dealing with smaller clickboxes.
• Rotate the camera to improve visibility in crowded areas or where objects overlap.
• Tap and hold to open the action menu when precision targeting is difficult.
• Enable mobile-friendly features like larger tap zones or tap-to-drop for efficient gameplay.

Mobile clickboxes, while functionally similar to PC, require adjustments in player strategy to account for the limitations of touch controls and smaller screens.