User Tools

Site Tools


virtualcontrolml:common_control_schemes_and_layouts

Common Touch Control Schemes & Layouts

Heads-up display widgets or “Hudgets” are designed to be overlaid on-top of existing game displays. Well defined methods have been established that add controlled content to the standard rendering pipelines of games and applications creating a fully optimized and user-configurable overlay. There are many different layout styles with clear patterns for desktop, laptop and tablet touch screen form-factors.

Desktop and All-In-One Touch Controls

Modern desktop and All-In-One touch displays tend to be 21“-32” diagonally in size. The larger size of these devices makes it more comfortable to keep the device resting on a desktop surface. When placed in a standard landscape orientation the most common touch overlay control schemes split commonly used buttons and controls between the bottom left and right corners of the display with infrequently used menu navigation and mode switching controls placed in the top left and right corners.

Laptop & 2-in-1 Touch Controls

2-in-1 devices can be converted easily between traditional laptop and tablet style modes. The ideal component location areas for a laptop are typically in the middle left and right areas of the screen (when placed on the lap or desktop). However when in tablet mode the device is more easily held or manipulated. This makes it more comfortable to treat the tablet as an over-sized gamepad. In this case most of the controls migrate to the bottom left and bottom right of the screen. Moving between layouts is a easy as switching views which can automatically be controlled by the operating system as the device changes state.

Tablet Based Touch Controls

These screenshots show a few examples of classic platformer d-pad and button layouts. As you can see, tablet customized layouts tend to have larger component sizes with elements clustered into the lower corners of the display.

In general virtual controls designed for tablets place familiar “gamepad” style controls at the bottom left and right corners of the display.

However, tablets come in a variety of different sizes (8-21“) and resolutions. This leads to different pixel densities and relative control sizes. This can be addressed by scaling the “hudget” sizes and relative positions of the components, as seen above.

Remote Touch Controls

A View can be used to create touch control schemes that are directly overlaid onto games and applications or controls that are presented on secondary touch devices such as Bluetooth or WiFi connected Android devices.

Using Android touch devices as sources of remote input, players can create rich traditional gamepad-like experiences that emulate classic controllers like Atari, NES, SNES, Gamegear, PlayStation or Xbox or create a fully customized arcade layout with custom backgrounds, supersized buttons, trigger repeaters and even accelerometer controls or haptic feedback.

Multiuser Touch Control Schemes

virtualcontrolml/common_control_schemes_and_layouts.txt · Last modified: 2016/01/14 17:42 by admin