Making a Choose Your Own Adventure comic with Twine

  Рет қаралды 19,366

JC Random

JC Random

2 жыл бұрын

Today we'll be making an interactive "Choose your own adventure" style comic using Twine.
Here you can read the finished comic:
jcporcel.itch.io/work-at-home...
You can use or download Twine over here:
twinery.org/
Standard Patterns in Choice-Based Games: heterogenoustasks.wordpress.c...
Here is the structure from the Super Comptuer book: school.paranoiastudio.com/wp-...
SOCIAL/SUPPORT LINKS
/ jcporcel
jcporcel.itch.io/
/ jcporcel
#twine #comic #interactive #chooseyourownadventure

Пікірлер: 58
@amandaf4720
@amandaf4720 11 ай бұрын
"...everyone kept two or three fingers in the last few choices just in case things got ugly." SO RELATABLE. Some of the bad endings in those books were *brutal* and have haunted me for years. And good lord my sister and I would have killed to have this kind of program when we were kids in the '80s, trying to make our own CYOA books by folding typing paper in half and writing out stories by hand. Thanks for sharing this!
@TheTitaniumBunker
@TheTitaniumBunker 2 жыл бұрын
Ok this is the most exciting video I have seen in ages. its an open source project, runs from a browser and you can make interactive comics? Oh I'm so trying this!!!
@JCRandom
@JCRandom 2 жыл бұрын
Thanks for the comment! Yeap, everything is free and rather easy to put together. The ONLY thing that might be slightly complicated (at least on the version I was using last year when I made mine) is to embed images which had to be using html code. There was no convenient INSERT IMAGE button yet. But even that is just a matter of using tags and putting the image files on the same folder as the interactive book so it's not that bad. And for publishing (with images and everything) itch.io is fantastic, just upload all your stuff in a single ZIP file, and if your main file is named index.html, everything just works instantly on the web, for free and not having to deal with nonsense like hosting. It's quite appealing!
@pru222
@pru222 4 ай бұрын
tried your comic, you got me at the zombification 😂 great to see many enthusiasts for twine, such a cool simple tool
@thepandabookkeeper3180
@thepandabookkeeper3180 11 ай бұрын
My favorite choose your own adventure books were Twisted Journeys, actually inspired to try to make my own choose your own adventure visual novel
@JCRandom
@JCRandom 11 ай бұрын
It is so easy now·a·days!
@diestans1587
@diestans1587 Жыл бұрын
Thankyou so much!! Finally I can make the comics more Interactive with this!!!!
@pharris3388
@pharris3388 Жыл бұрын
This was the best! The video, the patterns, and the final project. All excellent and helpful!
@thenotontvshow1928
@thenotontvshow1928 2 жыл бұрын
I played around on the comic a bit. It was depressing. Nice job!
@midenarithmos9200
@midenarithmos9200 2 жыл бұрын
Thanks for making this video and introducing me to this lovely website. I'm a person who'd like to make a choose your own adventure story game with illustration myself so this really motivates me to make one easily. It also seems like the perfect tool to aid me when I'm writing a story so again really, thank you for sharing this!
@caycehu7217
@caycehu7217 Жыл бұрын
This is so incredible! It helps my thesis so much and truly return to the roots of why we draw Thanks for sharing the great work
@crazyloquito87
@crazyloquito87 2 ай бұрын
Just finished your comic. What a cool idea! Now I wanna give it a try! Wish I had your drawing skills though. You have some awesome talents
@mariclements
@mariclements 2 жыл бұрын
This was the perfect video to help get me started :D. Thank you for making it!
@JCRandom
@JCRandom 2 жыл бұрын
Your're quite welcome! =)
@weiford5000
@weiford5000 2 жыл бұрын
Super inspiring, nice work!
@VideoArmageddon
@VideoArmageddon 10 ай бұрын
Thanks for the video. Twine is just what I needed.
@jmgames6628
@jmgames6628 2 жыл бұрын
Nice video, I definitely enjoyed choose your own adventure books back in the day!
@JCRandom
@JCRandom 2 жыл бұрын
They were quite fun. Like prehistoric portable websites.
@jmgames6628
@jmgames6628 2 жыл бұрын
@@JCRandom Yes, something like that!
@MakeslifeGood
@MakeslifeGood 2 ай бұрын
I enjoyed your comic and got inspired to continue my own text adventure 😊
@_bushy
@_bushy 17 күн бұрын
this was a really good video, thank you for uploading :)
@BCardician
@BCardician Жыл бұрын
This was very nice for me, as I am starting with Twine. Thanks a bunch man and much love ^^
@JCRandom
@JCRandom Жыл бұрын
Thanks for the comment!
@BCardician
@BCardician Жыл бұрын
@@JCRandom Is there any way I could get a glimpse of the source file? I am very curios how you made one of the pages in twine >.< ! Fingers crossed
@JCRandom
@JCRandom Жыл бұрын
@@BCardician of course, here is a google drive link to my all my source code, drive.google.com/file/d/1iyGvE6_m6PdI2DfTop8gsP-BN2KH479H/view?usp=sharing You should be able to download that and import it in the IMPORT option of the LIBRARY tab on the web version of twine. (I think, I haven't used it in a couple years, the site looks WAY fancier now) The only part that will not work are the images since I added them after exporting the final file for uploading to itch.io
@JCRandom
@JCRandom Жыл бұрын
@@BCardician if you have other questions, we can talk over on twitter, might be more convenient that comments here on youtube! twitter.com/jcporcel
@EbilDerp
@EbilDerp 11 ай бұрын
I plan to make a very chaotic branch where each choice has its own unique continuation.
@JCRandom
@JCRandom 11 ай бұрын
Cool. That way it's not cheating like my story that always ends the same!
@laracsengody3470
@laracsengody3470 5 ай бұрын
Thank you for your insight! Rock on!! 🤘
@sorflor913
@sorflor913 2 жыл бұрын
This is pretty cool
@JCRandom
@JCRandom 2 жыл бұрын
Thanks!
@1neinate0
@1neinate0 Жыл бұрын
Nice Breakdown
@precioustraveler
@precioustraveler 11 ай бұрын
Great! This was so helpful!
@JCRandom
@JCRandom 11 ай бұрын
Thanks! I hope it inspires more people to make their own stories!
@precioustraveler
@precioustraveler 11 ай бұрын
@@JCRandomYou pointed me in the direction of Twine, which I had never heard of. I’ve been concepting a CYOA picture book for young children. I think Twine will simplify the process greatly. I’m really grateful! ❤️
@kcsnipes
@kcsnipes Жыл бұрын
Your twine comic looks amazing, how did u learn to format it was that done in sugar cube? I’m learning harlowe cause it seems the easiest but to do what you did I think I’d need to learn to code a little 😅 ?
@JCRandom
@JCRandom Жыл бұрын
I used "Chapbook" since back then it's layout looked very similar to the Choose-your-adventure books. The other formats were way better in terms of options and things you could do, but since my story was very simple I went for looks over functionality. And yes, knowing a bit of html and css is always useful when it comes to Twine, since twine stories are just fancy webpages. All the buttons colors and other special formatting was done using CSS, which is not that complicated.
@LeafTheEph
@LeafTheEph Жыл бұрын
Amazing video!! Quiero escribir una historia interactiva para el cumpleaños de un amigo- tuve la idea hace unos meses pero no he empezado a trabajar seriamente en ella porque no se por donde empezar😭. Y ahora tengo 6 semanas para completarlo 🫣. Pero me siento muy inspirada gracias a ti, wish me luck!!!
@JCRandom
@JCRandom Жыл бұрын
Suerte!
@randomfandom3866
@randomfandom3866 Жыл бұрын
enjoyed the tutorial, but when I went to the website I couldn't figure out how to add images like you did
@JCRandom
@JCRandom Жыл бұрын
Yes, the images are the only part which is a bit complicated. I haven't used twine y over a year, maybe it has some better tool now, but back then I had to insert html tags to add images like . It's not too complicated in retrospect, but there should be a button or something to add this things....
@aurejavier
@aurejavier Жыл бұрын
Incredible, I always wanted to make this.. Did you know some pages to publish my cyoa books?
@JCRandom
@JCRandom Жыл бұрын
I published mine on itch.io/ It´s free, customizable and very convenient. You can even sell your stuff if you like to.
@aurejavier
@aurejavier Жыл бұрын
@@JCRandom Perfecto, gracias :)
@Ibrahim-gg2rq
@Ibrahim-gg2rq Жыл бұрын
Excellent work, can we publish the story we've made by Twine on Steam?
@lucutes2936
@lucutes2936 6 ай бұрын
THX
@freefaregaming6174
@freefaregaming6174 2 жыл бұрын
I don't get how you added the art to the pages though. Do you just paste images into the text box for a page after creating it?
@JCRandom
@JCRandom 2 жыл бұрын
It depends on the story format you are using, but in SugarCube you can add html tags like , and put image.jpg on the same folder as the html file that twine exports. Or directly link to an image on the internet. I used Chapbook, which didn´t have that many html options but it uses embed codes like this one: {embed image: 'cave.jpeg', alt: 'Cave entrance'}, and that will place "cave.jpeg" (which can be any image on the internet) in that page. Here is the details of how to do it on chapbook: klembot.github.io/chapbook/guide/multimedia/images.html I used chapbook because I liked the layout which was very clean and very similar to and ordinary ebook-like, but if it comes to ease of use and options, I would go with any other format, probably the latest version of SugarCube. It does need a bit of html knowledge, but its quite simple to copy/paste from the manuals, just like I copied all the embed instructions from the chapbook guide.
@mikejoe3551
@mikejoe3551 Жыл бұрын
What version of twine did you use? I go directly to the website that has the latest version of Twine is 2.6.2, released 26 February 2023. And it has half of the features you show in this tutorial. I initially tried to download the program and I got a message warning me it's not frequently downloaded and my antivirus blocked it. Any ideas about what's going on?
@WOOOPdoctorFROGhere
@WOOOPdoctorFROGhere Жыл бұрын
Nice video but the link you've posted to your own interactive story isn't working. have you removed it?
@JCRandom
@JCRandom Жыл бұрын
No, the link is the same and the comic is up. jcporcel.itch.io/work-at-home-simulator
@WOOOPdoctorFROGhere
@WOOOPdoctorFROGhere Жыл бұрын
@@JCRandom thanks. that was truly excellent. I'm guessing it doesn't allow you to add audio though?
@JCRandom
@JCRandom Жыл бұрын
@@WOOOPdoctorFROGhere Whatever you can add to a web page, you can add to a twine story since they are just html.
@AlessandroCecconi
@AlessandroCecconi Жыл бұрын
how did you add the illustrations and other graphical elements to the game? Cause in Twine I can't seem to find any option, do I have to do all of this in CSS? Cause I don't know CSS lol
@JCRandom
@JCRandom Жыл бұрын
The ONLY thing that is slightly complicated (at least on the version I was using when I made mine) is to embed images because you need a some html code. There was no convenient INSERT IMAGE button yet so I had to use html tags to add images and put the image files on the same folder as the interactive book (or upload the images to some other website and link directly to those).
@trainupachild2429
@trainupachild2429 Жыл бұрын
@@JCRandom can you do a tutorial on this please?
@mystaofthemoon
@mystaofthemoon Ай бұрын
do you really wear crocs ?
@xamirakaterinecarrilloised2860
@xamirakaterinecarrilloised2860 Жыл бұрын
hello can you do the miraculous series spell book
The past, present, and future of Interactive fiction
20:17
Chris Chinchilla
Рет қаралды 7 М.
Harvesting Interactive Fiction
22:11
GDC
Рет қаралды 28 М.
The magical amulet of the cross! #clown #小丑 #shorts
00:54
好人小丑
Рет қаралды 24 МЛН
У мамы в машине все найдется
00:38
Даша Боровик
Рет қаралды 2,5 МЛН
How To Choose Ramen Date Night 🍜
00:58
Jojo Sim
Рет қаралды 56 МЛН
ОДИН ДОМА #shorts
00:34
Паша Осадчий
Рет қаралды 6 МЛН
The Reign of Game Books
8:23
Age of Ink
Рет қаралды 28 М.
Streets of Rogue 2 - Devlog 2: Creating an Open Word Solo 🗺️
20:19
Streets of Rogue 2
Рет қаралды 22 М.
What size should your assets be? | HD 2D GAME ART
12:10
Nonsensical 2D
Рет қаралды 97 М.
Twine vs. Bitsy: Which Should I Use?
13:33
Epoch: History Games Initiative
Рет қаралды 3,5 М.
The Rise & Fall & Rise of Choose Your Own Adventure Books
20:11
Secret Galaxy
Рет қаралды 540 М.
Simplified Ren'py Tutorial
12:21
Visual Novel Design
Рет қаралды 111 М.
My Favourite Plotting Method
10:51
McKay & Gray
Рет қаралды 33 М.
Frog Prince Rush With Herobrine and Entity
0:32
Realistic Craft
Рет қаралды 49 МЛН
Насколько ГЛУБОК океан? 😯 #Shorts
0:26
ФАКТОГРАФ
Рет қаралды 1,5 МЛН
КАК ХОДИТЬ ПО ЛАВЕ В МАЙНКРАФТ🔥
0:30
ШОРТЫ ВЛАДУСА
Рет қаралды 2,9 МЛН