diff --git a/src/SUMMARY.md b/src/SUMMARY.md
index 53a9be4..052c971 100644
--- a/src/SUMMARY.md
+++ b/src/SUMMARY.md
@@ -1,6 +1,9 @@
 # Summary
 - [Foreword](./README.md)
 
+# How to Play
+- [Tutorials](./how-to-play/tutorials.md)
+
 # Getting Started
 - [Quick Start](./getting-started/quick-start.md)
   - [For Dojo](./getting-started/quick-start.md)
diff --git a/src/how-to-play/tutorials.md b/src/how-to-play/tutorials.md
new file mode 100644
index 0000000..8c4e7c9
--- /dev/null
+++ b/src/how-to-play/tutorials.md
@@ -0,0 +1,21 @@
+# Tutorials
+
+## Go to Website
+Firstly, please access to [PixeLAW website](https://www.pixelaw.xyz/).
+Then, click one of play buttons.
+
+![website](../images/website.png)
+
+## Choose An Application and Play
+After click the play button, you can see such a screen.
+![Screenshot](../images/Screenshot.png)
+
+The icons on the right represent game applications.
+From top to bottom: 
+- 2048: Click buttons and slide tiles to create bigger numbers.
+- Tic Tac Toe against an AI Agent
+- Snake: Specify the direction to move.
+- Minesweeper: Specify the grid size and number of mines to play Minesweeper.
+- Paint: Paint a pixel.
+- Hunter: Basically paint a pixel. But you might see a star if you are luckey.
+- Rock-Paper-Scissors: Play RPS game against other users.
\ No newline at end of file
diff --git a/src/images/Screenshot.png b/src/images/Screenshot.png
index ae0f3a7..1848723 100644
Binary files a/src/images/Screenshot.png and b/src/images/Screenshot.png differ
diff --git a/src/images/website.png b/src/images/website.png
new file mode 100644
index 0000000..94122ef
Binary files /dev/null and b/src/images/website.png differ