본문 바로가기

전체 글

웹기반 메타버스 - 실시간 멀티플레이 생존 웹게임 Persona를 소개합니다. (데모 런칭) 안녕하세요 Jiwon 입니다. 오랜만에 글을 쓰게 됐습니다 결론부터 간단하게 말씀드리자면, 웹기반 메타버스 온라인 게임을 제작하게 되어 세상에 내놓기 위해서 이 글을 쓰게 되었습니다 https://personaworld.lol 오직 JavaScript로만 제작한 웹기반 실시간 온라인 3D 게임이며, 생존 게임의 많은 요소들을 차용하여 만들었습니다 이 메타버스의 핵심적인 컨셉은 자유도가 높고, 즐길 요소가 있고, 매우 활발한 실시간 네트워킹입니다. 예를 들어서, 건축을 할 때에도 시중에 나온 것처럼 관리자만이 건축을 할 수 있는 것이 아닌, 접속한 모든 유저들이 하나의 월드에 접속하여 각자의 건물을 만들어 나갈 수 있습니다 (마치 마인크래프트처럼) 유저가 활동하는 대부분의 것들이 실시간으로 연동되고, 자유.. 더보기
threejs 성능 최적화 방법 안녕하세요 Jiwon입니다 오늘은 WebGL의 프레임워크인 Three.js에 대한 정보를 공유하겠습니다. 저는 Three.js로 제 소개 웹사이트를 하나 만들었었습니다. 그 과정에서 여러가지 난관을 맞닥뜨렸었는데요 많은 어려움이 있었지만 그 중 가장 힘들었고 또 나름 해결해서 뿌듯했던 점이 있었습니다. 바로 성능 최적화입니다 쉽게 말해서 그냥 렉걸려서 도저히 못돌리겠는 걸 원활하게 한다는 얘기입니다. 저는 아래 링크에서 힌트의 큰 틀을 얻었었는데요 https://discourse.threejs.org/t/how-to-optimize-objects-in-three-js-methods-of-optimization/2242 How to optimize objects in three.js? Methods of .. 더보기
Nest.js란? - Express.js를 놔두고 왜 Nest.js를 쓸까? 안녕하세요 Jiwon입니다. 오늘은 Nest.js에 대해서 살펴보겠습니다. 1. Nest.js란? 우선 Nestjs의 공식 사이트를 가보시면 이렇게 적혀있습니다 A progressive Node.js framework for building efficient, reliable and scalable server-side applications. 효율적이고 안정적이며 확장 가능한 서버 측 애플리케이션을 구축하기 위한 진보적인 Node.js 프레임워크입니다. 자, 이 문장만 보시면 와닿는 것도 별로 없고 추상적이죠 저는 기술을 볼 땐 해당 기술이 어떤 문제를 해결해주느냐? 에 초점을 두는 것이 좋다고 생각합니다. 또한 같은 맥락에서, 해당 기술의 철학을 주의 깊게 살펴보아야 한다고 생각합니다. 공식 문서에서.. 더보기