#aralnovelbegin "blogspot 테스트 노블",600,480 AralNovel Prototype. 클릭하면 시작합니다. -------------------------------------------------------------------------------- [textbox 10, 330, 580, 140] 지금 보시고 계신 비주얼노블은 AralNovel의 기능을 소개하기 위해 만들어 졌습니다. -------------------------------------------------------------------------------- [bgm "http://lab.aralgood.com/files/attach/images/50004/009/050/a2f833dc9b60e0d54f377e9284dd9fa1.MID"] [setimg 1, "http://lab.aralgood.com/files/attach/images/50004/009/050/6258dbcf1929a80bce4076b0ffeed3d0.png"] [img 1, 1000, 210, 80, 1] 【노코】 안녕하세요, AralNovel의 세계에 오신 것을 환영합니다. -------------------------------------------------------------------------------- 【노코】 AralNovel은 웹상에서 플레이가능한 비주얼노벨을 만드는데 쓰이는 자바스크립트 라이브러리 입니다. -------------------------------------------------------------------------------- 【노코】 프로그램적인 지식이 없어도 블로그나 게시판에 글을 쓰듯이 간단하게 비주얼노벨을 제작할 수 있습니다. -------------------------------------------------------------------------------- 【노코】 일단 웹상에서 글을 작성하시고 AralNovel 스크립트 파일만 글에 첨가해 주시면 작성하신 글이 비주얼노벨로 변환됩니다. -------------------------------------------------------------------------------- 【노코】 자 그럼 백문이 불여일견, 어떤 변환을 거치게 되는지 간단하게 살펴볼까요? -------------------------------------------------------------------------------- 【노코】 우선 글에 이미지가 나타날 경우 배경화면으로 사용합니다. 저는 여기에 하늘배경 이미지를 넣어보겠습니다. -------------------------------------------------------------------------------- 【노코】 자, 배경이 바뀌었죠?[wait] 이렇듯 AralNovel은 글의 이미지를 배경으로 인식합니다. -------------------------------------------------------------------------------- 【노코】 그리고 이렇게 대사창에 적히고 있는 글을 지우고 처음부터 다시 출력할 때는 수평선(
태그)을 사용합니다. -------------------------------------------------------------------------------- 【노코】 만약 사용하시는 웹 에디터에 수평선긋기 기능이 없다면 직접 [text "[wait][clear]"] 라고 적으셔도 됩니다. [wait][clear] 【노코】 일반적인 비주얼노벨에는 스토리 분기를 위해 플레이어에게 선택지를 제시합니다. -------------------------------------------------------------------------------- 【노코】 AralNovel도 선택지를 보여줄 수 있으며 선택시 해당 url로 이동할 수 있습니다. -------------------------------------------------------------------------------- 【노코】 글 중간에 링크( 태그)가 주루룩 나열되어 있으면 이를 선택지로 판단, 플레이어에게 선택지를 보여줍니다. -------------------------------------------------------------------------------- 【노코】 이렇게 말이죠. (아무거나 선택해주세요) 첫번째를 선택한다. 아냐, 두번째가 좋겠다. 첫번째를 선택하셨군요. -------------------------------------------------------------------------------- [{ script.jump('MyChoiceEnd'); }] 두번째를 선택하셨군요. -------------------------------------------------------------------------------- [{ script.jump('MyChoiceEnd'); }] 【노코】 캐릭터는 setimg와 img 명령어를 통해 화면에 출력하는 것이 가능하답니다. [wait] [img 1, 1000, 450, 80, 1] img 명령어로 이렇게 이미지 이동도 가능하구요. -------------------------------------------------------------------------------- [setimg 2, "http://lab.aralgood.com/files/attach/images/50004/009/050/6258dbcf1929a80bce4076b0ffeed3d0.png", "textbg"] [img 2, 1000, 50, 0, 1] 【노코】 이렇게 대사창에도 이미지를 띄울 수 있답니다. 지금은 대사창을 반투명으로 설정해서 이미지 뒤가 비치네요. -------------------------------------------------------------------------------- 【노코】 명령어를 비동기로 실행시키면 두 이미지가 동시에 움직일 수도 있습니다. [wait] [img+ 1, 1000, 150, 80, 1] [img 2, 1000, 250, 0, 1] 대충 이런식으로요. -------------------------------------------------------------------------------- [img 2, 1000, , , 0] [setimg 2, null] 【노코】 이 외 BGM, Backlog, Save/Load, 인라인 자바스크립트 기능도 지원합니다. 자세한 내용은 튜토리얼을 참고해주세요. -------------------------------------------------------------------------------- 【노코】 AralNovel은 오픈소스 프로잭트로 운영될 예정이며, 스마트기기 앱으로 만들 수 있도록 PhoneGap과 연동을 지원할 계획입니다. -------------------------------------------------------------------------------- 【노코】 프로잭트에 참여하실 분은 망설이지 마시고 게시판에 문의해 주세요. 만들어야 할 것들이 많답니다 ㅎㅎㅎㅎ -------------------------------------------------------------------------------- [img 1, 1000, , , 0] [setimg 1, null] [bgmstop] [bg] 클릭하시면 다시 처음으로 돌아갑니다~ -------------------------------------------------------------------------------- [{ script.jump('StartDemo'); }] #aralnovelend
이런 거였는데 아시는 분...?
https://arallab.hided.net/board_an_tutorial