Added diagram to explain the tiger AI better.

This commit is contained in:
Warwick 2022-04-20 12:38:31 +01:00
parent 5c0ff7b47b
commit 1be56048aa
2 changed files with 10 additions and 3 deletions

View file

@ -13,6 +13,7 @@ import {
const tigerPicture = new URL("../static/images/MonqPage/TigerAI.png", import.meta.url); const tigerPicture = new URL("../static/images/MonqPage/TigerAI.png", import.meta.url);
const tigerDiagram = new URL("../static/images/MonqPage/TigerDiagram.png", import.meta.url);
const sandPicture = new URL("../static/images/MonqPage/Sand.png", import.meta.url); const sandPicture = new URL("../static/images/MonqPage/Sand.png", import.meta.url);
const mirrorPicture = new URL("../static/images/MonqPage/MirrorReflection.png", import.meta.url); const mirrorPicture = new URL("../static/images/MonqPage/MirrorReflection.png", import.meta.url);
@ -86,7 +87,7 @@ class Monq extends Component {
</a> </a>
</iframe> </iframe>
<p /> <p />
<Typography variant="h5"> What I worked on </Typography> <Typography variant="h5"> Stuff I worked on </Typography>
<Typography variant="h6"> Tiger AI </Typography> <Typography variant="h6"> Tiger AI </Typography>
<Grid container spacing={2}> <Grid container spacing={2}>
<Grid item sm={6} xs={12}> <Grid item sm={6} xs={12}>
@ -100,7 +101,7 @@ class Monq extends Component {
complicated AI, I now know that It would have been far complicated AI, I now know that It would have been far
easier to restrict the AI's movement through the use of a easier to restrict the AI's movement through the use of a
more complex steering system rather than calculating where more complex steering system rather than calculating where
it should end up. the actor should target moving towards.
</Grid> </Grid>
<Grid item sm={6}> <Grid item sm={6}>
<Box <Box
@ -111,12 +112,18 @@ class Monq extends Component {
/> />
</Grid> </Grid>
</Grid> </Grid>
<Box
component="img"
alt="Diagram of Tiger AI"
src={tigerDiagram}
style={{ width: "100%", "float": "right" }}
/>
<Typography variant="h6"> Mirror Reflections </Typography> <Typography variant="h6"> Mirror Reflections </Typography>
<Grid container spacing={2}> <Grid container spacing={2}>
<Grid item sm={6}> <Grid item sm={6}>
<Box <Box
component="img" component="img"
alt="Image of Tiger AI" alt="Image of mirror reflection"
src={mirrorPicture} src={mirrorPicture}
style={{ width: "100%", "float": "left" }} style={{ width: "100%", "float": "left" }}
/> />

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB