본문 바로가기
728x90
SMALL

전체 글148

[WebGL][Phaser][웹 기반] HTML5기반 2D 게임 라이브러리 (프레임워크) "Phaser 페이저" Phaser 페이저(MIT 라이선스)는 영국에 Richard Davey (Photonstorm) HTML5기반 2D 게임 개발 프레임워크입니다. 또한 WebGL지원으로 3D 구현도 가능합니다. 전에 소개 해드렸던 Processing 프로세싱(Java 기반), P5.js (JavaScript / WebGL 기반), Three.js(JavaScript / WebGL 기반)와 비슷한 라이브러리 (프레임 워크)입니다. Pixi.js 라이브러리로 렌더링을 하며, Apache Cordova 아파치 코도바 (구, PhoneGap 폰갭) (모바일 앱 개발 프레임워크의 Third Party 툴로 iOS, Android, Desktop앱 개발에 사용되었습니다. ==================================.. 2023. 3. 19.
[SFML / Code::Blocks] example Man (Player) Spritesheet Test example Man (플레이어) 스프라이트시트 테스트 SFML으로 example Man (플레이어) Spritesheet Test 게임 리소스 관리를 위해서 파일 분할 main.cpp (main loop, window, input 등등), player.cpp, player.h(.hpp) 파일 Packed Sprite를 Sprite 픽셀 사이즈에 맞춰 수정 필요 (SDL2 역시 똑같이 정리해야함) Character(const sf::Vector2f& pos) : pos(pos) { sprite.setTextureRect({0,0,152,152}); animations[int( AnimationIndex::WalkingUp )] = Animation(152,0,152,152); animations[int( AnimationIndex::WalkingDown )].. 2023. 3. 3.
[P5.js][Development Study 개발 공부] 2D RPG 형식 Tile Map P5.js Image Texture (Background 배경 Texture) / Script(shape, 색상 코드)로 2D RPG 형식 Tile Map/* Video Game By Spread Wing Studio */const UNIT = 128; // each unit in the world is 128 pixels.const WIDTH = 10; // width, in world units.const HEIGHT = 10; // height, in world units.let img;let stone_texture;function preload() { img = loadImage('images/stone_texture.png');}function setup() { createCanvas(64.. 2023. 2. 16.
[Processing 프로세싱][Development Study 개발 공부] 2D RPG 형식 Script Tile Map 2년전부터 해당 유튜브 강좌를 찾아서 공부해오던 것인데 게임 개발에 적용할 수 있는 형식이라서 정리해두고 있습니다. 유튜브에서 John McCaffrey라는 유튜버가 Processing 강좌를 하는데 2D Spritesheet로 프로세싱 게임 만드는 강좌를 가끔 올려서 시간 날때마다 코딩하고 제가 디자인한 캐릭터를 적용해서 테스트하면서 공부하고 있습니다. Tile Map을 Image Texture가 아닌 Script(shape, 색상 코드)로 디자인 하다보니 타일맵 디자인이 투박하지만 용량면에서 가볍다고 생각합니다. 이 강좌에서는 2D Sprite 캐릭터 Package 잘라서 각 Frame마다 Animation하게 하고 키보드로 Control하게 하는 것을 주로 다룹니다. 아래 코드는 Processing.. 2023. 2. 16.
728x90
LIST