Skip to content

Commit

Permalink
.
Browse files Browse the repository at this point in the history
  • Loading branch information
@jh-maeng
jh-maeng committed Sep 6, 2024
1 parent d66723a commit 3fcae1e
Show file tree
Hide file tree
Showing 3 changed files with 358 additions and 0 deletions.
Binary file added en/card.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
233 changes: 233 additions & 0 deletions en/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,233 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Resume - Joohun, Maeng</title>

<meta name="theme-color" content="#3a7bd5" />
<meta name="description" content="Full Stack Game Developer - Joohun, Maeng" />

<meta property="og:url" content="https://resume.born81.com/en" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Resume - Joohun, Maeng" />
<meta property="og:image" content="https://resume.born81.com/en/card.png" />
<meta property="og:description" content="Full Stack Game Developer - Joohun, Maeng" />
<meta property="og:locale" content="en_US" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Resume - Joohun, Maeng" />
<meta name="twitter:image" content="https://resume.born81.com/en/card.png" />
<meta name="twitter:description" content="Full Stack Game Developer - Joohun, Maeng" />
<meta name="twitter:url" content="https://resume.born81.com/en" />

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css" />
<link rel="stylesheet" href="../index.css" />

<script async src="https://www.googletagmanager.com/gtag/js?id=G-L0XFCNDTF9"></script>
<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-L0XFCNDTF9');</script>
<style>
@media print{
body,html{font-size:14px}
h1{font-size:3rem}
h4{font-size:1.5rem}
.big-paragraph{font-size:1.5rem}
.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.row-left{-ms-flex-preferred-size:100%;flex-basis:100%;padding-right:0;padding-bottom:1rem}
.thumb3{width:49.3%}
}
@page {
size: A4 portrait;
margin-top:15mm
}
</style>
</head>

<body>
<div class="container">
<section>
<h1>Hello.<br />I'm Joohun, Maeng<span class="period-mark">.</span></h1>
<p class="big-paragraph">I am a developer with over 20 years of experience in game development, web services, and blockchain technology.</p>
<p class="big-paragraph">I have a deep understanding and expertise in all aspects of development, including mobile game development and optimization, server architecture and infrastructure management, as well as the creation of specialized tools.</p>
<p class="big-paragraph">For the past decade, I have co-founded a company, where I have been serving as CTO.</p>
<p>
<ul>
<li><a href="mailto:jh.maeng@born81.com">jh.maeng@born81.com</a></li>
<li><a href="https://resume.born81.com/en/work.html">Portfolio</a></li>
</ul>
</p>
</section>

<section>
<h2>Career<span class="period-mark">.</span></h2>

<div class="row">
<div class="row-left">
<h5 class="date"><span>2013.07 - Now</span></h5>
<span class="company"><a href="https://unit5soft.com" target="_blank">Unit5</a></span>
<span class="role"> &nbsp; CTO, Co-Founder</span>
<span class="tech">Unity3D, JavaScript, Node.js, Python, PHP, MySQL, Redis, Docker, nginx, Apache HTTP Server</span>
</div>
<div class="row-right">
<div class="project">
<h5>Key Projects<span class="period-mark">.</span></h5>
<ul>
<li>Developed and serviced the client and server for the casual arcade game <mark>`Cubie Adventure`</mark>.
<ul>
<li>Created client and stage creation tools with Unity3D, developed server and operational tools using PHP/MySQL/Redis/JavaScript, and managed operations on AWS.</li>
<li><mark>Awarded</mark> two accolades at the <mark>`Google Indie Game Festival Korea`</mark>, and received the Best Casual Game award at BIC(Busan Indie Connect Festival).</li>
<li>Participated in and managed an indie booth at <mark>PAX EAST</mark></li>
<li>Selected as Apple’s <a href="https://apps.apple.com/mk/story/id1555321314" target="_blank">Game of the Day</a></li>
<li><a href="https://apps.apple.com/app/id1546179196" target="_blank">Apple AppStore</a>, <a href="https://play.google.com/store/apps/details?id=com.unit5soft.cubieadventure&hl=en" target="_blank">Google PlayStore</a></li>
</ul>
</li>
</ul>

