telegram-crawler/data/web/telegram.org/blog/games.html
2024-06-30 14:26:52 +00:00

266 lines
17 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html class="">
<head>
<meta charset="utf-8">
<title>Gaming Platform 1.0</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Gaming Platform 1.0">
<meta property="og:image" content="https://telegram.org/file/811140945/2/thDPn9h1P6M.26237.gif/5420d79aaa35fd47af">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content="A major update to Telegram&#39;s Bot Platform&#33; Bots can now offer rich HTML5 experiences, like games">
<meta property="article:published_time" content="2016-10-03T12:58:34+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://telegram.org/file/811140945/2/thDPn9h1P6M.26237.gif/5420d79aaa35fd47af" />
<meta property="fb:app_id" content="254098051407226">
<meta property="vk:app_id" content="3782569">
<meta name="apple-itunes-app" content="app-id=686449807">
<meta name="telegram:channel" content="@telegram">
<link rel="canonical" href="https://telegram.org/blog/games" />
<link rel="icon" type="image/svg+xml" href="/img/website_icon.svg?4">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="alternate icon" href="/img/favicon.ico" type="image/x-icon" />
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
<link href="/css/telegram.css?239" rel="stylesheet" media="screen">
</head>
<body class="preload">
<div id="fb-root"></div>
<div class="tl_page_wrap">
<div class="tl_page_head navbar navbar-static-top navbar navbar-tg">
<div class="navbar-inner">
<div class="container clearfix">
<ul class="nav navbar-nav navbar-right"><li class="dropdown top_lang_select"><a class="dropdown-toggle" onclick="return dropdownClick(this, event)" href="#"><i class="dev_top_lang_icon"></i>EN <b class="minicaret"></b></a>
<ul class="dropdown-menu"><li class="chosen "><a href="?setln=en">English</a></li><li class="long "><a href="?setln=id">Bahasa Indonesia</a></li><li class="long "><a href="?setln=ms">Bahasa Melayu</a></li><li class=""><a href="?setln=de">Deutsch</a></li><li class=""><a href="?setln=es">Español</a></li><li class=""><a href="?setln=fr">Français</a></li><li class=""><a href="?setln=it">Italiano</a></li><li class=""><a href="?setln=nl">Nederlands</a></li><li class=""><a href="?setln=uz">Ozbek</a></li><li class=""><a href="?setln=pl">Polski</a></li><li class="long "><a href="?setln=pt-br">Português (Brasil)</a></li><li class=""><a href="?setln=tr">Türkçe</a></li><li class=""><a href="?setln=be">Беларуская</a></li><li class=""><a href="?setln=ru">Русский</a></li><li class=""><a href="?setln=uk">Українська</a></li><li class=""><a href="?setln=ar">العربية</a></li><li class=""><a href="?setln=fa">فارسی</a></li><li class=""><a href="?setln=ko">한국어</a></li></ul></li><li class="navbar-twitter hidden-xs"><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)"><i class="icon icon-twitter"></i> Twitter</a></li></ul>
<ul class="nav navbar-nav">
<li class=""><a href="/">Home</a></li>
<li class=""><a href="/faq">FAQ</a></li>
<li class=""><a href="/apps">Apps</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/api">API</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/mtproto">Protocol</a></li>
</ul>
</div>
</div>
</div>
<div class="container clearfix tl_page_container ">
<div class="tl_page">
<div class="tl_contest_page_wrap">
<div class="tl_blog_side_blog"><div class="side_blog_wrap">
<div class="side_blog">
<a href="/blog" class="side_blog_header">Recent News</a>
<div class="side_blog_entries">
<a href="/blog/mini-app-bar-paid-media-and-more" class="side_blog_entry">
<div class="side_blog_date">Jun 30</div>
<div class="side_blog_title">Mini App Bar, Paid Media, Story Search &amp; More</div>
</a><a href="/blog/telegram-stars" class="side_blog_entry">
<div class="side_blog_date">Jun 6</div>
<div class="side_blog_title">Telegram Stars: Pay for Digital Goods and More</div>
</a><a href="/blog/message-effects-and-more" class="side_blog_entry">
<div class="side_blog_date">May 31</div>
<div class="side_blog_title">Message Effects, Hashtag Search, and More</div>
</a><a href="/blog/my-profile-and-15-more" class="side_blog_entry">
<div class="side_blog_date">Apr 25</div>
<div class="side_blog_title">My Profile, Recommended Channels and 15 More Features</div>
</a><a href="/blog/sticker-maker" class="side_blog_entry">
<div class="side_blog_date">Apr 14</div>
<div class="side_blog_title">Sticker Editor — Create Your Own Stickers</div>
</a><a href="/blog/telegram-business" class="side_blog_entry">
<div class="side_blog_date">Mar 31</div>
<div class="side_blog_title">Introducing Telegram Business</div>
</a><a href="/blog/monetization-for-channels" class="side_blog_entry">
<div class="side_blog_date">Mar 31</div>
<div class="side_blog_title">Sharing Revenue with Channel Owners</div>
</a>
</div>
</div>
</div></div>
<div id="dev_page_content_wrap" class=" ">
<div class="dev_page_bread_crumbs"></div>
<h1 id="dev_page_title">Gaming Platform 1.0</h1>
<div id="dev_page_content"><div class="blog_side_image_wrap">
<img src="/file/811140945/2/thDPn9h1P6M.26237.gif/5420d79aaa35fd47af" class="blog_side_image"/>
</div>
<p>Last year we launched a <a href="https://core.telegram.org/bots">Bot Platform</a> for Telegram. Free, powerful, and open, it was an instant hit among users and developers. Today we are aiming to push the boundaries further by launching a bot-powered <strong>Gaming Platform</strong> on Telegram. Thats right: you can now use bots to play games in your chats, complete with graphics and sound.</p>
<div class="smartphone_video_player_wrap">
<div class="smartphone_video_player_iphone">
<video class="smartphone_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" poster="ZZZ" autoplay loop controls muted>
<source src="/file/811140153/1/gB7wI2zjrj0.1410621.mp4/06df2101673aabbf29" type="video/mp4">
</video>
</div>
</div>
<h3><a class="anchor" name="ready-to-play" href="#ready-to-play"><i class="anchor-icon"></i></a>Ready to Play</h3>
<p>Hundreds of games are headed your way, but about 30 are ready to be played on Telegram now, most of them published by <a href="https://telegram.me/gamee">@gamee</a>. You can start a game by interacting with their bot directly, or by invoking it from <a href="https://telegram.org/blog/inline-bots">any of your chats</a>. To do that, try typing “@gamee “ in a group and choose a game to start playing with your friends:</p>
<div class="blog_image_wrap">
<a href="/file/811140576/1/-CuMDV4IrNE.105071/adab466b20e49a5758" target="_blank"><img src="/file/811140576/1/-CuMDV4IrNE.105071/adab466b20e49a5758" title="Select a game" /></a>
<p>Select a game</p>
</div>
<p>If you spot a great game on Telegram, you can challenge your friends from other chats by sharing the game with them. </p>
<div class="blog_image_wrap">
<a href="/file/811140035/2/cIULSr61vi4.78261/127282e0bbd66ce3a9" target="_blank"><img src="/file/811140035/2/cIULSr61vi4.78261/127282e0bbd66ce3a9" title="Challenge your friends" /></a>
<p>Challenge your friends</p>
</div>
<h3><a class="anchor" name="better-with-friends" href="#better-with-friends"><i class="anchor-icon"></i></a>Better with Friends</h3>
<p>The best part of the Telegram Gaming Platform is the competition across all your existing chats. We save <strong>high scores</strong> for every game played in every chat, and you can instantly check out how you and your friends are doing against each other. Every time theres a new leader in the game, other playing members of the chat are notified that they need to step it up. </p>
<div class="blog_2images_wrap">
<div class="blog_image_wrap">
<a href="/file/811140426/1/ZCw3vu_v8s0.109692/04efd9e88644939a4f" target="_blank"><img src="/file/811140426/1/ZCw3vu_v8s0.109692/04efd9e88644939a4f" title="YYY"/></a>
<p>In-game high scores</p>
</div>
<div class="blog_image_wrap">
<a href="/file/811140306/1/dkciuEDbpxU.193188/8a0a21b6e9d111be4c" target="_blank"><img src="/file/811140306/1/dkciuEDbpxU.193188/8a0a21b6e9d111be4c" title="YYY"/></a>
<p>New high score in chat</p> </div>
</div>
<h3><a class="anchor" name="easy-to-build" href="#easy-to-build"><i class="anchor-icon"></i></a>Easy to Build</h3>
<p>Building games for Telegram is easy (check out the <a href="https://core.telegram.org/bots/api#games">API</a>). Heres <strong>MathBattle</strong>, a game that took our developer only 3 hours to build. You can launch it from any chat by typing <a href="https://telegram.me/gamebot">@gamebot</a> and choosing Math Battle:</p>
<div class="smartphone_video_player_wrap">
<div class="smartphone_video_player_iphone">
<video class="smartphone_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" poster="ZZZ" autoplay loop controls muted>
<source src="/file/811140234/1/18njZcUlq5M.357062.mp4/09572569b4738fe2d8" type="video/mp4">
</video>
</div>
</div>
<p>This is <strong>Corsairs</strong>, a demo game that took its dev just 5 hours to build and set up. That includes sound, graphics and animations:</p>
<div class="smartphone_video_player_wrap">
<div class="smartphone_video_player_iphone">
<video class="smartphone_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" poster="ZZZ" autoplay loop controls muted>
<source src="/file/811140027/2/Hdhk2QEXGnA.611796.mp4/ecb907590f316596a8" type="video/mp4">
</video>
</div>
</div>
<p>While these demos look basic, Telegram games can be anything from simple arcades and puzzles to multiplayer 3D-shooters and real-time strategy games. The underlying technology is <strong>HTML5</strong>, so games are loaded on-demand as needed, just like ordinary webpages. Games will work on iPhones 4 and newer and on Android 4.4 devices and newer. Note that your friends will need <strong>Telegram 3.13</strong> or higher to play.</p>
<p>If you are a developer, take a look at our <a href="https://core.telegram.org/bots/games">Introduction to Games</a>. Also, feel free to subscribe to our official <a href="https://telegram.me/botnews">@BotNews</a> channel to stay up to date on platform news.</p>
<h3><a class="anchor" name="no-added-calories" href="#no-added-calories"><i class="anchor-icon"></i></a>No Added Calories</h3>
<p>We know you love Telegram because its lean and efficient. This is why the new Gaming Platform requires <strong>0 bytes</strong> of disk space and wont add a single byte to the size of our apps. The only thing we&#39;re adding today is countless more fun moments in your chats.</p>
<div><br></div>
<p>And now let&#39;s see how high you can score.</p>
<div><br></div>
<p><em>October 3, 2016<br>The Telegram Team</em></p>
</div>
</div>
<div class="tl_main_share clearfix">
<a href="https://t.me/share/url?url=https%3A%2F%2Ftelegram.org%2Fblog%2Fgames&text=A%20major%20update%20to%20Telegram%27s%20Bot%20Platform%21%20Bots%20can%20now%20offer%20rich%20HTML5%20experiences%2C%20like%20games" class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="A major update to Telegram&#39;s Bot Platform&#33; Bots can now offer rich HTML5 experiences, like games" data-url="https://telegram.org/blog/games"><i class="tl_telegram_share_icon"></i><span class="tl_telegram_share_label" target="_blank">Forward</span></a>
<a href="https://twitter.com/share" class="tl_twitter_share_btn" id="tl_twitter_share_btn" data-text="A major update to Telegram&#39;s Bot Platform&#33; Bots can now offer rich HTML5 experiences, like games" data-url="https://telegram.org/blog/games" data-via="Telegram">Tweet <span class="tl_twitter_share_cnt"></span></a>
</div>
</div>
<div class="tl_main_recent_news_wrap tlb_other_news_wrap tl_blog_list_page_wrap">
<h3 class="tl_main_recent_news_header">
<a href="/blog">Other News</a>
</h3>
<div class="tl_main_recent_news_cards clearfix">
<a class="dev_blog_card_link_wrap" href="/blog/mini-app-bar-paid-media-and-more"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400026/1/xwmW8Qofk5M.263566/16218cb12e7549e76b" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Mini App Bar, Paid Media, Story Search &amp; More</h4>
<div class="dev_blog_card_lead">Our June update adds a way to minimize mini apps into a compact bar, helps content creators monetize their channels with paid photos and…</div>
</div>
<div class="dev_blog_card_date">Jun 30, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/telegram-stars"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400431/1/-u0XrknOtfw.232636/60f98efd626b95d010" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Telegram Stars: Pay for Digital Goods and More</h4>
<div class="dev_blog_card_lead">Over 400 million users interact with bots and mini apps on Telegram every month to buy products, access services, play games, and much…</div>
</div>
<div class="dev_blog_card_date">Jun 6, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/message-effects-and-more"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400575/2/8KHh7_LfT2A.255792/813a31e04522b5856a" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Message Effects, Hashtag Search, and More</h4>
<div class="dev_blog_card_lead">With this update, you can add spectacular animated effects to messages you send, move captions above media, find public posts using global…</div>
</div>
<div class="dev_blog_card_date">May 31, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/my-profile-and-15-more"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400283/2/u3yTafRoh-g.259708/f2ec7d02b0bf09876e" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">My Profile, Recommended Channels and 15 More Features</h4>
<div class="dev_blog_card_lead">This month we&#39;ve added more than 15 new features, including recommended channels, a way to view your own profile and display your channel…</div>
</div>
<div class="dev_blog_card_date">Apr 25, 2024</div>
</div></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer_wrap">
<div class="footer_columns_wrap footer_desktop">
<div class="footer_column footer_column_telegram">
<h5>Telegram</h5>
<div class="footer_telegram_description"></div>
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
</div>
<div class="footer_column">
<h5><a href="/faq">About</a></h5>
<ul>
<li><a href="/faq">FAQ</a></li>
<li><a href="/privacy">Privacy</a></li>
<li><a href="/press">Press</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#mobile-apps">Mobile Apps</a></h5>
<ul>
<li><a href="/dl/ios">iPhone/iPad</a></li>
<li><a href="/android">Android</a></li>
<li><a href="/dl/web">Mobile Web</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#desktop-apps">Desktop Apps</a></h5>
<ul>
<li><a href="//desktop.telegram.org/">PC/Mac/Linux</a></li>
<li><a href="//macos.telegram.org/">macOS</a></li>
<li><a href="/dl/web">Web-browser</a></li>
</ul>
</div>
<div class="footer_column footer_column_platform">
<h5><a href="//core.telegram.org/">Platform</a></h5>
<ul>
<li><a href="//core.telegram.org/api">API</a></li>
<li><a href="//translations.telegram.org/">Translations</a></li>
<li><a href="//instantview.telegram.org/">Instant View</a></li>
</ul>
</div>
</div>
<div class="footer_columns_wrap footer_mobile">
<div class="footer_column">
<h5><a href="/faq">About</a></h5>
</div>
<div class="footer_column">
<h5><a href="/blog">Blog</a></h5>
</div>
<div class="footer_column">
<h5><a href="/apps">Apps</a></h5>
</div>
<div class="footer_column">
<h5><a href="//core.telegram.org/">Platform</a></h5>
</div>
<div class="footer_column">
<h5><a href="/press">Press</a></h5>
</div>
</div>
</div>
<script src="/js/main.js?47"></script>
<script>initScrollVideos(true);
twitterCustomShareInit();
blogSideImageInit();
backToTopInit("Go up");
removePreloadInit();
</script>
</body>
</html>