나다 - 스트리머 갤러리

스트리머 갤러리

1/3

게임 엔진 개발기 4 - 스프라이트, 메시 드로잉 (feat. 쉐이더) https://gall.dcinside.com/mgallery/board/view?id=game_dev&no=185055 게임 엔진 개발기 3 - 렌더링 라이브러리 선택 - 인디 게임 개발 마이너 갤러리https://gall.dcinside.com/mgallery/board/view/?id=game_dev&no=185006&exception_mode=recommend&page=1 게임 엔진 개발gall.dcinside.com안녕하세요 게임 엔진을 깎고있는 에렌입니다.지난번 3개의 일지가 실베로 갔더라고요?뭣도 아닌 제가 벌써부터 실베 고로시를 당해보는 귀한 경험을 얻게 되었습니다... 고마워요 알바생!!!^^지난 글 이후로, 며칠동안 본격적인 그래픽 드로잉을 위해 열심히 코드와 씨름하는 시간을 가졌습니다.그래서 오늘은 스프라이트와 메시를 드로잉할 수 있도록 게임 엔진의 기본적인 그래픽 모듈 개발에 대한 이야기를 해보려 합니다.에렌 엔진은 게임 오브젝트들이 노드 트리를 이루는 구조를 갖고 있습니다.이는 Godot의 노드들과 비슷한 구조에요.그래서 GameObject라는 상위 노드 개념을 만들고, 스프라이트 드로잉을 위한 Sprite 노드와, 메시 드로잉을 위한 Model 노드를 각각 만들었습니다.제 게임 엔진은 TypeScript버전과 Rust버전이 있는데, 지난 글에도 밝혔듯 TypeScript 버전은 WebGL 지원을 위해 이미 널리 사용중인 렌더링 라이브러리를 기반으로 하고 있습니다.라이브러리를 가져와 쓰다보니 구조를 짜기가 매우 쉬웠어요.2d는 pixi.js를 기반으로 하고, 아래처럼 스프르라이트 드로잉을 아주 간단히 만들어봤습니다.https://erenengine.github.io/eren/eren_ts_2d/examples/test_sprite/index.html Sprite Test Sprite Testerenengine.github.io잘 나오네요.그리고 3D의 경우에도 Babylon.JS를 사용해 금방 만들었어요.glb파일을 로드해 화면에 띄워주는 예제입니다.https://erenengine.github.io/eren/eren_ts_3d/examples/test_mesh/index.html Mesh Test Mesh Testerenengine.github.io잘 뜹니다!!(참고로 여기서 사용된 모델은 CC0라이센스 무료 모델인 Kenney의 mini characters를 사용했습니다.)https://kenney.nl/assets/mini-characters-1 Mini Characters 1 · Kenney Download this package (25 assets) for free, CC0 licensed!kenney.nl이렇게 TypeScript 기반은 구조를 매우 쉽게 만들었지만, 문제는 Rust 버전이었어요.Rust 버전은 완전히 바닥(렌더링 모듈)부터 만들어야 했기 때문에 어려운 작업이었고 꽤나 시간이 걸렸습니다.무엇보다 언어도 익숙치 않았고요. (OOP 기반 언어가 아니다보니 머리가 아프더라고요 ㅋㅋ 그래도 하다보니 익숙해지는 중이네요...)렌더링 라이브러리를 별도로 쓰지 않으니, 완전 밑바닥 쉐이더부터 작성을 하게 됐어요.제 엔진은 wgpu를 기반으로 하기에, WebGPU Shading Language인 wgsl로 쉐이더 코드를 개발합니다.아래는 스프라이트 드로잉을 위한 쉐이더 코드에요.https://github.com/erenengine/eren/blob/main/eren_rs_2d/wgsl/Sprite.wgsl Rate limit · GitHub Rate limit · GitHubgithub.com이렇게 만들어진 스프라이트 렌더러를 통해, 스프라이트를 렌더링해봤습니다!https://github.com/erenengine/eren/blob/main/eren_rs_2d/examples/test_sprite.rs Rate limit · GitHub Rate limit · GitHubgithub.com잘 뜨네요!!그리고 3d 모델을 위한 쉐이더 코드도 작성합니다.https://github.com/erenengine/eren/blob/main/eren_rs_3d/wgsl/Model.wgsl Rate limit · GitHub Rate limit · GitHubgithub.com마찬가지로 3d모델을 불러와 출력해봤어요.https://github.com/erenengine/eren/blob/main/eren_rs_3d/examples/test_mesh.rs eren/eren_rs_3d/examples/test_mesh.rs at main · erenengine/eren 에렌 엔진은 코드 중심의 게임 엔진입니다. Contribute to erenengine/eren development by creating an account on GitHub.github.com잘 나오네요!!이렇게 고작 스프라이트와 메시를 출력하는 것일 뿐이지만, 좌충우돌 시행착오를 많있고, 코드가 매우 복잡해졌습니다 ㅜㅜㅜ상용 게임 엔진들이 얼마나 공을 들여서 잘 만들었는지 뼈저리게 느끼게 됐달까요?그래도 좀 적응을 하니까 자신감이 생기긴 하더라고요.아직 코드베이스가 많이 엉망이고 부족하지만, 꾸준히 발전시켜 보겠습니다.TypeScript쪽도 나중에는 렌더링 라이브러리를 제거하고 자체 버전으로 교환시켜도 될 것 같아요. 그만큼 살짝 자신감이 생겼습니다ㅋㅋ다음 글에서는 마우스 클릭이나 키보드 입력 등 이벤트 처리에 대한 내용을 작성해 보겠습니다.감사합니다.- 에렌 엔진은 코드 중심의 오픈소스 게임 엔진입니다.에렌엔진 웹사이트 작성자 : 에렌