<h5>Developed and launched <mark>over 30 mobile games</mark> using <mark>Unity3D</mark><span class="period-mark">.</span></h5>
<p>Throughout each project, I focused on modularizing development processes, actively creating high-level wrappers for various statistics, payment, and advertising SDKs, as well as Unity3D’s APIs.</p>
<ul>
<li>Designed, developed, and operated server-based services like cross-promotion systems.</li>
<li>Created an environment where the development process was agnostic to factors such as user data storage, ad SDKs, or target platforms, allowing for flexible development with build-time flag specification.</li>
<li>Most of the game's functionality, excluding core logic, was implemented using custom-built modules and wrapped APIs, reducing the time required for prototyping and product release.</li>
<li>Created over 100 prototypes, of which more than 30 were commercially released.</li>
<li>Designed and developed all aspects of development, including Unity3D, HTML/JS clients, web servers, cloud server management, and databases.</li>
<li><a href="https://apps.apple.com/us/developer/unit5/id1095195747?see-all=i-phonei-pad-apps" target="_blank">Apple AppStore</a>, <a href="https://play.google.com/store/apps/dev?id=9077046431383856414&hl=en" target="_blank">Google PlayStore</a></li>
</ul>

<h5>Designed and developed tools<span class="period-mark">.</span></h5>
<ul>
<li>Extended Unity3D to design and create tools for building game levels.</li>
<li>Developed level generators, solvers, and difficulty calculation tools to simplify the update and operational processes</li>
</ul>

<h5>Developed blockchain games and operational sites<span class="period-mark">.</span></h5>
<p>I designed and developed the entire process related to wallet management, encryption, and integration with various services.</p>
<ul>
<li>Developed 6 blockchain games utilizing <a href="https://www.gemhub.io" target="_blank">GemHUB</a> Coin, hosted on Oracle Cloud.</li>
<li>Developed 6 blockchain games using <a href="https://www.boraportal.com/play/" target="_blank">Bora</a> Coin, building payment, authentication, and encryption servers with Node.js, which were operated on internal servers.</li>
</ul>

<h5>Collaborated with various publishers and platform providers to develop games<span class="period-mark">.</span></h5>
<p>I developed four games for the <a href="https://games.skillz.com/mobile" target="_blank">Skillz</a> platform and created 15 games serviced on <a href="https://www.crazygames.com" target="_blank">CrazyGames</a>.</p>

<h5>Web Game Development<span class="period-mark">.</span></h5>
<ul>
<li>Designed, developed, and operated both client and backend servers using JavaScript (PixiJS).</li>
<li>Created and utilized custom tools including a resource converter, image packer, scene editor, and animation library.</li>
<li>Launched multiple games using Unity3D WebGL.</li>
</ul>

<h5>Backend Design and Development<span class="period-mark">.</span></h5>
<ul>
<li>Designed and developed databases, as well as statistics and operational websites.</li>
<li>Managed and maintained operations using <mark>AWS</mark>, <mark>Oracle Cloud</mark>, and internal Linux servers.</li>
</ul>
</div>
</div>
</div>


<div class="row">
<div class="row-left">
<h5 class="date"><span>2011.11 - 2013.05</span></h5>
<span class="company">IOS21</span>
<span class="role"> &nbsp; Senior Technology Officer</span>
<span class="tech">Flash (AS3), Haxe, Unity3D, Python</span>
</div>
<div class="row-right">
<div class="project">
<h5>Development of Educational Solutions, Authoring Tools, and Games<span class="period-mark">.</span></h5>
<ul>
<li>Designed and developed functional English education solutions, content authoring tools, web games, and mobile games.</li>
<li>Designed and developed a multi-platform interactive content creation tool and viewer.</li>
<li>Developed <mark>Facebook games</mark>, mobile games and educational apps.</li>
</ul>
</div>
</div>
</div>

