Fly Kai Tak

Feature

Flying Kai Tak on your phone: landscape, a cleaner toolbar and bigger controls

A one-row toolbar with a More drawer, touch controls sized for short landscape screens, and a prompt that asks portrait players to turn the phone sideways.

A 747-400 on the IGS approach in a landscape phone window, with the yoke bottom left and gear, flaps and thrust lever bottom right.
The IGS approach on a phone-sized landscape screen: a one-row toolbar, the yoke on the left and the gear, flaps and thrust lever on the right.

Fly Kai Tak now plays properly on a phone. The toolbar no longer covers the sky, the controls fit a short landscape screen, and portrait gets a prompt to turn the phone sideways.

5Toolbar buttonson a phone, down from 16
40 pxMinimum touch target44 px for gear and flaps
LandscapeRecommendednot forced

Should it force landscape?

No, but it leans that way. The instruments, yoke and thrust lever need the width, so in portrait the flight pauses behind a Turn your phone sideways prompt until you rotate. Fly in portrait anyway dismisses it. Spectator mode never shows the prompt, because watching works fine in portrait.

Where the browser allows it, Begin descent also goes full screen and asks for landscape. When you go back to the menu, the orientation lock is released so the setup screen works either way up. Browsers without fullscreen or orientation lock simply show the prompt. If you add the site to your home screen, it opens full screen in landscape.

A phone in portrait showing the Turn your phone sideways prompt over a paused flight.
The portrait prompt. The flight is paused behind it until the phone is turned.

A toolbar that fits

On phones and small windows the toolbar is one row: the view menu, Autopilot, Pause, More and Menu. Everything else sits in the More drawer: zoom, time speed, back and forward 10 seconds, weather, night, clouds, cockpit, HUD, guide, sound, radio and full screen. Tapping the 3D view closes the drawer.

Landscape phone view with the More drawer open, showing zoom, time, weather and the other toggles.
The More drawer in landscape, with the rest of the controls one tap away.

Landscape layout

  • The map, yoke and thrust lever shrink on short screens, and the radio captions move to the bottom centre so they no longer cover the speed tape.
  • Buttons, the view menu and the thrust slider get bigger touch targets on touch screens.
  • Controls keep clear of notches and rounded corners.
  • The result card becomes two columns, so Fly it again stays on screen.
  • The start screen hides the demo reel on short screens, and Begin descent stays pinned while you scroll the options.
  • On-screen hints say what to tap instead of which key to press.
Landscape phone view of the IGS approach with the yoke bottom left, gear, flaps and thrust lever bottom right, and a compact toolbar.
The 747-400 on the IGS in a phone-sized landscape window.

Try this

Turn the phone sideways, tap Begin descent and use the yoke with your left thumb and the thrust lever with your right. Open More for the weather and zoom.

Fly Kai Tak 而家喺手機上都玩得好。工具列唔再遮住天空,控制掣啱晒短身嘅橫向螢幕,直向嗰陣仲會提示你轉橫部手機。

5工具列按鈕手機上,原本有 16 個
40 px最小觸控範圍起落架同襟翼 44 px
橫向建議唔強制

要唔要強制橫向?

唔使,但我哋傾向橫向。儀表、操縱桿同推力桿都需要闊度,所以直向時,飛行會暫停,並顯示 Turn your phone sideways(請轉橫手機)提示,直至你轉機。按 Fly in portrait anyway 就可以略過。觀機模式永遠唔會顯示呢個提示,因為直向睇機都冇問題。

喺瀏覽器容許嘅情況下,按開始下降亦會進入全螢幕並要求橫向。返去選單時,會解除方向鎖定,令設定畫面直放橫放都用得。唔支援全螢幕或方向鎖定嘅瀏覽器就只會顯示提示。如果你將網站加到主畫面,就會以橫向全螢幕開啟。

直向手機畫面,喺暫停咗嘅飛行上面顯示「Turn your phone sideways」提示。
直向提示。轉機之前,飛行會暫停。

啱用嘅工具列

喺手機同細視窗上,工具列得一行:視角選單、Autopilot(自動駕駛)、Pause(暫停)、More 同 Menu。其餘全部放入 More 抽屜:放大縮小、時間速度、後退同前進 10 秒、天氣、夜間、雲層、駕駛艙、HUD、指引、聲音、無線電同全螢幕。點一下 3D 畫面就會收埋抽屜。

橫向手機畫面,More 抽屜打開,顯示放大縮小、時間、天氣同其他開關。
橫向嘅 More 抽屜,其餘控制一點就到。

橫向版面

  • 喺短螢幕上,地圖、操縱桿同推力桿會縮細,無線電字幕移到底部中間,唔再遮住速度帶。
  • 觸控螢幕上,按鈕、視角選單同推力滑桿嘅觸控範圍更大。
  • 控制項會避開瀏海同圓角。
  • 結果卡變成兩欄,令 Fly it again 一直喺畫面入面。
  • 喺短螢幕上,開始畫面會隱藏示範片,而你捲動選項嗰陣,開始下降會固定喺原位。
  • 畫面提示會講明點邊度,而唔係叫你按邊個掣。
橫向手機畫面嘅 IGS 進場,左下角係操縱桿,右下角係起落架、襟翼同推力桿,仲有精簡工具列。
喺手機大小嘅橫向視窗入面,747-400 沿 IGS 進場。

試吓呢個

將手機轉橫,㩒「開始下降」,用左手拇指控制操縱桿,右手拇指控制推力桿。打開 More 就可以轉天氣同放大縮小。