728x90 SMALL 전체 글148 [WebGL][three.js][웹 기반 3D게임 개발 연구 (사이드 프로젝트)] Skybox 만들기 예제 샘플 Skybox는 3D게임 개발에서 3D게임 배경 스테이지를 만드는 데 많이 쓰는 방식입니다. 정육면체 오브젝트에 같은 배경이미지 6장을 정육면체 내부로 맵핑해서 붙이고 렌더링해서 보여주는데 있다. Skybox 만들기 예제 샘플 import * os THREE from 'three' import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' import { WEBGL } from './webgl' if (WEBGL.isWebGLAvailable()) { // 장면 추가 const scene = new THREE.Scene() scene.background = new THREE.Color(0xeeeeee) //카메라 추가 const.. 2023. 1. 15. [WebGL][P5.js][웹 기반 3D게임 개발 연구 (사이드 프로젝트)] p5.js 3D Game Test Demo Scene (with Skybox) p5.js 3D 게임 데모 테스트 2D Game / 3D WebGL Game Test Samples Source based in P5.js p5.js 3D Game Test Demo Scene (with Skybox) ========================================= 2년전에 걸쳐서 [P5.js][게임 개발 연구 (사이드 프로젝트)으로 구현해왔던 것인데 아직도 미흡한 것이 많다. 캐릭터의 부분적인 움직임(리깅 문제)인데 어떤 해외 유튜버가 프로세싱을 가지고 3D게임을 구현한 것을 보니 3D 캐릭터 머리, 팔, 다리 별로 따로따로 붙여서 구현한 것을 확인하였다. 아무래도 머리, 팔, 다리 별로 따로따로 붙여서 코딩을 구현해야할 것이 숙제. 솔직히 three.js 라이브러리를 통해서 3D 게임을 구현하는 것이 더 좋.. 2023. 1. 15. 스프레드윙 G 스튜디오의 게임 개발 공부의 사용될 스프레드윙 G 스튜디오 예제 캐릭터 example_man™ (Role 역할 :Player 플레이어(주인공)) & Black_man™ (Role 역할: Enemy 적) 을 소개합니다. example_man™ (Role 역할 :Player 플레이어(주인공)) =========================================== Black_man™ (Role 역할: Enemy 적) 앞으로 자주 만나요. - example_man™ & Black_man™ (Spread Wing Studio™ 스프레드윙 스튜디오™ / [Indie Game Dev-Blog 1인 게임 개발 블로그] Spread Wing G Studio 스프레드윙 G 스튜디오) 2023. 1. 15. [SDL2/Tiled] 예제 코드를 참고로 Tiled Map Editor에서 만든 Tileset Parser 해오고 테스트 예제 코드를 참고로 Tied Map Editor에서 만든 Tileset을 Parser 해오고 테스트 개인적으로 IDE는 Code::Blocks (현재 버전 20.03) / Visual Studio Code 사용하는데 아직 Code::Blocks에서 더 익숙함. Visual Studio Code는 설정이 아직 익숙하지 않아 적응 기간이 필요할 것 같다. SDL include / lib 경로, jason파일, cmake 등등 아무튼 Tied Map Editor에서 만든 Tileset을 IDE로 가져와서 화면을 띄우는 게 급선무 // Parse the map file int mapWidth, mapHeight; fscanf(mapFile, "%d %d", &mapWidth, &mapHeight); int ma.. 2023. 1. 15. 이전 1 ··· 21 22 23 24 25 26 27 ··· 37 다음 728x90 LIST
