<aside> 💡 Cheatsheet(치트시트)는 '컨닝 페이퍼'라는 뜻인데요, 방대한 양의 정보를 다 기억할 수는 없으니 빨리 찾아볼 수 있게 내가 자주 쓰는 정보를 정리해 놓는 문서에요. 이 Cheatsheet에서는 Twine에서 우리가 자주 쓸만한 코드와 매크로를 정리했습니다. 시험도 아닌데, 다 외울 필요는 없잖아요! 🤓
</aside>
구절과 구절을 연결하는 링크 (내부 링크)
[[페이지2]] "페이지2"라는 구절(passage)이 현재 없어도 이렇게 링크를 만들면 자동 생성.
구절과 구절을 연결하지만 링크 텍스트를 조정하고 싶을 때
[[여기를 클릭->페이지2]] 또는 [[페이지2<-여기를 클릭]]
"여기를 클릭"이라는 링크 텍스트가 보여지고 클릭을 하면 "페이지2"라는 구절로 연결됨.
구절과 구절이 잘 연결 되었는지 확인은?
화살표로 연결 되었으면 👍 굿. 하나의 구절이 여러 개의 구절과도 연결될 수 있음.
*웹상에 있는 다른 웹사이트/웹페이지를 링크 (외부링크) HTM
<a href="<https://www.website.com>">링크 텍스트</a>
<!-- "링크 텍스트"만 보여지고 클릭하면 해당 주소로 이동 -->
<img src="<https://i.imgur.com/lwI9pt8.jpg>" />
<!-- 이미지가 웹에 올려져 있을 때, 꼭 .jpg나 .png 같이 이미지 파일로 연결이 되어야 함
*위 태그를 복사해서 트와인 구절에 옮겨보세요! 그리고 Play를 눌러서 확인해봅시다. -->
<img src="images/image.jpg" />
<!-- 이미지가 내 컴퓨터에 있을 때 (트와인 파일이 이미지 폴더와 같은 폴더에 있어야 함) -->
<img src="images/image.jpg" height="400px" />
<!-- 높이를 지정함. 너비는 width="400px" -->
<video width="320" height="240" controls autoplay>
<source src="<https://i.imgur.com/6pbpNZl.mp4>" type="video/mp4">
</video>
<!-- width, height는 높이, 너비 지정
controls는 플레이 버튼 같은 영상을 컨트롤 할 수 있는 버튼을 추가
autoplay는 자동재생
기본적으로 <video>와 </video> 태그 사이에 <source src=""> 영상의 주소를 지정하는 태그를 추가해야 함.
위 태그를 긁어서 트와인에 적용해보기!
-->
<video width="320" height="240" controls autoplay>
<source src="videos/video1.mp4" type="video/mp4">
</video>
<!-- 이미지와 마찬가지로 파일이 내 컴퓨터에 저장 되어 있을때는 위와 같은 주소를 씀(상대경로 relative path)
-->