Julieisbaka/Desmos_game.html

## Desmos_game.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Desmos Game</title>
    <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
    <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
    <script>
        window.MathJax = {
            tex: {
                inlineMath: [['$', '$'], ['\\(', '\\)']],
                displayMath: [['$$', '$$'], ['\\[', '\\]']]
            }
        };
    </script>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            line-height: 1.6;
        }
        .calculator-preview {
            width: 100%;
            height: 500px;
            border: 1px solid #ccc;
            border-radius: 8px;
            margin: 20px 0;
        }
        .equations {
            background-color: #f5f5f5;
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
        }
        .equation {
            margin: 10px 0;
            font-size: 16px;
        }
        h1 {
            color: #333;
            border-bottom: 2px solid #007acc;
            padding-bottom: 10px;
        }
        .url-link {
            color: #007acc;
            text-decoration: none;
            font-weight: bold;
        }
        .url-link:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <h1>Desmos Game</h1>

    <p>
        <strong>Calculator URL:</strong>
        <a href="https://www.desmos.com/calculator/t7lmq0pe8j" target="_blank" class="url-link">
            https://www.desmos.com/calculator/t7lmq0pe8j
        </a>
    </p>

    <h2>Calculator Preview</h2>
    <iframe
        src="https://www.desmos.com/calculator/t7lmq0pe8j"
        class="calculator-preview"
        title="Desmos Calculator">
    </iframe>

    <h2>Mathematical Equations</h2>
    <div class="equations">
        <div class="equation">$a=\left(x_{2}-2,y_{1}\right)$</div>
        <div class="equation">$b=\left(x_{2}-2,y_{1}-2\right)$</div>
        <div class="equation">$c=\left(x_{2},y_{1}-2\right)$</div>
        <div class="equation">$d=\left(x_{2},y_{1}\right)$</div>
        <div class="equation">$x_{2}=p\left[2\right]\cdot\left[-1,1\right].\operatorname{random}$</div>
        <div class="equation">$y_{1}=p\left[1\right]\cdot\left[-1,1\right].\operatorname{random}$</div>
        <div class="equation">$b_{2}=\left\{y_{1}>0>x_{2}-2\right\}$</div>
        <div class="equation">$b_{3}=\left\{(y_{1}-2 < 0) \land (x_{2}-2)\right\}$</div>
        <div class="equation">$b_{4} = \left\{ y_{1} - 2 < 0 < x_{2} \right\}$</div>
        <div class="equation">$b_{1}=\left\{(y_{1} > 0) \land (x_{2} > 0)\right\}$</div>
        <div class="equation">$p=\mathrm{round}\left(\mathrm{random}\left(2\right)\cdot20\right)$</div>
        <!-- This equation defines a polygon using points a, b, c, and d -->
        <div class="equation">$\text{polygon}\left(a,b,c,d\right)$</div>
        <div class="equation">$\left\{b_{2}=1,b_{1}=1\right\}$</div>
        <div class="equation">$Y_{1}=y_{1}\to y_{1}-0.1$</div>
        <div class="equation">$X_{2}=x_{2}\to x_{2}-0.1$</div>
        <div class="equation">$X_{1}=x_{2}\to x_{2}+0.1$</div>
        <div class="equation">$Y_{2}=y_{1}\to y_{1}+0.1$</div>
    </div>
</body>
</html>

## Desmos_game.md

      
    Raw
  

              Desmos_game.md
            
          
    https://www.desmos.com/calculator/t7lmq0pe8j
