LIVE PORTAL • Telegram v11.8 API Synchronized • Free Animated Stickers
translate Translated

Telegram Games Platform: HTML5 Canvas, WebGL Bot Architecture & Group Leaderboards

play_circle Video tip • Games and Mini Apps

A Telegram game is a web page that opens inside the chat. Nothing is installed, the score comes back as a leaderboard attached to the message, and the whole thing lives and dies with the conversation it was posted in.

That arrangement, first built for games in 2016, is the same one every Mini App uses today. Understanding it here is what makes the rest of that world legible — including the parts of it worth being careful about.

What you will be able to do

  • check_circle Start a game in any chat and challenge the people in it.
  • check_circle Explain what happens between tapping Play and the game appearing.
  • check_circle Tell what the developer of a game or Mini App can see about you.
  • check_circle Recognise which requests from a Mini App are normal and which are not.
play_circle Official Telegram video short — the games platform
1080p clip from @TelegramTips #93 • 0:13
AUTOPLAY

The leaderboard is part of the message, not part of the game — which is why it updates for everyone in the chat at once.

sports_esports What happens when you tap Play

You summon a game by typing a game bot's username in any chat. The bot answers with a card — a title, a picture and a Play button — posted as a normal message that everyone in the chat can see and use.

Tapping Play asks Telegram for a one-time address. Telegram returns it, opens a web view over the chat, and the game loads from the developer's own servers. From that moment you are looking at a web page, not at Telegram.

When the round ends, the game reports your score back and Telegram rewrites the original message with the new standings. The board belongs to that message, so the same game posted in two groups keeps two separate rivalries.

leaderboard
The rivalry is the feature A game posted in a group notifies people when their record is beaten. That loop is why these work at all in a chat app — the game is mediocre and the argument about it is not.
smart_toy Interactive

Games, Mini Apps and what to trust

They all open the same way, which is precisely the problem. Four things that open in that web view, and how far each one's normal behaviour extends.

sports_esports An ordinary game

check_circle The developer receives a signed identifier for you and your score. Enough to keep a leaderboard, and not your phone number or your chats.
check_circle Nothing is installed and closing the view ends it. The risk is comparable to opening a link.
cancel It is still someone's website. It can show ads, it can track you within itself, and Telegram did not write it.

The whole rule: treat what opens in the web view as a website, because that is what it is.

settings Starting one

  1. Type a game bot's username in a chat Begin with @ and the name in any conversation or group. A card appears above the keyboard.
  2. Pick a game from the list The bot offers what it hosts. Selecting one posts it into the chat as a message.
  3. Tap Play The web view opens over the chat and the game loads.
  4. Finish, and let it close Your score is written back to the message, and everyone in the chat sees the board update.
  5. Swipe back to the conversation The chat is still where you left it. Nothing was installed and nothing is running.

public Why this small feature mattered

The games platform proved a point that seemed minor at the time: a full interactive application could run inside a conversation, be shared as a message, and write results back into the chat, without anyone leaving or installing anything.

Everything built on Telegram since has used that shape. Shops, tools, ticketing, the entire wave of tap-to-play apps and the wallets attached to them are the same web view with the same handshake, doing more. The caution at the end of the panels above comes from the same place: the mechanism is neutral, and its trustworthiness is entirely the trustworthiness of whoever wrote the page.

menu_book
Part of the beginner curriculum Step 88 — Telegram Mini Apps architecture

This page is the ancestor and how it works from the outside. The curriculum step is the modern version from the inside: the SDK a Mini App is built with, how it authenticates a user to its own backend, and where the boundaries between the app and the client actually sit.

insights Visual recap

The games platform at a glance

Summoning, the handshake, the chat leaderboard, and the line between a game and a Mini App, on one page. Tap to open it at full resolution.

Infographic summarising Telegram's games platform, inline summoning, web view and chat leaderboards
Enlarged Preview
Click anywhere outside or press ESC to close viewer
smart_display Telegram Video Short
1080p HD
Official Source: @TelegramTips Post #44 Press ESC or click outside to close