textrpg
-
JavaScript 입문 : textRPG 만들기 - 각 단계별 최종 작업컴퓨터 알아가기/JavaScript 2022. 9. 13. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 텍스트 롤플레이게임을 만들면서 더 추가로 꾸며보고 싶은 생각이 많이 들었습니다만, 지금 참조하고 있는 강좌도 거의 끝나가고 있기때문에 진도를 먼저 내보고 계속적으로 다듬어 보고자 합니다. 1. 일반 게임 모드 (휴식과 종료 코드 업데이트) 일반 게임 모드에서는 휴식과 종료 코드가 필요합니다. 휴식하는 동안 체력을 최대치로 확보하도록 하여 강한 상대가 나타나도 문제가 없게 하고 게임이 끝나는 종료 코드에서는 this.quit( )메소드를 사용하면서 화면에 떠있는 메시지를 없애면 되겠습니다. 2. 사냥 게임 모드 (회복과 도망 관련 코드) 사냥 게임 모드에서 추가 필요한 코드는 회복과 도망 관련 코드입니다. 회복은 사냥하다가 체력이 손실 되..
-
JavaScript 입문 : textRPG 만들기 - 사냥감 변경, 클래스간 상호 작용(클래스 상속)컴퓨터 알아가기/JavaScript 2022. 9. 11. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난시간 프로그래밍은 잘 작동이 되었지만 헌터가 계속적으로 사냥감을 획득하지 못하고 전사하는 경우가 발생이 되었습니다. 이는 설정해 놓은 동물들의 파워가 최초부터 워낙 강했기 때문인데요. 이 부분을 약간 수정하고 상호간 공격이 가능하도록 수정할 필요가 있습니다. 1. animalList 수정 좀 더 사냥감 획득이 용이하게 내용을 변경해 주었습니다. 이렇게 하고나니 브라우저상 어느 정도 싸움이 됩니다. 현재까지의 자바스크립트 코딩 내역입니다. // 객체지향프로그램 (OOP) 활용 // 클래스로 재구성 3탄 - 모험: animal생성, 전투메뉴 생성은 이전완료, 전투메뉴중 공격 // animal의 공격력 조절, 게임이 안되니 수정 const..
-
JavaScript 입문 : textRPG 만들기 - 사냥모드 업데이트 및 성공한 사냥감 업그레이드 파워 얻기컴퓨터 알아가기/JavaScript 2022. 9. 10. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. textRPG를 class를 이용하여 각 항목별로 묶고 해당되는 함수 메소드가 필요하면 별도로 프로그래밍 하는 연습을 하고 있습니다. 이는 클래스 생성자와 생성자 실행(트리거)을 통해 상호간 연결을 시키는데 장점은 순서와 상관없이 쌍방이 참조를 하면서 코드를 간결하게 하는 역할을 합니다. 이제 거의 완성해 나가는 상황인데 본격적으로 사냥모드에서 상호간 공격하는 메소드를 만들고 사냥감을 획득하게 되면 사냥감이 가지고 있는 업그레이드 파워를 뺏어와서 더욱 강력한 헌터가 되는 프로그램을 만들도록 하겠습니다. 1. 사냥모드 사냥모드에서는 공격을 하는 경우 나올 수 있는 경우의 수를 고민해야 합니다. 헌터가 죽는 경우, 동물이 죽는 경우 이에 따..
-
JavaScript 입문 : textRPG 만들기 - 헌터내역 및 동물내역 업데이트, 일반게임모드, 메시지 표시, 게임종료 메소드컴퓨터 알아가기/JavaScript 2022. 9. 9. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 클래스를 이용하여 코딩을 하다보면 코드가 복잡해 지더라도 큰 흐름을 기억한다면 무난히 적어 내려갈 수 있는 장점이 있는 것 같습니다. 이번장에서는 헌터와 동물의 최초 기본체력을 나타내고 상호간 공격에 의해 체력변화를 나타낼 수 있는 사냥모드를 작성해 보고자 합니다. 1. start( ) 함수 start( ) 함수는 헌터의 이름을 입력하면 게임이 시작되는 함수입니다. 게임이 시작전 헌터의 기본 능력치를 나타낼 예정이며 이 능력치는 사냥 후 변하는 체력도 업데이트 해줘야 합니다. 따라서 함수로 선언하고 별도 업데이트 방식에 대한 코딩을 해주면 됩니다. 2. UpdateHunter( ) 만들기 updateHunter( )를 start( ) 함..
-
JavaScript 입문 : textRPG 만들기 - this를 이용하여 사냥메뉴 만들기컴퓨터 알아가기/JavaScript 2022. 9. 6. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난시간까지 전체 RPG의 기본프레임 즉, 게임이 동작할 수 있는 구조를 미리 구성 하였습니다. 오늘은 자바스크립트의 중요한 요소인 this를 이용하여 사냥메뉴에서 상호간 공격하는 롤플레이 형태의 코딩을 공부해 보고자 합니다. this를 알아야하는 이유중 하나는 this를 이용하여 향후 지금과 같은 형태의 코딩에서 중요항목별 묶는 클래스 기능을 사용할 때 아주 유용하게 사용할 수 있습니다. 1. this (자바스크립트) 자바스크립트에서 this는 다음과 같이 우선 기억해 두면 편합니다. " 자바스크립트 객체안에 this는 객체 자기 자신을 가리키며, 객체.메소드( ) 형태가 되어야 this가 객체 자신을 카리킵니다. " 사실 이러한 정의..
-
JavaScript 입문 : textRPG 만들기 - 롤플레이 대상(헌터와 사냥감) 초기 설정, 초기화면, 일반메뉴 화면, 사냥메뉴 연결 구조 설정컴퓨터 알아가기/JavaScript 2022. 9. 5. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난시간까지 만들어야 할 순서도와 기본적인 프레임인 HTML과 JS 기본구조를 만들었습니다. 이 과정은 훈련화 되어야 하기에 거의 공장에서 일련의 과정을 거쳐가는 것 처럼 연습하고 있습니다. 이제는 기본프레임하에 자바스크립트 공부를 본격적으로 시작해 볼 예정인데 순서도를 기억해 보면 시작하여 헌터의 이름을 입력하고 일반메뉴 (사냥을 가기위한 모험편, 휴식편, 종료)의 화면이 필요하고 모험편으로 들어갔을때는 실질적인 사냥편을 구성해야 합니다. 이러한 큰 설계측면에서 연결구조를 볼 예정입니다. 1. 헌터와 사냥감 초기 설정 이 단계에서는 헌터와 사냥감의 능력치를 초기 세팅해 줍니다. 초기 세팅된 능력치로 상호간 공격을 할 수 있기때문에 사냥..
-
JavaScript 입문 : textRPG 만들기 - 기본포맷 (HTML/CSS, JS)컴퓨터 알아가기/JavaScript 2022. 9. 4. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 전체적인 순서도는 지난시간 미리 만들어는 보았는데 RPG형태이다 보니까 고려할 사항들이 많습니다. 먼저 기본적인 HTML / CSS 부분과 결국 상호작용을 할 수 있는 JS 부분을 고려해야 합니다. 1. 기본컨셉 전체적인 흐름에 대해 공부를 할 생각으로 이번장에서는 CSS를 특별히 다루지는 않습니다만 링크는 생성을 해 두고 향후 CSS와 연계되서 할 수 있는 부분이 나온다면 별도 적용하고자 합니다. HTML에서 첫번째 화면은 헌터의 이름을 입력알 수 있는 태그를 사용하고 입력후 클릭하면 화면이 바뀌어서 게임이 시작되는 개념으로 만들고자 합니다. 게임이 시작되는 화면은 크게 5개의 태그로 구성하고자 하며 이 구성에는 일반메뉴와 사냥메뉴를 ..
-
JavaScript 입문 : textRPG 만들기 - 순서도컴퓨터 알아가기/JavaScript 2022. 9. 3. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 컴퓨터 언어인 자바스크립트 재미있긴한데 공부를 한다는 개념은 힘들수 밖에 없는것 같습니다. 새로운 챔터에 대해 공부를 하는 시간입니다. 이번시간부터는 조금 더 깊이 들어가는 내용을 공부할 예정인데 소위 말하는 롤플레이게임에 대해 알아보고자 합니다. 현재 그래픽으로 만들 수 있는 수준은 아니기에 텍스트 기반에서 RPG를 구현하는 것을 연습해 보고자 합니다. 1. textRPG 기본 개념 우선 만들고자 하는 프로그래밍은 입력창에 주인공인 헌터의 이름을 입력한 후 랜덤하게 출몰하는 동물을 사냥하는 게임입니다. 다음과 순서를 고려하여 순서도를 설계할 필요성이 있습니다. ① 주인공 생성 절차 ② 일반 게임모드로 입장했을때 사냥을 할 동물들을 생성..