cebg-site/src/mobile/gamePlay.html
2022-10-08 19:50:57 +08:00

208 lines
7.5 KiB
HTML
Executable File
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>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<link rel="icon" type="image/x-icon" href="./img/favicon.ico" />
<meta
name="description"
content="CEBG is the 1st Anime + Beauties + Mechas blockchain game that supports FREE TO PLAY and PLAY TO EARN. It\'s an online multiplayer battle royale game where up to 40 players parachute onto an island and scavenge for weapons and equipment to kill others. The last player or team standing wins the round."
/>
<meta
name="keywords"
content="CEBG, CRYPTO ELITES BATTLEGROUNDS, CEBG BATTLEGROUNDS, CE BATTLEGROUNDS, CRYPTO ELITES, cebg Mobile, cebg official, free battle royale, cebg game, cec, ceg, cebg coin, cebg gold, cebg crypto, cebg p2e, play to earn, free to play, blockchain game"
/>
<title>Gameplay | CEBG: CRYPTO ELITES BATTLEGROUNDS</title>
</head>
<body>
<section class="main">
<nav class="nav">
<a href="./index.html">Home</a>
<a href="./gameplay.html" class="cur">GamePlay</a>
<a href="./nft.html">NFT</a>
<a href="./tokenomic.html">Tokenomic</a>
<a href="./team.html">Team</a>
<a href="./toadmap.html">Roadmap</a>
<a href="https://mall.cebg.games/index.html">
<img src="imgMobile/home/marketplace@2x.png" height="35" />
</a>
</nav>
<section class="header gameplay-header">
<div class="header-top">
<a href="./index.html" class="header-top-logo">
<img src="./imgMobile/home/logo@2x.png" height="40" />
</a>
<a href="javascript:;" class="market fr">
<img src="imgMobile/home/menu@2x.png" height="25" />
</a>
<a href="javascript:void(0);" class="login fr" id="header_loginbtn">
<img src="imgMobile/home/login@2x.png" height="25" />
</a>
<a
href="javascript:void(0);"
class="login fr logout"
id="header_logoutbtn"
>
Logout
</a>
</div>
<div class="gameplay-video">
<div id="youtube-video" />
<img
src="imgMobile/game play/gpyj@2x.png"
id="videoMask"
width="100%"
/>
</div>
</section>
<section class="gameplay-content">
<div class="gameplay-content-f3">
<div class="gameplay-content-f3-txt">
<div class="gameplay-img">
<img src="imgMobile/game play/g1@2x.png" width="100%" />
</div>
<div><img src="imgMobile/game play/pvp@2x.png" height="40" /></div>
<h3 class="na-he fs50 c25486b">BATTLE ROYALE</h3>
<p class="na-he">
Quick play and Rank supported, ranked
<br />
match has season ranking.
<br />
Up to 40 players parachute onto an island
<br />
And scavenge for weapons and equipment
<br />
to kill others while avoiding getting killed themselves.
<br />
The last player or team standing wins the round.
</p>
</div>
</div>
<div class="gameplay-content-f3">
<div class="gameplay-content-f3-txt">
<div class="gameplay-img">
<img src="imgMobile/game play/g2@2x.png" width="100%" />
</div>
<div><img src="imgMobile/game play/pve@2x.png" height="40" /></div>
<h3 class="na-he fs50 c25486b">Quest-AFK earning</h3>
<p class="na-he">
No operation needed, automatic battle
<br />
Players can go AFK after entering PVE, battle last
<br />
a certain of time
<br />
Tokens will be rewarded for winning the battle
<br />
while failure leads no rewards
</p>
</div>
</div>
<div class="gameplay-content-f3">
<div class="gameplay-content-f3-txt">
<div class="gameplay-img">
<img src="imgMobile/game play/g4@2x.png" width="100%" />
</div>
<div>
<img src="imgMobile/game play/Upgrabe@2x.png" height="40" />
</div>
<h3 class="na-he fs50 c25486b">Upgrade NFT to increase reward</h3>
<p class="na-he">
·Higher level NFT leads to higher level matches
<br />
that have higher rewards
<br />
·Higher level heros and weapons lead to higher
<br />
win rate
<br />
·Higher level heros have higher daily maximum
<br />
token cap
</p>
</div>
</div>
<div class="gameplay-content-f3">
<div class="gameplay-content-f3-txt">
<div class="gameplay-img">
<img src="imgMobile/game play/g3@2x.png" width="100%" />
</div>
<div>
<img src="imgMobile/game play/Social@2x.png" height="40" />
</div>
<h3 class="na-he fs50 c25486b" style="margin-bottom: 30px;">
Play with your friends
</h3>
<p class="na-he">
Team up with friends in PvP.
<br />
Support real-time voice in battle,
<br />
friend follows, chat room, private
<br />
message, live streaming and other funcions
</p>
</div>
</div>
</section>
<%- include('../comp/footer.html') %>
</section>
<%- include('../comp/walletModal.html') %> <%- include('../comp/jslib.html')
%>
<script>
// $('#gameVideo').click(function () {
// $('.video-mask').hide()
// $('#video-frame').show()
// })
let width = $('#videoMask').width()
let height = $('#videoMask').height()
console.log(width, height)
var tag = document.createElement('script')
tag.src = 'https://www.youtube.com/iframe_api'
var firstScriptTag = document.getElementsByTagName('script')[0]
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag)
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player
function onYouTubeIframeAPIReady() {
player = new YT.Player('youtube-video', {
height: height,
width: width,
videoId: 'od1HDpyMHG0',
events: {
onReady: onPlayerReady,
onStateChange: onPlayerStateChange,
},
})
}
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
$('#videoMask').hide()
event.target.playVideo()
}
// 5. The API calls this function when the player's state changes.
// The function indicates that when playing a video (state=1),
// the player should play for six seconds and then stop.
var done = false
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
}
}
function stopVideo() {
player.stopVideo()
}
</script>
</body>
</html>