텍스트 어드벤처 게임 프로젝트/twine 정보 검색 결과
7 개의 검색 결과가 있습니다.
텍스트 어드벤처 게임 프로젝트/twine 정보

6. js 사용하여 배경음악이나 효과음 넣기

1. javaScript 페이지를 사용해야한다. 2. javascript 코드는 사실상 index.js 에 적용하는 것처럼 document로 select가 가능하다. 여기서 src에 노래의 위치를 써주고, test나 debug가 아닌 publish 해주고 나서 진행하면 노래가 나온다. 브라우저 url을 통해 mp3를 재생해야 하기 때문에 mp3 url을 만들어내는게 어렵다면 yola 라는 웹사이트를 통해 내 홈페이지를 만들고 mp3를 업로드할수 있다. 5:20 부터 시작 https://www.youtube.com/watch?v=bm9Lvd1Qg4Y&list=PLklITFhXtPCCKadv-0Gcbqoj3OCev695D&index=15 사이트 잠금도 가능하다. 3. 효과음 넣기. autoplay, loop..

2022. 10. 12. 18:18
텍스트 어드벤처 게임 프로젝트/twine 정보

5. side-bar 다루기

1. side bar란? 게임 화면에서 보이는 화살표가 사이드바에 속한 아이콘이다. 2. 사이드 바 숨기기 side bar의 경우 story stylesheet에서 tw-sidebar로 css를 적용할 수 있다. (html 검사 페이지에서 태그 이름을 알면 뭐든지 수정할 수 있다.) 위와 같은 구문을 넣어주면. 사라진다. 3. 사이드 바 아이콘 조절하기 html doc을 띄워놓고 보면 해당 아이콘은 tw-icon 태그와 Undo라는 title을 가지고 있다. 이를 통해 css를 지정해주면 똑같이 적용됨을 알 수 있다.

2022. 10. 12. 15:53
텍스트 어드벤처 게임 프로젝트/twine 정보

4. 세이브 로드

save 버튼을 누르면 플레이어가 다음 시작할때 세이브지점에서 시작할 수 있는 방법을 찾는다. 1. save 버튼을 누르고 다른 passage 에서 load 버튼을 누르면 save 버튼을 누른 passage로 이동한다. passage에 위와 같이 써주면 된다. (link:) 안에 오는 단어는 버튼의 글자이고, save-game 이후에 이름 붙는 곳과 똑같은 곳으로 load 된다. 예를 들어 아래와 같이 명명하는 경우 2번째 passage에서 save 해두고 1번째 passage 에서 load를 누르면 2번째 passage로 load되기도 한다. +이름 만들다가 보니까 _ 을 사용하면 변수로 인식하는 듯 함. _btn 을 쓰니까 이런 문장 출력

2022. 10. 12. 15:31
텍스트 어드벤처 게임 프로젝트/twine 정보

3. 이미지 삽입과 배경 이미지 넣기

1. passage 에서 img 태그를 넣고 주소 src를 인터넷 이미지 주소를 넣어주면 이미지가 삽입된다. 2. img에 CSS를 적용하는 방법 Passage 자체가 하나의 HTML 파일과 다름이 없다. 따라서 태그를 넣고 CSS를 넣어주면 잘 적용된다. 3. 플레이 화면에 이미지 넣기. story stylesheet에서 tw-story{} 로는 플레이하는 게임 틀 자체의 CSS에 간섭할 수 있다. CSS에 background-img property 를 통해 넣어준다. tw-story 의 기본 태그를 바꾸면 더 게임처럼 바꿔줄 수 있을 것. 적용예시는 아래와 같다. 또한 passage 마다 다른 배경을 넣어주고 싶다면 tag(css)를 추가하여서 넣어주는 것도 가능하다. passage 마다 다른 pas..

2022. 10. 12. 00:16
텍스트 어드벤처 게임 프로젝트/twine 정보

2. text에 CSS 적용하기

1. twine -> story format을 누르면 여러가지 story format중 선택할 수 있다. 일단 기본으로 셋팅된 걸 기준으로 진행하니 굳이 다른걸 선택할 필요는 없다. 2. Passage 각각에 CSS를 적용하는 방법 tag 기능을 사용하면 된다. 먼저 자신이 사용하고 싶은 스타일을 CSS의 property 처럼 저장해야한다. Stylesheet 버튼을 누르면 story stylesheet 창이 열린다. 대괄호 없이 tw-passage 만 쓰면 twine의 passage에 모두 적용됨을 의미한다. 이 옆에 대괄호화 함께 tag 이름을 넣을 경우 passage 중 해당 tag(css)를 가지고 있는 passage 에게만 적용해준다. 즉 passage 전부에 적용하려면 tw-passage{ f..

2022. 10. 11. 23:23
텍스트 어드벤처 게임 프로젝트/twine 정보

1. twine 기본적인 스토리 제작 사용법

1. 스토리 저장 화면 여기서 스토리란? 하나의 이야기가 시작하고 끝날 때까지 flow로 여러개의 스토리를 만들어서 저장해둘 수 있다. (우리 프로젝트에서는 에피소드로 표현) 스토리를 저장할 수 있는 용량을 표시한다. 2. 저장 방식 만든 스토리를 저장하는 방식은 여러가지가 존재한다. 우리는 이 스토리(=에피소드) 를 저장하고 DB로 옮기고, 최종적으로는 블록체인으로 저장되도록 만들어야 한다. 인터넷을 통해 브라우저로 사용하는 경우 스토리가 ‘브라우저 캐시 파일’에 저장된다. 앱으로 사용하는 경우 ‘컴퓨터의 캐시 파일?’에 저장된다. 사라질 수 있음. 3. passage 란? 이 텍스트 출력 단위를 passage라고 부른다. 개발시 참고. 4.스토리 단위를 저장 및 불러오기 Archive 를 누르면 .h..

2022. 10. 11. 15:43