crinqe.github.io/index.html at main · Crinqe/crinqe.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en" class="roboto-flex">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Morgan's Portfolio</title>

    <link rel="stylesheet" href="stylesheet.css">
    <script src="script.js"></script>

    <!-- Google Fonts Roboto Flex-->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght,XOPQ,XTRA,YOPQ,YTDE,YTFI,YTLC,YTUC@8..144,100..1000,96,468,79,-203,738,514,712&display=swap" rel="stylesheet">

</head>
<body>
    <header>
        <h1 id="title">Morgan Meys' Portfolio</h1>
        <div class="section" id="about">
            <h3>About Me</h3>
            <p>My name is Morgan Meys, and I'm a rising fourth-year honors computing student at Rochester Institute of Technology.
            I am in the Game Design and Development BS program. I specialize in Game Development, 2D Character and Environment Art,
            and Front End Web Development. I am also exploring an interest in 3D Art. My goal is to combine computing, graphic design,
            and experience design principles to create meaningful experiences for users.
            </p>
        </div>
    </header>
    <main>
        <h2>Highlight Project</h2>
        <div class="section" id="highlight">
            <div class="carousel">
                <button class="previousButton">Previous</button>
                <div class="slide"><img src="images/Overgrown1.png" alt="Overgrown Environment"></div>
                <div class="slide"><img src="images/OvergrownGraybox3.png" alt="Overgrown Graybox"></div>
                <div class="slide" id="square"><img src="images/OvergrownSketch.png" alt="Overgrown Sketch"></div>
                <div class="slide"><img src="images/Overgrown2.png" alt="Overgrown Environment"></div>
                <div class="slide"><img src="images/OvergrownGraybox4.png" alt="Overgrown Graybox"></div>
                <div class="slide"><img src="images/Overgrown3.png" alt="Overgrown Environment"></div>
                <div class="slide"><img src="images/OvergrownGraybox2.png" alt="Overgrown Graybox"></div>
                <div class="slide"><img src="images/Overgrown4.png" alt="Overgrown Environment"></div>
                <div class="slide"><img src="images/Overgrown5.png" alt="Overgrown Environment"></div>
                <button class="nextButton">Next</button>
            </div>
            <h3>Overgrown</h3>
            <p class="role">Role: 3D Environment Artist</p>
            <h4>Contributions</h4>
            <ul>
                <li>Designed a prototype of the environment based on a theme</li>
                <li>Created the architecture and props of the greenhouse using Maya</li>
                <li>Designed textures for each model using Adobe Substance Painter</li>
                <li>Implemented models and textures into Unity</li>
                <li>Animated plants using Maya's animation features</li>
            </ul>
            <a href="pages/overgrown.html"><button class="playButton">More Information</button></a>
        </div>

        <h2>Personal Work</h2>
        <div id="gameGallery">
            <div id="item1">
                <img src="images/bleach-it.png" alt="Bleach It! Art">
            <div class="section">
                <h3>Bleach It!</h3>
                <p><em>Academic Project</em></p>
                <p>A 2D top-down cleaning simulator featuring a character in a
                    pink hazmat suit and fast-paced crime scene jobs!</p>
                <p class="role">Role: UI Artist / UX Design</p>
                <a href="pages/bleach-it.html"><button class="playButton">More Information</button></a>
            </div>
        </div>
        <div id="item2">
            <img src="images/lights-out.png" alt="Lights Out! Art">
            <div class="section">
                <h3>Lights Out!</h3>
                <p><em>Academic Project</em></p>
                <p>A 2D ominous platformer featuring a girl who must turn on all the lights
                    to defeat the nightmare creatures lurking in the dark!
                </p>
                <p class="role">
                    Role: 2D Character / Environment Artist
                </p>
                <a href="pages/lights-out.html"><button class="playButton">More Information</button></a>
            </div>
        </div>
        <div id="item3">
                <img src="images/Plinko1.png" alt="Dungeon Plinko">
            <div class="section">
                <h3>Dungeon Plinko</h3>
                <p><em>Academic Project</em></p>
                <p>A dungeon-themed plinko game where you must drop
                    the coins into the chests to gain the most money!</p>
                <p class="role">
                    Role: Game Developer / 2D Artist
                </p>
                <a href="pages/dungeon-plinko.html"><button class="playButton">More Information</button></a>
            </div>
        </div>
        <div id="item4">
                <img src="images/ButterflyGarden3.png" alt="Butterfly Garden">
            <div class="section">
                <h3>Butterfly Garden</h3>
                <p><em>Academic Project</em></p>
                <p>A 2D simulation of butterflies and birds flying around a garden!</p>
                <p class="role">
                    Role: Programmer / 2D Artist
                </p>
                <a href="pages/butterfly-garden.html"><button class="playButton">More Information</button></a>
            </div>
        </div>
        <div id="item5">
                <img src="images/SS_4.png" alt="Starving Snake">
            <div class="section">
                <h3>Starving Snake</h3>
                <p><em>Academic Project</em></p>
                <p>A 2D arcade game that features a starving snake!
                </p>
                <p class="role">
                    Role: Front-End Web Developer / Game Developer
                </p>
                <a href="pages/starving-snake.html"><button class="playButton">More Information</button></a>
            </div>
        </div>
        <div id="item6">
                <img src="images/ClothesItLogo.png" alt="Clothes It Logo">
            <div class="section">
                <h3>Clothes It</h3>
                <p><em>Hackathon Project</em></p>
                <p>A utility app that allows users to try on and plan outfits virtually!</p>
                <p class="role">
                    Role: 2D Artist and UI Artist
                </p>
                <a href="pages/clothes-it.html"><button class="playButton">More Information</button></a>
            </div>
        </div>
        <div id="item7">
                <img src="images/ScarecrowPortfolio1.png" alt="Corn Maze">
            <div class="section">
                <h3>Corn Maze</h3>
                <p><em>Game Jam Project</em></p>
                <p>A 2D horror game where the trick-or-treater must find their
                lost candy and escape the haunted corn maze!
                </p>
                <p class="role">
                    Role: 2D Character Artist
                </p>
                <a href="pages/corn-maze.html"><button class="playButton">More Information</button></a>
            </div>
        </div>
    </main>
    <footer>
        <div class="section" id="contact">
            <h3>Contact Me</h3>
            <ul>
                <li>Email: morganjmeys@gmail.com</li>
                <li><a href="https://www.linkedin.com/in/morgan-meys/"><button class="playButton">LinkedIn</button></a></li>
                <li><a href="https://github.com/Crinqe"><button class="playButton">GitHub</button></a></li>
                <li><a href="https://crinqe.itch.io/"><button class="playButton">Itch</button></a></li>
            </ul>
        </div>
    </footer>
</body>
</html>