<div class="row">
<div class="row-left">
<h5 class="date"><span>2009.10 - 2011.10</span></h5>
<span class="company">Freelancer</span>
<span class="role"> &nbsp; Development, design, tuning</span>
<span class="tech">Flash (AS3), JavaScript, Haxe, C/C++, Python, PHP, ASP, JSP, MySQL, MSSQL</span>
</div>
<div class="row-right">
<div class="project">
<h5>Development Across Various Fields<span class="period-mark">.</span></h5>
<p>I led and completed <mark>over 100 projects</mark>, including web games, multiplayer games, operational tools, educational solutions, mobile apps, and websites.</p>
</div>
</div>
</div>

<div class="row">
<div class="row-left">
<h5 class="date"><span>2008.03 - 2009.09</span></h5>
<span class="company">UXD</span>
<span class="role"> &nbsp; Development Team Lead</span>
<span class="tech">Flash (AS3), Python, C/C++</span>
</div>
<div class="row-right">
<div class="project">
<h5>UI Software for Devices and Web Game Development<span class="period-mark">.</span></h5>
</div>
</div>
</div>

<div class="row">
<div class="row-left">
<h5 class="date"><span>2004.07 - 2008.02</span></h5>
<span class="company">Ryuni</span>
<span class="role"> &nbsp; Development Team Lead</span>
<span class="tech">PHP, ASP, Perl, Python, C/C++, Flash (AS3), JavaScript, MySQL, MSSQL</span>
</div>
<div class="row-right">
<div class="project">
<h5>Developed games and websites utilizing popular character IPs<span class="period-mark">.</span></h5>
<p>Designed and developed single and multiplayer web games, multiplayer game servers using C/C++, and both frontend and backend for community sites.</p>
<ul>
<li>Designed, developed, and operated websites and web games based on iconic manga IPs from SHUEISHA (<mark>Dragon Ball</mark>, <mark>One Piece</mark>, <mark>Naruto</mark>, <mark>Bleach</mark>).</li>
<li>Developed web games and mini-sites for several major Japanese companies, including <mark>Pokémon</mark>, Bandai, and TV Tokyo.</li>
</ul>
</div>
</div>
</div>

<div class="row">
<div class="row-left">
<h5 class="date"><span>2003.12 - 2004.06</span></h5>
<span class="company">DesignReady</span>
<span class="role"></span>
<span class="tech">Java, PHP, ASP, Flash (AS2), JavaScript, MySQL, MSSQL</span>
</div>
<div class="row-right">
<div class="project">
<h5>Developed educational solutions and web games<span class="period-mark">.</span></h5>
</div>
</div>
</div>

<div class="row">
<div class="row-left">
<h5 class="date"><span>1999.07 - 2000.07</span></h5>
<span class="company">ClickCamp</span>
<span class="role"></span>
<span class="tech">Java, PHP, ASP, MySQL, MSSQL</span>
</div>
<div class="row-right">
<div class="project">
<h5>Created UI software for home appliances and developed websites<span class="period-mark">.</span></h5>
<p>Developed control software for small appliances, such as refrigerators, using embedded Java, and built websites for companies and organizations</p>
</div>
</div>
</div>

</section>
</div>
</body>

</html>
125 changes: 125 additions & 0 deletions en/work.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Portfolio - Joohun, Maeng</title>

<meta name="theme-color" content="#3a7bd5" />
<meta name="description" content="Full Stack Game Developer - Joohun, Maeng" />

<meta property="og:url" content="https://resume.born81.com/en/work.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Portfolio - Joohun, Maeng" />
<meta property="og:image" content="https://resume.born81.com/en/card.png" />
<meta property="og:description" content="Full Stack Game Developer - Joohun, Maeng" />
<meta property="og:locale" content="ko_KR" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Portfolio - Joohun, Maeng" />
<meta name="twitter:image" content="https://resume.born81.com/en/card.png" />
<meta name="twitter:description" content="Full Stack Game Developer - Joohun, Maeng" />
<meta name="twitter:url" content="https://resume.born81.com/en/work.html" />

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css" />
<link rel="stylesheet" href="../work/index.css" />

<script async src="https://www.googletagmanager.com/gtag/js?id=G-L0XFCNDTF9"></script>
<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-L0XFCNDTF9');</script>
</head>

