Skip to content

Commit

Permalink
New Features
Browse files Browse the repository at this point in the history 
- Undo / Redo
- Show Suggested Moves
  • Loading branch information
@zeyu2001
zeyu2001 committed Jan 9, 2021
1 parent 1dee245 commit 7980e83
Show file tree
Hide file tree
Showing 5 changed files with 294 additions and 130 deletions.
Binary file added .DS_Store
View file
Binary file not shown.
2 changes: 1 addition & 1 deletion LICENSE
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
MIT License

Copyright (c) 2020 Zeyu
Copyright (c) 2020 Zhang Zeyu

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
Expand Down
18 changes: 18 additions & 0 deletions css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,4 +14,22 @@

.highlight-black {
box-shadow: inset 0 0 3px 3px blue;
}

.highlight-hint {
box-shadow: inset 0 0 3px 3px red;
}

.no-underline {
text-decoration: none;
}

.no-outline:focus {
outline: none;
box-shadow: none;
}

.btn-header {
font-size: 20px;
font-weight: bold;
}
152 changes: 101 additions & 51 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,68 +60,105 @@
<div class="row align-items-center">
<div class="col-md-6">
<h1 class="text-align-center">Simple Chess AI</h1>
<div class="row align-items-center justify-content-center">
<div class="form-group">
<label for="search-depth">Search Depth (Black):</label>
<select id="search-depth">
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected>3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
</div>
<div class="row justify-content-center">
<span id="position-count">0</span> &nbsp positions evaluated in &nbsp <span id="time">0</span>s.
</div>
<div class="row justify-content-center">
<div class="row mb-3 justify-content-center">
That's &nbsp <span id="positions-per-s">0</span> &nbsp positions / s.
</div>
<div class="row my-3 text-align-center">
<div class="col-md-12">
<h2>Opening Positions</h2>
</div>
</div>
<div class="row my-3 text-align-center">
<div class="col-md-6 my-2">
<button class="btn btn-primary" id="ruyLopezBtn">Ruy Lopez</button>
</div>
<div class="col-md-6 my-2">
<button class="btn btn-primary" id="italianGameBtn">Italian Game</button>
<div id="accordion">
<div class="card">
<div class="card-header" id="settingsHeading">
<h2 class="text-align-center">
<button class="btn btn-header no-outline" data-toggle="collapse" data-target="#settings" aria-expanded="true" aria-controls="settings">
Settings
</button>
</h2>
</div>
</div>
</div>
<div class="row my-3 text-align-center">
<div class="col-md-6 my-2">
<button class="btn btn-primary" id="sicilianDefenseBtn">Sicilian Defense</button>
<div id="settings" class="collapse" aria-labelledby="settingsHeading" data-parent="#accordion">
<div class="card-body">
<div class="row align-items-center justify-content-center">
<div class="form-group">
<label for="search-depth">Search Depth (Black):</label>
<select id="search-depth">
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected>3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
</div>
<div class="row align-items-center justify-content-center">
<div class="form-group">
<label for="search-depth-white">Search Depth (White):</label>
<select id="search-depth-white">
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected>3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
</div>
<div class="row align-items-center justify-content-center">
<div class="form-group">
<input type="checkbox" id="showHint" name="showHint" value="showHint">
<label for="showHint">Show Suggested Move (White)</label>
</div>
</div>
</div>
</div>
<div class="col-md-6 my-2">
<button class="btn btn-primary" id="startBtn">Start Position</button>
<div class="card">
<div class="card-header" id="openingPositionsHeading">
<h2 class="text-align-center">
<button class="btn btn-header no-outline" data-toggle="collapse" data-target="#openingPositions" aria-expanded="true" aria-controls="openingPositions">
Opening Positions
</button>
</h2>
</div>
</div>
</div>
<div class="row my-3 text-align-center">
<div class="col-md-12">
<h2>Computer vs. Computer</h2>
<div id="openingPositions" class="collapse" aria-labelledby="openingPositionsHeading" data-parent="#accordion">
<div class="card-body">
<div class="row my-3 text-align-center">
<div class="col-md-6 my-2">
<button class="btn btn-primary" id="ruyLopezBtn">Ruy Lopez</button>
</div>
<div class="col-md-6 my-2">
<button class="btn btn-primary" id="italianGameBtn">Italian Game</button>
</div>
</div>
<div class="row my-3 text-align-center">
<div class="col-md-6 my-2">
<button class="btn btn-primary" id="sicilianDefenseBtn">Sicilian Defense</button>
</div>
<div class="col-md-6 my-2">
<button class="btn btn-primary" id="startBtn">Start Position</button>
</div>
</div>
</div>
</div>
</div>
<div class="row align-items-center justify-content-center">
<div class="form-group">
<label for="search-depth-white">Search Depth (White):</label>
<select id="search-depth-white">
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected>3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<div class="card">
<div class="card-header" id="compVsCompHeading">
<h2 class="text-align-center">
<button class="btn btn-header no-outline" data-toggle="collapse" data-target="#compVsComp" aria-expanded="true" aria-controls="compVsComp">
Computer vs. Computer
</button>
</h2>
</div>
</div>
</div>
<div class="row text-align-center">
<div class="col-md-6 my-2">
<button class="btn btn-success" id="compVsCompBtn">Start Game</button>
</div>
<div class="col-md-6 my-2">
<button class="btn btn-danger" id="resetBtn">Stop and Reset</button>
<div id="compVsComp" class="collapse" aria-labelledby="compVsCompHeading" data-parent="#accordion">
<div class="card-body">
<div class="row text-align-center">
<div class="col-md-6 my-2">
<button class="btn btn-success" id="compVsCompBtn">Start Game</button>
</div>
<div class="col-md-6 my-2">
<button class="btn btn-danger" id="resetBtn">Stop and Reset</button>
</div>
</div>
</div>
</div>
<div class="row my-3 text-align-center">
Expand All @@ -146,9 +183,22 @@ <h2>Status</h2>
</div>
<div class="col-md-6">
<div id="myBoard"></div>
<div class="row my-3 text-align-center">
<div class="col-md-6 my-2">
<button class="btn btn-danger" id="undoBtn">Undo</button>
</div>
<div class="col-md-6 my-2">
<button class="btn btn-success" id="redoBtn">Redo</button>
</div>
</div>
</div>
</div>
</div>
</main>
<footer>
<p class="text-align-center"> Copyright &copy 2020
<a href="https://github.com/zeyu2001/chess-ai">Zhang Zeyu</a>
</p>
</footer>
</body>
</html>
Loading

0 comments on commit 7980e83

Please sign in to comment.