diff --git a/How-to-create-custom-touch-control-layout.md b/How-to-create-custom-touch-control-layout.md index e44658f..aa04d0e 100644 --- a/How-to-create-custom-touch-control-layout.md +++ b/How-to-create-custom-touch-control-layout.md @@ -1,8 +1,16 @@ ## Requirements - Have Chrome/Edge or any Chromium browsers installed. -- Know how to use [Chrome DevTools](https://developer.chrome.com/docs/devtools/) and its [Console Panel](https://developer.chrome.com/docs/devtools/console). -- Know about [JSON](https://www.freecodecamp.org/news/what-is-json-a-json-file-example/). -- Get familiar with [Touch Adaptation Kit](https://learn.microsoft.com/en-us/gaming/gdk/_content/gc/system/overviews/game-streaming/game-streaming-touch-touch-adaptation-kit-overview). This is the same kit that is being used to create touch control layouts in xCloud and Better xCloud. +- Basic knowgledge about: + - [JSON format](https://www.freecodecamp.org/news/what-is-json-a-json-file-example/) + - [Chrome DevTools](https://developer.chrome.com/docs/devtools/) and its [Console Panel](https://developer.chrome.com/docs/devtools/console) +- Get familiar with the [Touch Adaptation Kit](https://learn.microsoft.com/en-us/gaming/gdk/_content/gc/system/overviews/game-streaming/game-streaming-touch-touch-adaptation-kit-overview). This is the same tech that is being used to create touch control layouts in xCloud and Better xCloud. The tool isn't provided publicly so we have to create the layout manually. -## Getting started -... \ No newline at end of file +## Preparations +1. Open the xCloud website in Chrome/Edge/Chromium browser. +2. Open the Chrome DevTools. +3. Click on "Toggle device emulation" and set "Dimensions" to "iPhone SE" (or anything you want) + image + + image +4. Make sure Better xCloud's `Touch controller > Availability` is set to `All games`. Reload the page if needed. + image