<body>
<div class="container">
<section>
<h1>Hello.<br />I'm Joohun, Maeng<span class="period-mark">.</span></h1>
<p>
<ul>
<li><a href="mailto:jh.maeng@born81.com">jh.maeng@born81.com</a></li>
<li><a href="https://resume.born81.com/en">Resume</a></li>
</ul>
</p>
</section>

<section>
<div class="row">
<div class="project">
<h5>Unity3D Game Development<span class="period-mark">.</span></h5>
<p>I developed and personally launched <mark>over 30 mobile games</mark> using Unity3D, and successfully released numerous games through seamless collaboration with publishers.</p>
<ul>
<li><a href="https://apps.apple.com/us/developer/unit5/id1095195747?see-all=i-phonei-pad-apps" target="_blank">Apple AppStore</a></li>
<li><a href="https://play.google.com/store/apps/dev?id=9077046431383856414&hl=en" target="_blank">Google PlayStore</a></li>
<!-- <li><a href="https://www.crazygames.com" target="_blank">CrazyGames</a></li> -->
</ul>
<img loading="lazy" class="thumb thumb2" src="../work/unit5_m_00.png" />
<img loading="lazy" class="thumb thumb2" src="../work/unit5_m_01.png" />
<img loading="lazy" class="thumb thumb2" src="../work/unit5_m_02.png" />
<img loading="lazy" class="thumb thumb2" src="../work/unit5_m_03.png" />
</div>
</div>

<div class="row">
<div class="project">
<h5>Blockchain Game Development<span class="period-mark">.</span></h5>
<p>I developed <mark>12 blockchain games</mark> in collaboration with <a href="https://www.gemhub.io" target="_blank">GemHUB</a> and <a href="https://www.boraportal.com/play/" target="_blank">Bora</a> using Unity3D and HTML/JavaScript.</p>
<img loading="lazy" class="thumb thumb2" src="../work/block_00.png" />
<img loading="lazy" class="thumb thumb2" src="../work/block_01.png" />
</div>
</div>

<div class="row">
<div class="project">
<h5>Developed various tools such as level creation tools and level generators, as well as backend servers<span class="period-mark">.</span></h5>
<p>To enhance development efficiency, I created various tools using the most suitable languages based on the specific requirements.</p>
<img loading="lazy" class="thumb thumb1" src="../work/tool_00.png" />
</div>
</div>

<div class="row">
<div class="project">
<h5>Diverse Development Experience<span class="period-mark">.</span></h5>
<p><mark>Over 20 years</mark> of experience in game development, multiplayer game servers, web server and database design, optimization, technical consulting.</p>
<p>Led and completed more than 100 projects, demonstrating a deep understanding and expertise across a wide range of development areas.</p>
<img loading="lazy" class="thumb thumb1" src="../work/etc_00.png" />
<img loading="lazy" class="thumb thumb1" src="../work/etc_01.png" />
</div>
</div>

</section>
</div>
<script>
function zoom(elm){
elm.blur();

let margin = 40;
let ww = (window.innerWidth || document.documentElement.clientWidth) - margin, wh = (window.innerHeight || document.documentElement.clientHeight) - margin;
let iw = elm.naturalWidth, ih = elm.naturalHeight;
let r = Math.min(ww / iw, wh / ih);
if(r < 1.0){
iw = Math.round(iw * r);
ih = Math.round(ih * r);
}

let zoom = document.getElementById('zoom');
if(zoom)zoom.remove();

zoom = document.createElement('div');
zoom.id = 'zoom';
zoom.innerHTML = `<div class="overlay"></div><img width="${iw}px" height="${ih}px" src="${elm.src}" />`;
zoom.style.setProperty('left', (margin / 2 - 10 + Math.round((ww - iw) / 2)) + 'px');
zoom.style.setProperty('top', (margin / 2 - 10 + Math.round((wh - ih) / 2) + document.body.parentElement.scrollTop) + 'px');
document.body.appendChild(zoom);

zoom.addEventListener('click', () => zoom.remove());
}
window.onload = function(){
document.querySelectorAll('img.thumb').forEach((img) => {
img.addEventListener('click', () => zoom(img));
});
};
</script>
</body>

</html>

0 comments on commit 3fcae1e

Please sign in to comment.