나다

정덕주

2025.05.13 07:04:27

조회 37 추천 0 댓글 0

ㅇㅅㅇ

고정닉 0

전체 댓글 4개

등록순 최신순 답글순

본문 보기

포갤러1(14.43)
존나 쎄짐
05.14 21:18:08
정말나쁜x
정화하면 공2 방2체2씩오름 근데
비주기가주는보스는 레이드로 일반개체얻을수있는데 그림자는 못얻어서 정화시키면안댐
일반몬은 보통 메진있는건 13 13 13 이면 정화해서 메진으로쓰고
어중간한건버리고
배틀개체랑 100개체는 그림자정화안하고쓰고
대충이런식임
- dc App
05.14 22:37:16
정말나쁜x
그림자는 공격력이20퍼 강한대신 방어가20퍼 약함 - dc App
05.14 22:37:41
포갤러2(58.142)
감사합니다 선생님덜 - dc App
05.14 22:52:50

본문 보기

스갤러는 갤러리에서 권장하는 비회원 전용
갤닉네임입니다. (삭제 시 닉네임 등록 가능)

타인의 권리를 침해하거나 명예를 훼손하는 댓글은 운영원칙 및 관련 법률에 제재를 받을 수 있습니다.
Shift+Enter 키를 동시에 누르면 줄바꿈이 됩니다.

