
Gear-Heart
2D 플랫포머 슈팅 장르의 게임입니다. 모노톤 그래픽을 채용하여 디스토피아 세계관을 강조하였습니다. BIC(부산 인디 커넥트)에 참가하여 부스 운영을 한 경험이 있습니다. 실제 스토브 인디와 Project LamB 라는 팀 명으로 계약을 맺어 Stove Store SDK를 사용해여 현재 스토브 스토어에서 게임을 입점하게 되었습니다.
Stove store >
예술적인 개발자
홍상준 입니다.
안녕하세요 숭실대학교 컴퓨터학부에서
게임 개발과 웹 프론트 엔드공부를 해왔고,
현재는 클라이언트 개발자를 꿈꾸는 홍상준 입니다.
배웠던 것을 활용하고, 만들었던것이 작동하는 모습을 볼때 뿌듯함을 느끼며,
새로운 지식을 배우며 성장하고 다양한 문제를 해결할때 성취감을 즐거움을 느낄줄 아는 개발자 입니다.
대학 연합 동아리인 ProjectLamB의 창립 멤버로, 개발자, 테크 디렉터 로 활동하고 있습니다.
Unity로 게임개발을 했었고 만들었던 게임을 런칭하고 판매했던 경험이 있고,
다양한 공모전 활동의 경험이 있습니다.
그리고, 숭실대 게임 개발 동아리인 겜마루에 소속되어 쉐이더를 통한 이펙트 제작 특강을 진행하기도 했습니다.
또한 평소 C/C++/Python으로 백준을 풀면서 알고리즘 공부를 했습니다.
게임 외적인 프로젝트로 Riot API를 이용해 유저의 게임데이터를 가져오고 R studio를 이용해
유저의 플레이 동향에 대한 통계적 가설을 세우고 분석하는 프로젝트를 진행했습니다.
안면인식, 시선 추적 오픈소스를 이용한 웹 기반 온라인 테스트 부정행위 모니터링 프로그램을 만들었고,
이 프로젝트는 KCI 논문으로 등재되었습니다.
1. Tech Tools
알고리즘 문제해결
C
C++
Python
Java
게임 제작
Unity
C#
FMOD
웹 개발
HTML
CSS
Javascript
Typescript
SCSS
Node.js
Jquary
React
2. Collaboration Tools
Github
Sourcetree
Discord
Notion
DrawIO
Slack
Zeplin
3. Design Tools
ClipStudio
Photoshop
Procreate
AfterEffect
Blender
Figma
깃허브 Repository를 만들면서, 개인 프로젝트 뿐만 아니라, 협업 프로젝트 그리고 개발 공부를 하면서 배웠던 자료구조와 자료구조를 구현한 코드, 알고리즘 노트를 마크다운으로 작성하였습니다. 노트는 보는 사람도, 다음에 읽을 자신을 생각하면서 작성했습니다.
Gear-Heart
2D 플랫포머 슈팅 장르의 게임입니다. 모노톤 그래픽을 채용하여 디스토피아 세계관을 강조하였습니다. BIC(부산 인디 커넥트)에 참가하여 부스 운영을 한 경험이 있습니다. 실제 스토브 인디와 Project LamB 라는 팀 명으로 계약을 맺어 Stove Store SDK를 사용해여 현재 스토브 스토어에서 게임을 입점하게 되었습니다.
Stove store >뭉뭉이와 총총총
이븐아이 게임톤 5기에 참가하여 개발한 뭉뭉이와 총총총이란 게임입니다. 모바일 캐주얼 러닝게임을 유니티로 제작하였습니다. 기획, 프로젝트 매니저, 사업 각각의 파트를 맡은 팀원과 함께 협업을 진행했고, 실제 구글 플레이 스토어에 런칭한 경험을 했습니다.
Google Play > PPT 첨부 >Sophia
Project LamB에서 현재 개발중인 GearHeart의 후속작 Sophia 입니다. 사이버 펑크 컨셉 3D 탑뷰 로그라이크 장르의 게임입니다. 유니티 URP 파이프라인 환경에서 맵과 애니메이팅을 제외한 전반적인 게임 아키텍쳐를 설계했습니다.
데모 플레이 영상 > 프로젝트 보러 가기 >안면인식을 통한 부정행위 감지
안면인식, 시선 추적 오픈 소스를 이용하여, 웹 기반 온라인 테스트 부정행위 감시 프로그램을 만들었습니다. 이 프로젝트의 설계과정과 연구 내용을 정리하여 논문을 작성하였고 해당 논문은 KCI 논문에 등재되었습니다.
프로젝트 보러 가기 > 첨부 논문 >Portfolio
눈의 피로도가 적은 다크테마 컬러를 사용했습니다. 자바스크립트의 느슨한 타입선언을 보완하고, 클래스 기반 개발이 쉬운 타입스크립트를 이용해 기능구현을 했습니다. 그리고 웹팩을 통해 구현했던 타입스크립트의 모듈을 번들링 했습니다. Swiper.js를 통해 이미지 갤러리를 만들었고, Anime.js를 이용해 SVG 벡터 이미지 애니메이션을 만들었습니다. 그리고 스타일링에서 기존 CSS3는 유지보수가 좀 어렵고 작성한 것들이 알아보기 힘들었습니다. 그래서 SCSS를 이용했습니다. 덕분에 코드를 재활용할 수 있었고 효율적인 스타일링이 가능했습니다.
프로젝트 보러 가기 > 배포된 포트폴리오 >Login Form
로그인 폼을 CSS로 디자인하고 작성한 이메일 인풋에 따라 색, 아이콘이 표시되도록 했습니다. 이메일 형식을 판단하는 로직은 Javascript로 구현했습니다.
프로젝트 보러 가기 >Retro Menu
레트로 게임에서 모티브를 얻어 개발했습니다. 메뉴를 클릭하면 클릭한 메뉴가 활성화되고, 화면 클릭 시 레트로 게임 음악이 재생되며 타이틀이 움직이도록 구현했습니다.
프로젝트 보러 가기 >Moving Square
자바스크립트의 이해를 높이기 위해 키보드와 상호작용하는 브러시를 웹페이지에 구현했습니다. 애니메이션, 시각화된 데이터, 카메라 등등 그래픽을 그리기 위해 사용되는 canvas_API를 이용했습니다.
프로젝트 보러 가기 >Glowing Icon
아이콘에 마우스를 올려놓으면 아이콘이 상호작용하는 프로젝트입니다. 아이콘은 Fontawesome 사용하여 이미지 표시에 비용이 적게 사용되도록 했습니다. 그리고 각 SNS 아이콘에 알맞은 키 컬러를 사용했습니다.
프로젝트 보러 가기 >Momentum
디지털 시계와 로그인 기능, 그리고 LocalStorage를 이용한 TodoList 기능을 넣었습니다. Geolocation API와 Weather API를 사용해 현재 위치의 날씨를 표시하도록 했습니다.
프로젝트 보러 가기 >집과 회사 거리계산
무수히 많은 회사 데이터를 전수조사 할때 인간의 힘으로 해내기 힘들다 판단해 카카오 지도 서비스와 Python을 이용해 거리 데이터를 추출하는 프로젝트입니다.
프로젝트 보러 가기 >LOL Player Statistics
D F 자판의 차이가 통계적으로 승률 차이가 없다는 것을 보임으로써 단축키 설정은 개인의 취향으로써 존중 받을 수 있도록 하고싶다는 생각에서 진행한 프로젝트 입니다
프로젝트 보러 가기 >SIC 머신 아키텍쳐
컴퓨터 구조를 기반으로 SIC/XE머신에서 작동하는 어셈블리 언어를 이용해 기계어의 구조, 어셈블러, 로더, 매크로처리기 등의 구조와 동작 원리를 이해하고 이를 바탕으로 작동가능한 프로그램을 만들었던 과제입니다.
C : 보고서 보러 가기 > Java : 보고서 보러 가기 > 블로그 노트 >프로 개발자가 되기까지 디딤돌이 되는 글을 포스팅하는 기술 블로그 입니다. 백준 문제해결 알고리즘, 자료구조, 유니티 등등 공부한 내용을 포스팅하고 취미 로 그렸던 그림과 작곡했던 음악을 소소하게 개시하기도 합니다.
웹공부 카테고리
웹 공부를 하면서 작성했던 노드, 메모를 정리해서 포스팅 했고, 개념이나 문법이 떠오르지 않을때마다 다시 봐도 이해하기 쉽도록 개념과 예제로 구성했습니다.
카테고리로 이동 하기 >