-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathold_portfolio.html
371 lines (364 loc) · 21.3 KB
/
old_portfolio.html
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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="refresh" content="0; url='https://floreauluca.github.io/portfolio/'" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-65NZKTGSSM"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-65NZKTGSSM');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MNSM69Z');</script>
<!-- End Google Tag Manager -->
<title>Portfolio</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Floreau Luca's Portfolio in english">
<meta name="keywords" content="Floreau, Luca, FloreauLuca, Portfolio, Game, Dev, SAE, Student">
<meta name="keywords" content="Floreau, Luca, FloreauLuca, Portfolio, Game, Dev, SAE, Student">
<meta name="author" content="Floreau Luca">
<meta name="theme-color" content="#313094">
<link rel="stylesheet" href="portfolio.css">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0px
}
</style>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MNSM69Z"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="navbar">
<!-- <a href="index.html">Menu</a> -->
<a href="blog_menu">Blog</a>
<a href="index_alt">WIP Project</a>
<!--<a href="portfolio.html" class="right">FR</a>
<a href="portfolioenglish.html" class="right">EN</a>-->
</div>
<div class="header">
<h1>Floreau Luca</h1>
<h2>Gameplay Programmer </h2>
<section>
<img class="mySlides" src="Data\Portfolio\Game\Minecraft-like\title.gif">
<!--<img class="mySlides" src="Data\Portfolio\Game\UltraPingBong3D\title.gif">-->
<img class="mySlides" src="Data\Portfolio\Game\PenguinCollector\title.png">
<!--<img class="mySlides" src="Data\Portfolio\Game\OnTheDancefloor\title.png">-->
<img class="mySlides" src="Data\Portfolio\Game\PotionCooking\title.png">
<img class="mySlides" src="Data\Portfolio\Game\SpringMan\title.gif">
<!--<img class="mySlides" src="Data\Portfolio\Game\PortalMan\title.gif">-->
<img class="mySlides" src="Data\Portfolio\Game\LeechWeapon\title.png">
<img class="mySlides" src="Data\Portfolio\Game\TheUnstoppableMrStarr\title.png">
<img class="mySlides" src="Data\Portfolio\Game\FarWestDefender\title.gif">
<img class="mySlides" src="Data\Portfolio\Game\AerRacers\title.png">
</section>
</div>
<script>
// Automatic Slideshow - change image every 3 seconds
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {
myIndex = 1;
}
x[myIndex - 1].style.display = "block";
setTimeout(carousel, 3000);
}
</script>
<div class="row">
<div class="side">
<h2>About Me</h2>
<img class="sideimg" src="Data\Portfolio\Fichier 2.png">
<p>
I am Floreau Luca, I am 21 years old and I am a French video game developer. I graduated from a Bachelor of Games Programming at the SAE Institute in Geneva. <br />
I am passionate about video games and I want to share my passion. My goal is to create games that can be played by anyone, anywhere. <br />
I created my first game on my own when I was 10 years old on Game Develop. <br />
I develop with Unity 3D and C ++. <br />
If you like what you see, you can check out more of what I do on my twitter and my itch.io . <br />
</p>
<h2>Contact me</h2>
<div class="contactbar">
<div class="contact">
<a class="contacttxt" href="mailto:[email protected]">
<img class="contactimg" src="Data\Portfolio\Icone\mail.png">
<p class="contacttxt">[email protected]</p>
</a>
</div>
<br>
<div class="contact">
<a class="contacttxt" href="http://www.linkedin.com/in/luca-floreau/">
<img class="contactimg" src="Data\Portfolio\Icone\linkedin.png">
<p class="contacttxt">linkedin.com/in/luca-floreau</p>
</a>
</div>
<br>
<div class="contact">
<a class="contacttxt" href="http://demonskiddy.itch.io/">
<img class="contactimg" src="Data\Portfolio\Icone\itchio.png">
<p class="contacttxt">demonskiddy.itch.io</p>
</a>
</div>
<br>
<div class="contact">
<a class="contacttxt" href="https://github.com/FloreauLuca">
<img class="contactimg" src="Data\Portfolio\Icone\github.svg">
<p class="contacttxt">github.com/FloreauLuca</p>
</a>
</div>
<br>
<!--<div class="contact">
<a class="contacttxt" href="https://twitter.com/Kiddy_Prod">
<img class="contactimg" src="Data\Portfolio\Icone\website.png">
<p class="contacttxt">twitter.com/Kiddy_Prod</p>
</a>
</div>
<br>-->
<div class="contact">
<a class="contacttxt" href="Data\Portfolio\File\CV_Floreau_Luca_Bilingue.pdf">
<img class="contactimg" src="Data\Portfolio\Icone\cvicon.png">
<p class="contacttxt">Download my CV</p>
</a>
</div>
</div>
<br>
<img width="100%" src="Data\Portfolio\Icone\TechnicalSkills.png">
<br>
<img width="100%" src="Data\Portfolio\Icone\OtherSkills.png">
<br>
<a class="twitter-timeline" data-height="1000" href="https://twitter.com/Kiddy_Prod?ref_src=twsrc%5Etfw">Tweets by Kiddy_Prod</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="main">
<h1>School Projects</h1>
<div class="AerRacers gamepanel">
<h2>AerRacers</h2>
<p><b>Game made from September 2020 to May 2021</b></p>
<img class="gameimg" src="Data\Portfolio\Game\AerRacers\aerracers_run.gif">
<div class="labelbar">
<img class="label" src="Data\Portfolio\Icone\Team.png">
<img class="label" src="Data\Portfolio\Icone\Prog.png">
<img class="label" src="Data\Portfolio\Icone\C++.png">
</div>
<h3>
<b>AerRacers is a local multi-player pod racing game running on Nintendo Switch.</b>
</h3>
<p>
This project was created in 8 months as part of my Bachelor. <br />
I worked in a team with 4 of my classmates in C++ using the NekoEngine, we also work with 8 tools programmers, 10 visual artists, and 2 audio artists. <br />
I was the Lead Programmer, Producer, Engine Programmer and Gameplay Programmer. <br />
I learned a lot working with a big team on a long-term project. <br />
More information about this project at <a href="https://floreauluca.github.io/projects/aerracers">https://floreauluca.github.io/projects/aerracers</a>
</p>
<a href="https://github.com/SAE-Institute-Geneva/AerRacers/releases"><p>Check out the release : github.com/SAE-Institute-Geneva/AerRacers/releases</p></a>
</div>
<div class="Minecraft-like gamepanel">
<h2>Minecraft-like</h2>
<p><b>Program made from June to July 2020</b></p>
<img class="gameimg" style="max-height: 800px;width:auto;" src="Data\Portfolio\Game\Minecraft-like\screengif.gif">
<div class="labelbar">
<img class="label" src="Data\Portfolio\Icone\Team.png">
<img class="label" src="Data\Portfolio\Icone\Prog.png">
<img class="label" src="Data\Portfolio\Icone\C++.png">
</div>
<h3>
<b>Our Minecraft-like is a project where you can move and construct inside an infinite generated world. </b>
</h3>
<p>
This project was created in 2 months as part of the module of computer graphics. <br />
I worked in a team with 7 of my classmates in C++ using the NekoEngine. <br />
The NekoEngine is a custom C++ Engine using SDL 2.0 and OpenGL ES 3.0. <br />
I enjoyed working on chunk generation and chunk rendering. <br />
More information about this project at <a href="https://floreauluca.github.io/projects/minecraft-like">https://floreauluca.github.io/projects/minecraft-like</a>
</p>
<a href="https://github.com/LoshkinOleg/NekoEngine/releases"><p>Check out the release : github.com/LoshkinOleg/NekoEngine/releases</p></a>
</div>
<!--<div class="UltraPingBong3D gamepanel">
<h2>Ultra PingBong 3D</h2>
<p><b>Game made on Nov 29, 2019</b></p>
<img class="gameimg" src="Data\Portfolio\Game\UltraPingBong3D\title.gif">
<div class="labelbar">
<img class="label" src="Data\Portfolio\Icone\Solo.png">
<img class="label" src="Data\Portfolio\Icone\Design.png">
<img class="label" src="Data\Portfolio\Icone\Prog.png">
<img class="label" src="Data\Portfolio\Icone\Art.png">
<img class="label" src="Data\Portfolio\Icone\Unity.png">
</div>
<p>
Ultra PingBong 3D is an online multiplayer game in real-time.
</p>
<p>
This project was created to learn the networking in Unity using Photon. It can be played with 2 to 16 players.
</p>
<a href="https://github.com/FloreauLuca/PingBongBR/releases"><p>Check out the release : github.com/FloreauLuca/PingBongBR/releases</p></a>
</div>-->
<div class="PenguinCollector gamepanel">
<h2>Penguin Collector</h2>
<p><b>Game made on April 2019</b></p>
<img class="gameimg" src="Data\Portfolio\Game\PenguinCollector\screengif2.gif">
<div class="labelbar">
<img class="label" src="Data\Portfolio\Icone\Solo.png">
<img class="label" src="Data\Portfolio\Icone\Design.png">
<img class="label" src="Data\Portfolio\Icone\Prog.png">
<img class="label" src="Data\Portfolio\Icone\Art.png">
<img class="label" src="Data\Portfolio\Icone\Unity.png">
<img class="label" src="Data\Portfolio\Icone\Android.png">
</div>
<h3>
<b>Penguin Collector is a shooter in which you must save the penguins from their predators. </b>
</h3>
<p>
This project was created to learn the procedural generation and implementation of artificial intelligence. <br />
It is also available on mobile. I created of the graphics, gameplay, and game design. <br />
More information about this project at <a href="https://floreauluca.github.io/projects/penguin-collector">https://floreauluca.github.io/projects/penguin-collector</a>
</p>
<iframe class="gamewidget" frameborder="0" src="https://itch.io/embed/404584?border_width=0&bg_color=02fff0&link_color=2f7dff&border_color=c7fefd"></iframe>
</div>
<!--<div class="OnTheDancefloor gamepanel">
<h2>On The Dancefloor</h2>
<p><b>Game made on Dec 18, 2018</b></p>
<img class="gameimg" src="Data\Portfolio\Game\OnTheDancefloor\title.png">
<div class="labelbar">
<img class="label" src="Data\Portfolio\Icone\Team.png">
<img class="label" src="Data\Portfolio\Icone\Design.png">
<img class="label" src="Data\Portfolio\Icone\Prog.png">
<img class="label" src="Data\Portfolio\Icone\Unity.png">
<img class="label" src="Data\Portfolio\Icone\Android.png">
</div>
<p>
On The Dancefloor is a rhythm game in which you have to tap in rhythm with the music to make the dancer move.
</p>
<p>
This project was created in one week as part of my training course at SAE. It was one of my first group projects. It's available on mobile.
</p>
<iframe class="gamewidget" frameborder="0" src="https://itch.io/embed/346517?bg_color=000000&fg_color=ffffff&link_color=11ff49&border_color=00d900"></iframe>
</div>-->
<div class="PotionCooking gamepanel">
<h2>Potion Cooking</h2>
<p><b>Game made on November 2018</b></p>
<img class="gameimg" src="Data\Portfolio\Game\PotionCooking\screengif.gif">
<div class="labelbar">
<img class="label" src="Data\Portfolio\Icone\Solo.png">
<img class="label" src="Data\Portfolio\Icone\Design.png">
<img class="label" src="Data\Portfolio\Icone\Prog.png">
<img class="label" src="Data\Portfolio\Icone\Art.png">
<img class="label" src="Data\Portfolio\Icone\Unity.png">
<img class="label" src="Data\Portfolio\Icone\Android.png">
</div>
<h3>
<b>Potion Cooking is a point'n'click in which you play as a mage who must make and sell magic potions to his customers. </b>
</h3>
<p>
This project was the first game created during my training at SAE. <br />
It allowed me to put into practice what I was learning and to create my first mobile game. <br />
Furthermore, I enjoyed creating the sprites with this minimalist style. <br />
More information about this project at <a href="https://floreauluca.github.io/projects/potion-cooking">https://floreauluca.github.io/projects/potion-cooking</a>
</p>
<iframe class="gamewidget" frameborder="0" src="https://itch.io/embed/334586?border_width=5&bg_color=8d642d&fg_color=ffffff&link_color=de8300&border_color=5f3c00"><a href="https://demonskiddy.itch.io/potion-cooking">Potion Cooking by DemonsKiddy</a></iframe>
</div>
<h1>
Personal Projects
</h1>
<div class="SpringMan gamepanel">
<h2>SpringMan</h2>
<p><b>Game made on August 2020</b></p>
<img class="gameimg" src="Data\Portfolio\Game\SpringMan\tutoGif.gif">
<div class="labelbar">
<img class="label" src="Data\Portfolio\Icone\Solo.png">
<img class="label" src="Data\Portfolio\Icone\Jam.png">
<img class="label" src="Data\Portfolio\Icone\Design.png">
<img class="label" src="Data\Portfolio\Icone\Prog.png">
<img class="label" src="Data\Portfolio\Icone\Unity.png">
<img class="label" src="Data\Portfolio\Icone\Android.png">
</div>
<h3>
<b>SpringMan is a platformer where you control the bounce of a spring inside an underground level </b>
</h3>
<p>
This project was created in 48 hours during the Miz Jam 1. The goal was to create a game using specific art assets. The game is available on mobile. <br />
More information about this project at <a href="https://floreauluca.github.io/projects/springman">https://floreauluca.github.io/projects/springman</a>
</p>
<iframe class="gamewidget" frameborder="0" src="https://itch.io/embed/734163?bg_color=4a2e3b&fg_color=ffffff&link_color=e0403f&border_color=410033"><a href="https://demonskiddy.itch.io/springman">SpringMan by DemonsKiddy</a></iframe>
</div>
<div class="TheUnstoppableMrStarr gamepanel">
<h2>The Unstoppable Mr.Starr</h2>
<p><b>Game made on June 2020</b></p>
<img class="gameimg" src="Data\Portfolio\Game\TheUnstoppableMrStarr\gameplay2.gif">
<div class="labelbar">
<img class="label" src="Data\Portfolio\Icone\Team.png">
<img class="label" src="Data\Portfolio\Icone\Jam.png">
<img class="label" src="Data\Portfolio\Icone\Prog.png">
<img class="label" src="Data\Portfolio\Icone\Unity.png">
</div>
<h3>
<b>
The Unstoppable Mr.Starr is a rodeo game where you need to destroy a maximum of cowboys. <br />
</b>
</h3>
<p>
This project was created in 48 hours during the SAE Spring-Jam. <br />
It was really fun to work with beautiful 3D assets. <br />
More information about this project at <a href="https://floreauluca.github.io/projects/the-unstoppable-mr-starr">https://floreauluca.github.io/projects/the-unstoppable-mr-starr</a>
</p>
<iframe class="gamewidget" frameborder="0" src="https://itch.io/embed/677444?bg_color=0f5525&fg_color=e3cc97&link_color=c96038&border_color=213921"><a href="https://demonskiddy.itch.io/the-unstoppable-mrstarr">The Unstoppable Mr.Starr by DemonsKiddy</a></iframe>
</div>
<div class="LeechWeapon gamepanel">
<h2>LeechWeapon</h2>
<p><b>Game made on April 2019</b></p>
<img class="gameimg" src="Data\Portfolio\Game\LeechWeapon\screengif1.gif">
<div class="labelbar">
<img class="label" src="Data\Portfolio\Icone\Solo.png">
<img class="label" src="Data\Portfolio\Icone\Jam.png">
<img class="label" src="Data\Portfolio\Icone\Design.png">
<img class="label" src="Data\Portfolio\Icone\Prog.png">
<img class="label" src="Data\Portfolio\Icone\Art.png">
<img class="label" src="Data\Portfolio\Icone\Unity.png">
</div>
<h3>
<b>LeechWeapon is an action shooter in 3D where you have to use your health to kill zombies. </b>
</h3>
<p>
This project was created in 48 hours during the Ludum Dare 44. I learn a lot about programming and graphism. <br />
More information about this project at <a href="https://floreauluca.github.io/projects/leech-weapon">https://floreauluca.github.io/projects/leech-weapon</a>
</p>
<iframe class="gamewidget" frameborder="0" src="https://itch.io/embed/412405?bg_color=494949&fg_color=ffffff&link_color=00d41d&border_color=7f7373"><a href="https://demonskiddy.itch.io/leech-weapon">LeechWeapon by DemonsKiddy</a></iframe>
</div>
<div class="FarWestDefender gamepanel">
<h2>Far West Defender</h2>
<p><b>Game made on November 2018</b></p>
<img class="gameimg" src="Data\Portfolio\Game\FarWestDefender\screen.jpg">
<div class="labelbar">
<img class="label" src="Data\Portfolio\Icone\Solo.png">
<img class="label" src="Data\Portfolio\Icone\Design.png">
<img class="label" src="Data\Portfolio\Icone\Prog.png">
<img class="label" src="Data\Portfolio\Icone\Art.png">
</div>
<h3>
<b>Western Defender is a tower defense in which you have to eliminate the Indians who come to steal the gold from the train. </b>
</h3>
<p>
This project was created during an internship at Isart Digital. I learned how to use Illustrator and Construct 2. As I didn't get the game files, I can't fix some graphic bugs. <br />
More information about this project at <a href="https://floreauluca.github.io/projects/far-west-defender">https://floreauluca.github.io/projects/far-west-defender</a>
</p>
<iframe class="gamewidget" frameborder="0" src="https://itch.io/embed/74972?linkback=true&bg_color=ffca2f&fg_color=222222&link_color=9c5d00&border_color=d28100"></iframe>
</div>
</div>
</div>
</body>
</html>