e39465ad2f
new file: Files/flashplayer_32_sa.exe
new file: favicon.ico
new file: globe.gif
new file: imgs/download.png
new file: imgs/zuck.jpg
new file: index.html
new file: other.ico
new file: script.js
new file: site.webmanifest
new file: sitemap.html
new file: styles/backround.css
new file: styles/border.css
new file: styles/fonts/Titillium_Web/OFL.txt
new file: styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf
new file: styles/fonts/webfontkit-20221027-163353/generator_config.txt
new file: styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css
new file: styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css
new file: styles/fonts/webfontkit-20221027-163353/stylesheet.css
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2
new file: styles/fonts/webfontkit-20221027-165950/generator_config.txt
new file: styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css
new file: styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css
new file: styles/fonts/webfontkit-20221027-165950/stylesheet.css
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2
new file: styles/style.css
new file: tools/2048/.gitignore
new file: tools/2048/.jshintrc
new file: tools/2048/CONTRIBUTING.md
new file: tools/2048/LICENSE.txt
new file: tools/2048/README.md
new file: tools/2048/Rakefile
new file: tools/2048/favicon.ico
new file: tools/2048/index.html
new file: tools/2048/js/animframe_polyfill.js
new file: tools/2048/js/application.js
new file: tools/2048/js/bind_polyfill.js
new file: tools/2048/js/classlist_polyfill.js
new file: tools/2048/js/game_manager.js
new file: tools/2048/js/grid.js
new file: tools/2048/js/html_actuator.js
new file: tools/2048/js/keyboard_input_manager.js
new file: tools/2048/js/local_storage_manager.js
new file: tools/2048/js/tile.js
new file: tools/2048/meta/apple-touch-icon.png
new file: tools/webretro/cores/neocd_libretro.js
new file: tools/webretro/cores/neocd_libretro.wasm
new file: tools/webretro/cores/nestopia_libretro.js
new file: tools/webretro/cores/nestopia_libretro.wasm
new file: tools/webretro/cores/o2em_libretro.js
new file: tools/webretro/cores/o2em_libretro.wasm
new file: tools/webretro/cores/opera_libretro.js
new file: tools/webretro/cores/opera_libretro.wasm
193 lines
15 KiB
HTML
193 lines
15 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
|
|
<!-- Mirrored from www.mathsisfun.com/games/games-strategy-html5.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:52:31 GMT -->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<!-- #BeginEditable "doctitle" -->
|
|
<title>Strategy Games (HTML5)</title>
|
|
|
|
<!-- #EndEditable -->
|
|
<meta name="keywords" content="math, maths, mathematics, school, homework, education">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
|
<meta name="HandheldFriendly" content="true">
|
|
<meta name="referrer" content="always">
|
|
<link rel="preload" href="../images/style/font-champ-bold.ttf" as="font" type="font/ttf" crossorigin>
|
|
<link rel="preload" href="../style4.css" as="style">
|
|
<link rel="preload" href="../main4.js" as="script">
|
|
<link rel="stylesheet" href="../style4.css">
|
|
<link rel="stylesheet" href="local.css">
|
|
<script src="../main4.js" defer></script>
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-29771508-1"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'UA-29771508-1');
|
|
</script>
|
|
</head>
|
|
|
|
<body id="bodybg">
|
|
|
|
<div id="stt"></div>
|
|
<div id="adTop"></div>
|
|
<header>
|
|
<div id="hdr"></div>
|
|
<div id="tran"></div>
|
|
<div id="adHide"></div>
|
|
<div id="cookOK"></div>
|
|
</header>
|
|
|
|
<div class="mid">
|
|
|
|
<nav>
|
|
<div id="menuWide" class="menu"></div>
|
|
<div id="logo"><a href="../index.html"><img src="../images/style/logo.svg" alt="Math is Fun"></a></div>
|
|
|
|
<div id="search" role="search"></div>
|
|
<div id="linkto"></div>
|
|
|
|
<div id="menuSlim" class="menu"></div>
|
|
<div id="menuTiny" class="menu"></div>
|
|
</nav>
|
|
|
|
<div id="extra"></div>
|
|
|
|
<article id="content" role="main">
|
|
|
|
<!-- #BeginEditable "Body" -->
|
|
<div class="catLinks4"><a class="catLink" href="index.html">Games Index</a><a class="catLink" href="index-html5.html">HTML5 Games</a><a class="catLink" href="index-flash.html">Flash Games</a><a class="catLink" href="index-elementary.html">Elementary Games</a><a class="catLink" href="puzzle-games.html">Puzzle Games</a></div>
|
|
|
|
|
|
<h1 class="center">Strategy Games (HTML5)</h1>
|
|
|
|
<div style="max-width:550px; margin-left: auto; margin-right: auto;">
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="connect4.html"><img src="images/connect4.gif" alt="Connect4" style="border-style: none" height="100" width="100" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="connect4.html">4 In A Line!</a></div>Called "Connect 4" by Hasbro.
|
|
Play against computer or another human.
|
|
A great challenge.</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="battleship.html"><img src="images/battleship.gif" alt="Battleship" style="border-style: none" height="99" width="100" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="battleship.html">Battleship Game</a></div>Sink the enemy ships before they sink you!
|
|
(Drag to place, drag outside to rotate.)</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="checkers-2.html"><img src="images/checkers-2.gif" alt="Checkers 2" style="border-style: none" height="100" width="100" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="checkers-2.html">Checkers</a></div>Practice here, then obliterate your friends!</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="chess.html"><img src="images/chess.gif" alt="Chess" style="border-style: none" height="100" width="100" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="chess.html">Chess</a></div>Play against the computer or a friend. Highlights possible moves for each piece.</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="dots-and-boxes.html"><img src="images/dots-and-boxes.gif" alt="Dots and Boxes" style="border-style: none" height="90" width="90" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="dots-and-boxes.html">Dots and Boxes Game</a></div>The classic dots-and-boxes game ... try to make more boxes than the computer</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="five-in-a-line.html"><img src="images/five-in-a-line.gif" alt="Five In A Line" style="border-style: none" height="97" width="99" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="five-in-a-line.html">Five In A Line</a></div>To win: connect 5 pieces in a row, column or diagonally.
|
|
(See more versions at <a href="connect-crazy.html">Connect...</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="go.html"><img src="images/go.gif" alt="Go" style="border-style: none" height="97" width="100" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="go.html">Go Game</a></div>The Ancient Game of Go</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="gomoku.html"><img src="images/gomoku.gif" alt="Gomoku" style="border-style: none" height="99" width="100" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="gomoku.html">Gomoku Game</a></div>Also called Five in a Row. Try to get five stones in a row, column or diagonal.
|
|
It uses a <a href="go.html">"Go"</a>...</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="higher-or-lower.html"><img src="images/higher-or-lower.gif" alt="Higher or Lower" style="border-style: none" height="69" width="100" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="higher-or-lower.html">Higher or Lower Card Game</a></div>Guess if the next card is higher or lower, and earn points!
|
|
(Note: after each bet it skips cards that are very...</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="mancala.html"><img src="images/mancala.gif" alt="Mancala" style="border-style: none" height="99" width="165" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="mancala.html">Mancala</a></div></div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="minesweeper-risk.html"><img src="images/minesweeper-risk.gif" alt="Minesweeper Risk" style="border-style: none" height="99" width="100" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="minesweeper-risk.html">Minesweeper Risk</a></div>Clear the mines, but you may have to take a calculated risk!</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="proximity.html"><img src="images/proximity.gif" alt="Proximity" style="border-style: none" height="98" width="100" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="proximity.html">Proximity Game</a></div>Addictive game!
|
|
Place each piece carefully to capture nearby enemy pieces, but don't also get captured.</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="reversi.html"><img src="images/reversi.gif" alt="Reversi" style="border-style: none" height="89" width="89" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="reversi.html">Reversi</a></div>Also called "Othello", this game has millions of people addicted. We also have several different versions!</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="reversi-small.html"><img src="images/reversi-small.gif" alt="Reversi Small" style="border-style: none" height="89" width="89" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="reversi-small.html">Reversi Small</a></div>This is a 6x6 version of Reversi. Also called Othello. Instructions below.</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="reversi-tiny.html"><img src="images/reversi-tiny.gif" alt="Reversi Tiny" style="border-style: none" height="89" width="89" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="reversi-tiny.html">Reversi Tiny</a></div>This is a 4x4 version of Reversi. Also called Othello. Instructions below.</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="reversi-wide.html"><img src="images/reversi-wide.gif" alt="Reversi Wide" style="border-style: none" height="89" width="89" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="reversi-wide.html">Reversi Wide</a></div>This is an Extra Wide version of Reversi. Also called Othello. Instructions below.</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="sol2048.html"><img src="images/sol2048.gif" alt="Sol2048" style="border-style: none" height="99" width="149" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="sol2048.html">Solitaire 2048 Card Game</a></div></div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="freecell.html"><img src="images/freecell.gif" alt="Freecell" style="border-style: none" height="100" width="100" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="freecell.html">Solitaire Freecell Card Game</a></div></div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="klondike.html"><img src="images/klondike.gif" alt="Klondike" style="border-style: none" height="99" width="100" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="klondike.html">Solitaire Klondike Card Game</a></div></div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="pyramid.html"><img src="images/pyramid.gif" alt="Pyramid" style="border-style: none" height="122" width="250" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="pyramid.html">Solitaire Pyramid Card Game</a></div></div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="spider.html"><img src="images/spider.gif" alt="Spider" style="border-style: none" height="99" width="157" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="spider.html">Solitaire Spider Card Game</a></div></div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="tripeaks.html"><img src="images/tripeaks.gif" alt="TriPeaks" style="border-style: none" height="69" width="200" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="tripeaks.html">Solitaire TriPeaks Card Game</a></div></div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="three-in-a-line.html"><img src="images/three-in-a-line.gif" alt="Three In A Line" style="border-style: none" height="98" width="100" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="three-in-a-line.html">Three In A Line</a></div>To win: connect 3 pieces in a row, column or diagonally
|
|
(See more versions at <a href="connect-crazy.html">Connect...</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="tic-tac-toe.html"><img src="images/tic-tac-toe.gif" alt="Tic-Tac-Toe" style="border-style: none" height="100" width="100" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="tic-tac-toe.html">Tic-Tac-Toe</a></div>Play Tic-Tac-Toe against another player or the computer.
|
|
Different board sizes and computer strength!</div></div>
|
|
<div class="def" style="clear: both;">
|
|
<div style="float:right; padding: 4px 18px 4px 4px;"><a href="tic-tac-toe-old.html"><img src="images/tic-tac-toe-old.gif" alt="Tic-Tac-Toe-Old" style="border-style: none" height="91" width="90" ></a></div>
|
|
<div style="padding: 10px 0 10px 0;"><div style="color: #000088; font: 500 16px/28px Verdana, Georgia, helvetica, serif;">
|
|
<a href="tic-tac-toe-old.html">Tic-Tac-Toe (Old Version)</a></div>Play the classic Tic-Tac-Toe game against the computer. The first player to get three squares in a row wins.</div></div>
|
|
</div><div style="clear: both;"> </div>
|
|
|
|
<div class="related">
|
|
<a href="index.html">Games Index</a>
|
|
</div><!-- #EndEditable -->
|
|
|
|
</article>
|
|
|
|
<div id="adend" class="centerfull noprint"></div>
|
|
<footer id="footer" class="centerfull noprint"></footer>
|
|
<div id="copyrt">Copyright © 2022 Rod Pierce</div>
|
|
|
|
</div>
|
|
</body>
|
|
<!-- #EndTemplate -->
|
|
|
|
<!-- Mirrored from www.mathsisfun.com/games/games-strategy-html5.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:52:31 GMT -->
|
|
</html>
|