Тёмный

Making a Choose Your Own Adventure comic with Twine 

JC Random
Подписаться 16 тыс.
Просмотров 24 тыс.
50% 1

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

Опубликовано:

 

3 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 71   
@gebbygebbers
@gebbygebbers Месяц назад
I only came here cus of searching about Twine, but I'm staying for the art style. I love your work! (Somehow it feels nostalgic to look at, dunno why. Or maybe it's your storytelling!)
@JCRandom
@JCRandom Месяц назад
Thanks a lot! I learned to draw on the forgotten times of DeviantArt was still a thing and when webcomics were just starting so yes, It can very well be nostalgia for the long lost internet before social networks.
@amandaf4720
@amandaf4720 Год назад
"...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 8 месяцев назад
tried your comic, you got me at the zombification 😂 great to see many enthusiasts for twine, such a cool simple tool
@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
@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!
@diestans1587
@diestans1587 Год назад
Thankyou so much!! Finally I can make the comics more Interactive with this!!!!
@thepandabookkeeper3180
@thepandabookkeeper3180 Год назад
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 Год назад
It is so easy now·a·days!
@pharris3388
@pharris3388 Год назад
This was the best! The video, the patterns, and the final project. All excellent and helpful!
@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! =)
@crazyloquito87
@crazyloquito87 6 месяцев назад
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
@MakeslifeGood
@MakeslifeGood 7 месяцев назад
I enjoyed your comic and got inspired to continue my own text adventure 😊
@rkcpek
@rkcpek 6 дней назад
There are many styles and tricks of dice driven cyoa. Example: chained paragraphs numbers. Code words as branch keys. Branched combat for narrative combat. And of course character sheets.
@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
@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!
@_bushy
@_bushy 5 месяцев назад
this was a really good video, thank you for uploading :)
@VideoArmageddon
@VideoArmageddon Год назад
Thanks for the video. Twine is just what I needed.
@thenotontvshow1928
@thenotontvshow1928 2 года назад
I played around on the comic a bit. It was depressing. Nice job!
@EbilDerp
@EbilDerp Год назад
I plan to make a very chaotic branch where each choice has its own unique continuation.
@JCRandom
@JCRandom Год назад
Cool. That way it's not cheating like my story that always ends the same!
@weiford5000
@weiford5000 2 года назад
Super inspiring, nice work!
@sorflor913
@sorflor913 2 года назад
This is pretty cool
@JCRandom
@JCRandom 2 года назад
Thanks!
@laracsengody3470
@laracsengody3470 9 месяцев назад
Thank you for your insight! Rock on!! 🤘
@1neinate0
@1neinate0 Год назад
Nice Breakdown
@precioustraveler
@precioustraveler Год назад
Great! This was so helpful!
@JCRandom
@JCRandom Год назад
Thanks! I hope it inspires more people to make their own stories!
@precioustraveler
@precioustraveler Год назад
@@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! ❤️
@coinopanimator
@coinopanimator 4 месяца назад
Love the video. The intro video was very loud.hard to hear what your dulcit tones.
@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....
@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.
@ItsTheAlex
@ItsTheAlex 5 дней назад
i love twine and have been making loads of storys for some time now. im not really that good at coding, is how you put the twine code into the comics website somthing someone with limited coding experience would be able to do? It would just be amazing if i could adapt some of my storys into something with pictures and animation.
@lucutes2936
@lucutes2936 11 месяцев назад
THX
@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 2 года назад
Excellent work, can we publish the story we've made by Twine on Steam?
@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.
@rock_ok
@rock_ok Месяц назад
if you made a novel that ha choices and became successful will you still get copy right law?
@JCRandom
@JCRandom Месяц назад
I'm assuming all the copyright stuff should be done as if it's a videogame probably instead of a regular story book.
@rock_ok
@rock_ok Месяц назад
@@JCRandom how do you get a copyright law strike on your creation, specially you created personally?
@rock_ok
@rock_ok Месяц назад
@@JCRandoma story that has a choices? like any kind of game and a novel?
@KyleAGage
@KyleAGage 2 месяца назад
what about paging? how do you know which page to put different events and paths???
@JCRandom
@JCRandom Месяц назад
You just keep track on the Twine node-tree. You call nodes by name since there are no page numbers.
@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?
@AlessandroCecconi
@AlessandroCecconi 2 года назад
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 2 года назад
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 2 года назад
@@JCRandom can you do a tutorial on this please?
@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.
@xamirakaterinecarrilloised2860
@xamirakaterinecarrilloised2860 2 года назад
hello can you do the miraculous series spell book
@tuboto9
@tuboto9 2 месяца назад
Eres fantastico!!!!
@JCRandom
@JCRandom Месяц назад
Gracias!
@mystaofthemoon
@mystaofthemoon 6 месяцев назад
do you really wear crocs ?
Далее
The past, present, and future of Interactive fiction
20:17
How to Start Making Games with No Experience
10:55
Просмотров 80 тыс.
How to Create Adventure Games using Twine
50:18
Просмотров 86 тыс.
Interactive Storytelling - Intro to Twine
7:00
Просмотров 216 тыс.
How To Get Back Into A Game, According to Science
22:26