갤러리 리스트
번호	제목	글쓴이	작성일	조회	추천
설문	결혼 잘 해서 신분 상승한 것 같은 스타는?	운영자	25/05/26	-	-
16365026	세구 귀엽네 [2]	비늘도치	10:24	55	0
16365025	3y다 팔렸나보네 [2]	ㅇㅇ	10:22	128	0
16365018	몰랐는데 스나갤 댓보고 알았음 트위터아줌마 [2]	ㅇㅇ(118.235)	09:38	94	0
16365013	오늘은 대통령 선거 사전투표일입니다. 모두 투표합시다!	ㅇㅇ	09:23	19	1
16365012	챗지피티 정기결제됐네 [12]	12155	09:21	126	0
16365010	아침부터 시위하네 ㅇㅇ;; [2]	ㅇㅇ(124.51)	09:19	43	0
16365007	부키 겨드랑이 [49]	즈킁	09:12	186	0
16365005	아침에 30줄검스보면서 침흘리면 극대한남이지ㅇㅇ [19]	ㅇㅇ(223.39)	09:07	87	0
16365003	흠 [2]	ㅇㅇ	09:02	26	0
16365002	요즘나오는 레이저무기는 원리가 모지 [1]	ㅇㅇ(223.39)	09:01	36	0
16365001	좋은 아침 [2]	ㅇㅇ	08:59	27	0
16365000	역시 프리렌은 얼굴이 안보여야 이쁘구나 ㅇㅇ;; [3]	ㅇㅇ(124.51)	08:59	36	0
16364998	8:07 [3]	ㅇㅇ	08:57	39	0
16364994	콩밥<< 이거 멋봉리급인가 [3]	ㅇㅇ	08:47	46	0
16364990	아직도 짱깨벽딸에 속는 저능아가 존재하나? [4]	박송하	08:30	63	0
16364984	양넘들은 왤케 amv hmv같은걸 좋아하지	ㅇㅇ(58.232)	08:18	38	0
16364983	오늘이네 [3]	레몬즙볶음밥	08:12	86	0
16364979	2디는 ntr이 순애인게 맞음 [4]	ㅇㅇ(58.232)	07:59	75	0
16364976	혹시 스갤에 타비팬 있나요	우유ㅜㅠ	07:52	92	0
16364975	오늘 저녁은 멀해야대지	ㅇㅇ(58.232)	07:51	24	0
16364972	이게 걸즈토크에요?	우유ㅜㅠ	07:46	44	0
16364971	안 조은 아침입니다 스개루.... [4]	밤순두	07:46	92	0
16364970	좋은 아침입니다 스갤 [10]	스뱀	07:39	64	0
16364968	이거 개웃기네 ㅋㅋㅋㅋ [4]	우유ㅜㅠ	07:38	73	0
16364964	도깨비꽃 잘버티네 ㅋㅋㅋ [6]	먀ㅋㅋ	07:27	135	0
16364962	쇼츠 10만이네	ㅇㅇ(218.236)	07:19	51	0
16364961	사람 이름이 고민시임? [4]	가면가면	07:15	83	0
16364958	교주자체가 짱깨마인드라 그런가 짱깨다모여있는게	박송하	07:10	25	0
16364939	오늘은 명조 공방이 있는날 ㅇㅅㅇ [1]	.ㅇㅅㅇ.	05:54	67	0
16364898	——————————— 갤 문닫습니다 ——————————— [1]	ㅇㅇ(211.234)	04:11	73	0
16364874	고볼륨에는 감동이 있구나	ㅇㅇ(124.51)	03:46	29	0
16364863	헤비 잘나가냐? [1]	스갤러(211.235)	03:29	165	1
16364858	풍형 엘밤통이나 봐야지 랄로 갔네	ㅇㅇ(124.51)	03:23	101	0
16364846	59 개웃기네 ㅋㅋㅋ [1]	ㅇㅇ(118.235)	03:13	107	0
16364838	애매한 시간에 깨버렸네 [3]	ㅇㅇ(124.51)	03:05	65	0
16364837	조강현 운 존나좋노	ㅇㅇ(211.234)	03:05	39	0
16364824	여긴 똥밥시티 얘기 없나요 [2]	ㅇㅇ	02:53	63	0
16364823	윈터지아 유튜브 [3]	스갤러(1.235)	02:45	237	0
16364815	흠 [4]	ㅇㅇ	02:23	75	0
16364812	자다깼는데 헤비 위버스가 ㅋㅋ; [8]	스뱀	02:20	150	0
16364811	이거 유행 끝났나	가면가면	02:19	53	0
16364809	mood 코자임? [3]	ㅇㅇ(211.234)	02:19	73	0
16364804	스포) 이거 어케 수습하노 [4]	가면가면	02:14	122	0
16364803	무드 누구임 급함 [4]	ㅇㅇ	02:10	76	0
16364801	미니세구 생각하면서 그거함 [5]	ㅇㅇ(211.234)	02:07	72	1
16364797	산우잘 노래 가사 번역된 영상 나온 근황	마루링	02:00	35	0
16364795	스쬬님. [6]	ㅇㅇ	01:57	71	0
16364794	이 도네 한 사람 DOPA민 미쳤겠네 ㅋㅋㅋ [3]	우유ㅜㅠ	01:55	160	0
16364790	아리사는 왜 저렇게 방송을 할까 [3]	ㅇㅇ(124.59)	01:44	103	2
16364786	♿+♿+♿+	ㅇㅇ(211.234)	01:37	25	0
뉴스	에픽하이, “사기꾼 거르는 법 특별강의?” 경험에서 우러나온 인생 선배의 조언!	디시트렌드	05.29