$a=\left(x_{2}-2,y_{1}\right)$
$b=\left(x_{2}-2,y_{1}-2\right)$
$c=\left(x_{2},y_{1}-2\right)$
$d=\left(x_{2},y_{1}\right)$
$x_{2}=p\left[2\right]\cdot\left[-1,1\right].\operatorname{random}$
$y_{1}=p\left[1\right]\cdot\left[-1,1\right].\operatorname{random}$
$b_{2}=\left{y_{1}&gt;0&gt;x_{2}-2\right}$
$b_{3}=\left{y_{1}-2&lt;0&gt;x_{2}-2\right}$
$b_{4}=\left{y_{1}-2&lt;0&lt;x_{2}\right}$
$b_{1}=\left{y_{1}&gt;0&lt;x_{2}\right}$
$p=\operatorname{round}\left(\operatorname{random}\left(2\right)\cdot20\right)$
$\operatorname{polygon}\left(a,b,c,d\right)$
$\left{b_{2}=1,b_{1}=1\right}$
$Y_{1}=y_{1}\to y_{1}-0.1$
$X_{2}=x_{2}\to x_{2}-0.1$
$X_{1}=x_{2}\to x_{2}+0.1$
$Y_{2}=y_{1}\to y_{1}+0.1$
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Desmos Game</title>
	<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
	<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
	<script>
	window.MathJax = {
	tex: {
	inlineMath: [['$', '$'], ['\\(', '\\)']],
	displayMath: [['$$', '$$'], ['\\[', '\\]']]
	}
	};
	</script>
	<style>
	body {
	font-family: Arial, sans-serif;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
	line-height: 1.6;
	}
	.calculator-preview {
	width: 100%;
	height: 500px;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin: 20px 0;
	}
	.equations {
	background-color: #f5f5f5;
	padding: 20px;
	border-radius: 8px;
	margin: 20px 0;
	}
	.equation {
	margin: 10px 0;
	font-size: 16px;
	}
	h1 {
	color: #333;
	border-bottom: 2px solid #007acc;
	padding-bottom: 10px;
	}
	.url-link {
	color: #007acc;
	text-decoration: none;
	font-weight: bold;
	}
	.url-link:hover {
	text-decoration: underline;
	}
	</style>
	</head>
	<body>
	<h1>Desmos Game</h1>

	<p>
	<strong>Calculator URL:</strong>
	<a href="https://www.desmos.com/calculator/t7lmq0pe8j" target="_blank" class="url-link">
	https://www.desmos.com/calculator/t7lmq0pe8j
	</a>
	</p>

	<h2>Calculator Preview</h2>
	<iframe
	src="https://www.desmos.com/calculator/t7lmq0pe8j"
	class="calculator-preview"
	title="Desmos Calculator">
	</iframe>

	<h2>Mathematical Equations</h2>
	<div class="equations">
	<div class="equation">$a=\left(x_{2}-2,y_{1}\right)$</div>
	<div class="equation">$b=\left(x_{2}-2,y_{1}-2\right)$</div>
	<div class="equation">$c=\left(x_{2},y_{1}-2\right)$</div>
	<div class="equation">$d=\left(x_{2},y_{1}\right)$</div>
	<div class="equation">$x_{2}=p\left[2\right]\cdot\left[-1,1\right].\operatorname{random}$</div>
	<div class="equation">$y_{1}=p\left[1\right]\cdot\left[-1,1\right].\operatorname{random}$</div>
	<div class="equation">$b_{2}=\left\{y_{1}>0>x_{2}-2\right\}$</div>
	<div class="equation">$b_{3}=\left\{(y_{1}-2 < 0) \land (x_{2}-2)\right\}$</div>
	<div class="equation">$b_{4} = \left\{ y_{1} - 2 < 0 < x_{2} \right\}$</div>
	<div class="equation">$b_{1}=\left\{(y_{1} > 0) \land (x_{2} > 0)\right\}$</div>
	<div class="equation">$p=\mathrm{round}\left(\mathrm{random}\left(2\right)\cdot20\right)$</div>
	<!-- This equation defines a polygon using points a, b, c, and d -->
	<div class="equation">$\text{polygon}\left(a,b,c,d\right)$</div>
	<div class="equation">$\left\{b_{2}=1,b_{1}=1\right\}$</div>
	<div class="equation">$Y_{1}=y_{1}\to y_{1}-0.1$</div>
	<div class="equation">$X_{2}=x_{2}\to x_{2}-0.1$</div>
	<div class="equation">$X_{1}=x_{2}\to x_{2}+0.1$</div>
	<div class="equation">$Y_{2}=y_{1}\to y_{1}+0.1$</div>
	</div>
	</body>
	</html>