Skip to content

Commit 4b335ed

Browse files
IntermentalityIntermentality
committed
PGAS2025
1 parent 7e05fc4 commit 4b335ed

File tree

9 files changed

+164
-48
lines changed

9 files changed

+164
-48
lines changed

‎src/Pages/Home.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,8 @@ export default function Home(){
1414
<h2 className="text-2xl">Projects</h2>
1515
<ul className="list-disc">
1616
<li><Link to="/proj-first-glsl" className="text-sky-300">First GLSL</Link></li>
17-
<li><Link to="/proj-pgas-game" className="text-sky-300">PGAS Game</Link></li>
17+
<li><Link to="/proj-pgas24-game" className="text-sky-300">PGAS24 Game</Link></li>
18+
<li><Link to="/proj-pgas25-game" className="text-sky-300">PGAS25 Game</Link></li>
1819
</ul>
1920

2021
<h2 className="text-2xl">Websites</h2>

‎src/Pages/Projects.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,8 @@ export default function Projects(){
1111
<h2 className="text-2xl"> Project Links </h2>
1212
<ul className="list-disc">
1313
<li><Link to="/proj-first-glsl" className="text-sky-300">First GLSL</Link></li>
14-
<li><Link to="/proj-pgas-game" className="text-sky-300">PGAS Game</Link></li>
14+
<li><Link to="/proj-pgas24-game" className="text-sky-300">PGAS24 Game</Link></li>
15+
<li><Link to="/proj-pgas25-game" className="text-sky-300">PGAS25 Game</Link></li>
1516
</ul>
1617

1718
<h2 className="text-2xl">Websites</h2>

src/Pages/ProjectsPage/PGASGame.tsx renamed to src/Pages/ProjectsPage/PGAS24Game.tsx

Lines changed: 44 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,45 @@
1-
import { Paragraph } from "../../Components/Paragraph";
2-
3-
import LevelSS from "@/assets/PGAS24/PGAS24_Level.png";
4-
import MainMenuSS from "@/assets/PGAS24/PGAS24_MainMenu.png";
5-
import PowerupSS from "@/assets/PGAS24/PGAS24_Powerup.png";
6-
import WarningSS from "@/assets/PGAS24/PGAS24_Warning.png";
7-
8-
export default function PGASGame(){
9-
return <div className="relative grid place-items-center">
10-
<article className="my-4 p-2 w-full max-w-sm md:max-w-2xl">
11-
<h1 className="text-4xl">PGAS-Game</h1>
12-
13-
<Paragraph>School project in October 2024.</Paragraph>
14-
15-
<h2 className="text-2xl">Overview - Psychoacoustics</h2>
16-
<Paragraph>
17-
Initial idea, just creating the interface since I am not familiar with psychoacoustics at all really.
18-
All I still understand that audio being used with games,
19-
and with search approaches was just mainly checking the official documentation first then searching it on a search engine if I couldn't find the answer.
20-
</Paragraph>
21-
22-
<Paragraph>
23-
What you learned / most valuable insights gained | Understanding that transitioning from one tool to a different one can be tough.
24-
In game design class, I was familiar with using Unity 2021 version while the Unity we used was a 2022 version,
25-
it had a new thing called Ui toolkit which as fairly hard to get used to,
26-
I had no idea as well the whole screen had to be filled instead of being able to size outside of the editor,
27-
so when making a small prompt, it would just cover the whole screen.
28-
</Paragraph>
29-
30-
<Paragraph>
31-
Real world value | Understanding the tool that's being transitioned to instead of just delving straight in,
32-
also doing a demo project to understand the tool being used before utilizing it on a Game,
33-
or else organization and the project files would be a mess to update in the future
34-
</Paragraph>
35-
36-
<h2 className="text-xl">Images</h2>
37-
<div className="grid gap-1 grid-cols-1 md:grid-cols-2">
38-
<img src={LevelSS} />
39-
<img src={MainMenuSS} />
40-
<img src={PowerupSS} />
41-
<img src={WarningSS} />
42-
</div>
43-
</article>
44-
</div>
1+
import { Paragraph } from "../../Components/Paragraph";
2+
3+
import LevelSS from "@/assets/PGAS24/PGAS24_Level.png";
4+
import MainMenuSS from "@/assets/PGAS24/PGAS24_MainMenu.png";
5+
import PowerupSS from "@/assets/PGAS24/PGAS24_Powerup.png";
6+
import WarningSS from "@/assets/PGAS24/PGAS24_Warning.png";
7+
8+
export default function PGAS24Game(){
9+
return <div className="relative grid place-items-center">
10+
<article className="my-4 p-2 w-full max-w-sm md:max-w-2xl">
11+
<h1 className="text-4xl">PGAS-2024-Game</h1>
12+
13+
<Paragraph>School project in October 2024.</Paragraph>
14+
15+
<h2 className="text-2xl">Overview - Psychoacoustics</h2>
16+
<Paragraph>
17+
Initial idea, just creating the interface since I am not familiar with psychoacoustics at all really.
18+
All I still understand that audio being used with games,
19+
and with search approaches was just mainly checking the official documentation first then searching it on a search engine if I couldn't find the answer.
20+
</Paragraph>
21+
22+
<Paragraph>
23+
What you learned / most valuable insights gained | Understanding that transitioning from one tool to a different one can be tough.
24+
In game design class, I was familiar with using Unity 2021 version while the Unity we used was a 2022 version,
25+
it had a new thing called Ui toolkit which as fairly hard to get used to,
26+
I had no idea as well the whole screen had to be filled instead of being able to size outside of the editor,
27+
so when making a small prompt, it would just cover the whole screen.
28+
</Paragraph>
29+
30+
<Paragraph>
31+
Real world value | Understanding the tool that's being transitioned to instead of just delving straight in,
32+
also doing a demo project to understand the tool being used before utilizing it on a Game,
33+
or else organization and the project files would be a mess to update in the future
34+
</Paragraph>
35+
36+
<h2 className="text-xl">Images</h2>
37+
<div className="grid gap-1 grid-cols-1 md:grid-cols-2">
38+
<img src={LevelSS} />
39+
<img src={MainMenuSS} />
40+
<img src={PowerupSS} />
41+
<img src={WarningSS} />
42+
</div>
43+
</article>
44+
</div>
4545
}

‎src/Pages/ProjectsPage/PGAS25Game.tsx‎

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
import { Paragraph } from "../../Components/Paragraph";
2+
3+
import HomePageSS from "@/assets/PGAS25/HomePage.png";
4+
import WaveTextSS from "@/assets/PGAS25/WaveText.png";
5+
import WaveTextIndexSS from "@/assets/PGAS25/WaveTextIndex.png";
6+
7+
export default function PGAS25Game(){
8+
return <div className="relative grid place-items-center">
9+
<article className="my-4 p-2 w-full max-w-sm md:max-w-2xl">
10+
<h1 className="text-4xl">PGAS-2025-Game</h1>
11+
12+
<Paragraph>School project in January 2025.</Paragraph>
13+
14+
<h2 className="text-2xl">Overview - ELA Game</h2>
15+
<Paragraph>
16+
What was the goal for your project?:
17+
18+
The goal of the project was to make a mobile
19+
app that allows players to play a telephone
20+
game which allows the players to learn a standard.
21+
</Paragraph>
22+
<Paragraph>
23+
How much did you know about the subject before
24+
we started (standard & coding aspects)?:
25+
26+
I didn't really know the standard,
27+
but I've done coding before for a mobile
28+
app for front-end, so I thought it was going
29+
to be pretty easy to create.
30+
</Paragraph>
31+
<Paragraph>
32+
What resources did you use while working on this
33+
project/activity? Which ones were especially helpful?
34+
Which ones would you use again?:
35+
36+
Mainly Github repositories, community servers to see solutions
37+
to issues, and documentation. I would use documentation again
38+
since it's from the official source and it's helpful, that's how
39+
I setup the storybook originally for React Native.
40+
</Paragraph>
41+
<Paragraph>
42+
What did you learn about yourself as
43+
you worked on this project/activity?:
44+
45+
I realized I need to evaluate everything I deem easy
46+
by more than 3 times the original estimate. To give
47+
myself enough time to make everything polished enough
48+
to be played and give myself enough time to create.
49+
</Paragraph>
50+
<Paragraph>
51+
In what ways have you improved at this kind
52+
of work? What achievements make you feel
53+
proudest?:
54+
55+
I was able to setup a Storyboard for React Native
56+
which was pretty annoying to do and I didn't realize
57+
it was possible until when I tried.
58+
</Paragraph>
59+
<Paragraph>
60+
How does your project/activity make an impact on
61+
others?:
62+
63+
It makes an impact by providing a game solution
64+
to make everyone feel included and not want to quit
65+
like Kahoot or Gimkit if they're losing.
66+
</Paragraph>
67+
<Paragraph>
68+
What would you change if you had a chance to do this
69+
project/activity again?:
70+
71+
I would probably do more research on this
72+
since I underestimated the amount of work needed for this.
73+
</Paragraph>
74+
<Paragraph>
75+
Would you like to continue this project?:
76+
77+
I would like to, I think it's a fun idea and I just didn't
78+
realize how much work it would've take.
79+
</Paragraph>
80+
81+
<h2 className="text-xl">Links</h2>
82+
<li className="text-sky-500">
83+
<a href="https://expo.dev/" target="_blank">
84+
Expo
85+
</a>
86+
</li>
87+
<li className="text-sky-500">
88+
<a href="https://storybook.js.org/" target="_blank">
89+
Storybook
90+
</a>
91+
</li>
92+
<li className="text-sky-500">
93+
<a href="https://github.com/Intermentality/2025ELA_GAME_Storybook" target="_blank">
94+
Github Repo
95+
</a>
96+
</li>
97+
98+
<h2 className="text-xl">Images</h2>
99+
<img src={HomePageSS} className="pb-1" />
100+
<div className="grid gap-1 grid-cols-1 md:grid-cols-2">
101+
<img src={WaveTextSS} />
102+
<img src={WaveTextIndexSS} />
103+
</div>
104+
</article>
105+
</div>
106+
}

‎src/Pages/ProjectsPage/PortfolioLog.tsx‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,12 @@ export default function PortfolioLog(){
55
<article className="my-4 p-2 w-full max-w-sm md:max-w-2xl">
66
<h1 className="text-4xl">Portfolio Log</h1>
77

8+
<h2>2025/02/06</h2>
9+
<h3 className="font-semibold text-xl italic">Update</h3>
10+
<Paragraph>
11+
PGAS25 log added.
12+
</Paragraph>
13+
814
<h2>12/17/2024</h2>
915
<h3 className="font-semibold text-xl italic">Update</h3>
1016
<Paragraph>

‎src/app.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,8 @@ import Home from './Pages/Home'
66
import Projects from './Pages/Projects'
77

88
import FirstGLSL from './Pages/ProjectsPage/FirstGLSL';
9-
import PGASGame from './Pages/ProjectsPage/PGASGame';
9+
import PGAS24Game from './Pages/ProjectsPage/PGAS24Game';
10+
import PGAS25Game from './Pages/ProjectsPage/PGAS25Game';
1011
import EINTY_IWeb from './Pages/ProjectsPage/EINTY-IWeb';
1112
import PortfolioLog from './Pages/ProjectsPage/PortfolioLog';
1213
import NovaInOrion_IWeb from './Pages/ProjectsPage/NovaInOrion-IWeb';
@@ -28,7 +29,8 @@ export const App: React.FC = () => {
2829

2930
{/* Side Pages */}
3031
<Route path="/proj-first-glsl" element={<FirstGLSL />} />
31-
<Route path="/proj-pgas-game" element={<PGASGame />} />
32+
<Route path="/proj-pgas24-game" element={<PGAS24Game />} />
33+
<Route path="/proj-pgas25-game" element={<PGAS25Game />} />
3234
<Route path="/proj-einty-iweb" element={<EINTY_IWeb/>} />
3335
<Route path="/proj-portfolio" element={<PortfolioLog/>} />
3436
<Route path="/proj-novainorion" element={<NovaInOrion_IWeb/>} />

‎src/assets/PGAS25/HomePage.png‎

240 KB
Loading

‎src/assets/PGAS25/WaveText.png‎

224 KB
Loading

‎src/assets/PGAS25/WaveTextIndex.png‎

276 KB
Loading

0 commit comments

Comments
 (0)