JavaScript-Snake/src/ai-example.html at main · realnullframe/JavaScript-Snake

Repository navigation

History

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

<!doctype html>

<head>

<!--

JavaScript Snake

https://patorjk.com/games/snake

Source code is available here: https://github.com/patorjk/JavaScript-Snake

-->

<title>JavaScript Snake - AI Example</title>

<link

rel="stylesheet"

id="style"

type="text/css"

href="css/main-snake.css"

<style>

.snake-toolbar {

position: absolute;

top: 0;

left: 0;

z-index: 10000;

padding: 5px;

}

</style>

function getTheme() {

function changeTheme(themeUrl) {

const elm = document.getElementById("style");

elm && elm.remove();

const newCss = document.createElement("link");

newCss.id = "style";

newCss.rel = "stylesheet";

newCss.type = "text/css";

newCss.href = themeUrl;

document.head.appendChild(newCss);

}

const index = document.getElementById("select").selectedIndex;

switch (index) {

case 0:

changeTheme("./css/light-snake.css?" + Math.random());

break;

case 1:

changeTheme("./css/main-snake.css?" + Math.random());

break;

case 2:

changeTheme("css/dark-snake.css?" + Math.random());

break;

case 3:

changeTheme("css/green-snake.css?" + Math.random());

break;

case 4:

changeTheme("css/matrix-snake.css?" + Math.random());

break;

case 5:

changeTheme("css/Senura-snake.css?" + Math.random());

break;

case 6:

changeTheme("css/head-snake.css?" + Math.random());

break;

case 7:

changeTheme("css/black-snake.css?" + Math.random());

break;

case 8:

changeTheme("css/neon-snake.css?" + Math.random());

break;

default:

changeTheme("css/main-snake.css?" + Math.random());

break;

}

setTimeout(function () {

document.getElementById("game-area").focus();

}, 10);

}

</script>

<!--

window.dataLayer = window.dataLayer || [];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());

gtag('config', 'G-352HTB3H82');

</script>

-->

</head>

<body>

<span>Theme:</span>

<option>Light Theme by yokesharun</option>

<option selected>Main Theme by patorjk</option>

<option>Dark Theme by KenyStev</option>

<option>Green Theme by CoffeeCatDE</option>

<option>Matrix Theme by Geahad Haymor</option>

<option>Theme by Senura Ratnayake</option>

<option>Snake Head Theme by Rb64</option>

<option>Black and purple Theme by LucassSantoss</option>

<option>Neon Theme by Daisy21000</option>

</select>

</div>

<option value="75" selected>Medium</option>

<option value="25">Impossible</option>

</select>

</div>

<button onclick="go_full_screen()">Full Screen</button>

<br />

</div>

function go_full_screen() {

const elem = document.documentElement;

try {

if (elem.requestFullscreen) {

elem.requestFullscreen();

} else if (elem.msRequestFullscreen) {

elem.msRequestFullscreen();

} else if (elem.mozRequestFullScreen) {

elem.mozRequestFullScreen();

} else if (elem.webkitRequestFullscreen) {

elem.webkitRequestFullscreen();

}

} catch (err) {

console.error(err);

alert("Sorry, fullscreen won't work in this setup.");

}

</script>

</body>

</html>

FilesExpand file tree

ai-example.html

Latest commit

History

ai-example.html

File metadata and controls