Skip to content
CloudPlay
  • Pages
    • Project Overview
      • Product roadmap
    • Documentation
      • Transformation
      • Server Requirements
      • System Requirements
      • Own Servers vs Cloud Rental
      • Design Related
      • Cloud GPUs
      • AWS Cloud Gaming
      • Harvester Integration Node
      • Operational Costs
    • Team
    • Tasks
    • Funding
    • Funding Cadence
      • Month 1
      • Month 2
      • Month 3
      • Month 4
      • Month 5
      • Month 6
      • Month 7
      • Month 8
      • Month 9
    • Updates
    • icon picker
      Discussions

Discussions

Client App Design – Console-Style UI (Inspired by Nintendo Switch)

The goal is to deliver a smooth, console-like experience inspired by the Nintendo Switch with gamepad-friendly navigation, sound effects (SFX), and responsive UI for mobile, tablet, and TV.

🎮 Design Goals

Feel like a real game console — intuitive, responsive, and visually engaging.
Support gamepad, touch, and remote input.
Use SFX to make navigation feel satisfying and polished.

📌 Key Design Features

Home Screen
Horizontal carousel for recently played and featured games.
Sound effects on game focus, selection, and navigation.
Smooth animations for transitions.
Game Library
Grid view with game covers and status indicators.
Filtering and sorting with audio feedback when toggling options.
Room System
Host or join shared rooms with up to 3 friends.
Visual indicators for members and invite status.
SFX when someone joins, leaves, or connects a gamepad.
Profile & Settings
Manage account, subscriptions, and input devices.
Toggle SFX, theme, or accessibility options.
UI/UX Behavior
Full gamepad support with focus states.
Touch gestures for swipe, hold, and tap.
Minimalist UI with bold icons and colors.

🔊 Sound Effects (SFX)

SFX will enhance the overall console-like feel:
Navigation clicks
Focus shifts
Menu open/close
Room join/leave notifications
Game start/stop cues
Optional idea: Use subtle ambient SFX in idle states or loading screens to keep users engaged

🔧 Visual Guidelines (Inspired by Nintendo Switch)

Clean, flat design with bold accent colors (red, blue, black, white)
Rounded UI cards with shadows
Responsive layouts with consistent iconography
Animations for feedback, not flair

Marketing Website Design

Our goal was to create a fast, visually compelling marketing site that captures the excitement of instant cloud gaming.
📲 Design Goals
Convey the message instantly: no downloads, no waiting—just play.
Emphasize accessibility across devices: PC, mobile, and tablet.
Clear pricing and call-to-action elements that convert.
Live Preview:

📌 Key Design Features

1. Hero Section
2. Device Agnostic Messaging
3. Game Library Highlight
4. Transparent Pricing Tiers
5. Benefits Grid
6. FAQ Section
In Month 4 of our MVP roadmap, the plan is to complete the marketing website and push it live.

CloudPlay Client Overview

We explored two design variants for the CloudPlay client’s main page. Each version targets a different interaction model and device category. This exploration is focused solely on the home screen (main page) — other app sections (like game details, profile, and settings) will be released or shared next month.
ALT Version
Version #1 - (TestFlight Release)
Goal: Explore a multi-platform, controller-friendly UI for future expansion to TVs and game consoles.
Key Features:
Grid-based layout for high-density browsing
Game Console inspired UI
Category tabs
Purpose:
This prototype tests feasibility for an interface that supports cross-platform use, targeting lean-back, controller-driven environments such as smart TVs or handheld consoles.
Version #2
Goal: Deliver a polished, mobile-first experience for early testing and user feedbacks.
Key Features:
Horizontal carousel navigation for featured games
Genre filter system for curated discovery
Clean, responsive UI built for Mobile gestures.
Purpose:
This version balances usability and scalability.

Test Target Scope (Month-1 & Month-2 Features)

The current build includes working functionality from Month-1 and Month-2 development cycles, covering both UI and key backend services:

✅ Visual & Interactive UI:

Menu button
User profile/avatar icon
Game cards & artwork (grid)
Tab and genre navigation layout
✅ Backend Services:
Gamepad support
Authentication service (user login & session handling)
Analytics tracking & Crash reporting
⚠️ Known Issues:
Unexpected App Closure on Tab Gesture: The app may crash when menu button are tapped repeatedly in quick succession.
Architecture
Windows (D3D11)
Mac (OpenGL)
Android (OpenGL)
iOS/tvOS (Metal)
x86-64
Download

AArch64
Download
Download
ARMv7


Download

x86-32
Download



There are no rows in this table
error
Currently, development and testing for the macOS build is limited to Intel-based Macs. To proceed with TestFlight submission for Mac, we plan to acquire or rent Apple Silicon infrastructure (M1/M2/M3) to ensure compatibility and native performance.
Additionally, Windows and Android builds for all supported architectures are scheduled for release next month.
# MacOS Only: After installing the app, run this command:
xattr -d com.apple.quarantine /Applications/CloudPlay.app



Queue Page – Concurrency Session Manager

The Queue Page provides visual feedback while a game session is being prepared. It shows real-time status of connection steps required to successfully launch a cloud game stream.

Design Goals

Transparently show session preparation steps (Connection → Allocation → Launch).
Guide the user through retries when issues occur.
Provide clear, color-coded indicators for session health.

Key Design Features

Connection Status Steps
Linear Progress Indicator
A horizontal progress bar that represents the session’s readiness state.
Color Codes:
🟢 Green – Everything is operating as expected.
🟡 Yellow – A recoverable issue is detected (e.g., retrying allocation).
🔴 Red – An unrecoverable error has occurred; the session is terminated.
Concurrency Queue Flow
If backend resources are saturated, the screen will show a queue state:
"Waiting for available game rig..."
Automatic retry attempts will occur for temporary backend issues.
For critical failures, a user-facing error dialog offers Retry or Exit options.


Game Session Status Widget

Placement Considerations:

Location
Pros
Cons
Top Navigation Bar (Preferred)
Always visible regardless of bottom bar settings. Natural placement near user profile. Easy to spot without disrupting game browsing flow.
Needs careful alignment to avoid cramping other elements like search or profile buttons.
Bottom Bar (Optional)
Consistent with traditional game console HUDs (like Switch, Xbox). Can show more detailed session info when expanded.
Can disappear if user disables the bottom bar in settings, losing visibility of session status.
Floating Corner Widget (Optional Idea)
Always floating on screen, minimalistic icon (top-right or bottom-right). Expandable on hover/focus.
Might overlap content on smaller screens; needs smart scaling and hide/show logic.
There are no rows in this table

Visual Design

Compact Capsule/Badge Style.
Color-coded based on state:
🟢 In Game
🟡 Queued
🟠 Connecting
🔵 Paused
Bouncing Animation (Active States)
Can optionally expand into a detailed dialog with session info

CloudPlay Landing Page (Preview)

This update focuses on clarity, modern aesthetics, and scalability for future content. While this design is still under active development, the current iteration gives a strong glimpse into our upcoming direction.

Development Status

⚠️ Work in Progress — while the design is finalized, development is still ongoing. Planned rollout in the next milestone:
✅ Static page mockups
🚧 Interactive components (CTA, feature highlights)
🚧 Product key redemption flow
🚧 Analytics + performance monitoring

Visual Flow

We’ve also mapped out the user journey from landing to onboarding. This diagram shows how a new visitor explores the page, discovers features, redeems a product key, and transitions into the app.
🔗

The Witcher 3: Wild Hunt on Vultr Cloud

This demo highlights a full cloud gaming session of The Witcher 3: Wild Hunt running on Vultr Cloud infrastructure, streamed through our client app.
Why This Demo Looks Instant In the demo video, the session starts quickly because:
The VM was allocated beforehand.
The Witcher 3 was already pre-installed on the machine.
This eliminates the long wait time for VM booting and setup.

⚠️ Limitations on Vultr Cloud
VM Boot Time
From snapshot, a fresh VM typically takes 30–35 minutes to become playable.
In a decentralized server scenario, this would take only a few seconds due to pre-warmed or dedicated instances.
Billing Policy
On Vultr, game sessions are billed for a minimum of 1 hour.
Even if the player cancels or ends the session early, the full hour is still charged.
Session cancellation/refund is not supported by the provider.
⚠️ Known Issue (Current Build)
The app requires an ideal network environment to run reliably.
If the client receives fewer video/audio frames than expected, it may cause a crash during gameplay.
This issue is scheduled for a fix in the next release, improving error handling and recovery in unstable network conditions.

⚙️ Streaming Settings Overview

I've also added a new resolution option: Native (SD).
This setting is perfect for non-standard screen sizes like mobile phones or tablets, since it provides a closer-to-native resolution that feels natural to the device display and avoids screen cutting or stretching.
Monthly Build (v0.1.12)
Architecture
Windows (OpenGL)
Mac (OpenGL)
Android (OpenGL)
iOS/tvOS (Metal)
x86-64
Download

AArch64
Download
Download
Download
ARMv7


Download

x86-32
Download



There are no rows in this table

Prototype: Community System in CloudPlay Lobby

I’ve been exploring new ways to make APP more than just a launcher for cloud gaming sessions. One idea i`ve prototyping is a Community System built directly into the lobby experience a place where players can connect, chat, and coordinate without leaving the app.
Concept Goals
Enhance the value of subscriptions by offering meaningful social features.
Build regional communities that make it easier to find friends and party up.
Reduce reliance on third-party chat/party apps by integrating tools directly in the lobby.
Create a foundation for future event-driven or community-based experiences.
this is not in production yet. I`ve currently testing the feasibility and overall impact of adding community features to the lobby.
Features
Regional Communities
Organize players by geographical region same as streaming region.
Friends & Status Tracking
Add friends directly inside APP.
View online/offline presence in real-time.
Notifications when friends start sessions or join games.
Chat & Rooms
Simple text chat inside the lobby.
Create or join rooms for instant gaming sessions.
Regional channels for quick matchmaking or event discussions.
Activity Sharing
Show what games friends recently played.
Share session invites or small milestones (optional).
 
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.