Making a Choose Your Own Adventure comic with Twine

Sdílet
Vložit
  • čas přidán 15. 11. 2021
  • 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
  • Hry

Komentáře • 59

  • @amandaf4720
    @amandaf4720 Před rokem +17

    "...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 Před 2 lety +39

    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  Před 2 lety +11

      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!

  • @crazyloquito87
    @crazyloquito87 Před 3 měsíci +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

  • @caycehu7217
    @caycehu7217 Před rokem +3

    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 Před 2 lety +6

    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!

  • @MakeslifeGood
    @MakeslifeGood Před 4 měsíci +1

    I enjoyed your comic and got inspired to continue my own text adventure 😊

  • @pru222
    @pru222 Před 5 měsíci +2

    tried your comic, you got me at the zombification 😂 great to see many enthusiasts for twine, such a cool simple tool

  • @diestans1587
    @diestans1587 Před rokem +3

    Thankyou so much!! Finally I can make the comics more Interactive with this!!!!

  • @mariclements
    @mariclements Před 2 lety +6

    This was the perfect video to help get me started :D. Thank you for making it!

    • @JCRandom
      @JCRandom  Před 2 lety +2

      Your're quite welcome! =)

  • @thepandabookkeeper3180
    @thepandabookkeeper3180 Před rokem +5

    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  Před rokem +1

      It is so easy now·a·days!

  • @pharris3388
    @pharris3388 Před rokem +2

    This was the best! The video, the patterns, and the final project. All excellent and helpful!

  • @weiford5000
    @weiford5000 Před 2 lety +2

    Super inspiring, nice work!

  • @BCardician
    @BCardician Před rokem +2

    This was very nice for me, as I am starting with Twine. Thanks a bunch man and much love ^^

    • @JCRandom
      @JCRandom  Před rokem +1

      Thanks for the comment!

    • @BCardician
      @BCardician Před rokem +1

      @@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  Před rokem +1

      @@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  Před rokem

      @@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 Před 2 lety +4

    Nice video, I definitely enjoyed choose your own adventure books back in the day!

    • @JCRandom
      @JCRandom  Před 2 lety +2

      They were quite fun. Like prehistoric portable websites.

    • @jmgames6628
      @jmgames6628 Před 2 lety +2

      @@JCRandom Yes, something like that!

  • @VideoArmageddon
    @VideoArmageddon Před rokem +1

    Thanks for the video. Twine is just what I needed.

  • @_bushy
    @_bushy Před 2 měsíci

    this was a really good video, thank you for uploading :)

  • @thenotontvshow1928
    @thenotontvshow1928 Před 2 lety +3

    I played around on the comic a bit. It was depressing. Nice job!

  • @EbilDerp
    @EbilDerp Před rokem +2

    I plan to make a very chaotic branch where each choice has its own unique continuation.

    • @JCRandom
      @JCRandom  Před rokem

      Cool. That way it's not cheating like my story that always ends the same!

  • @sorflor913
    @sorflor913 Před 2 lety +3

    This is pretty cool

  • @laracsengody3470
    @laracsengody3470 Před 6 měsíci

    Thank you for your insight! Rock on!! 🤘

  • @coinopanimator
    @coinopanimator Před 27 dny +1

    Love the video. The intro video was very loud.hard to hear what your dulcit tones.

  • @1neinate0
    @1neinate0 Před rokem +1

    Nice Breakdown

  • @kcsnipes
    @kcsnipes Před rokem +3

    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  Před rokem

      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.

  • @precioustraveler
    @precioustraveler Před rokem +1

    Great! This was so helpful!

    • @JCRandom
      @JCRandom  Před rokem +1

      Thanks! I hope it inspires more people to make their own stories!

    • @precioustraveler
      @precioustraveler Před rokem

      @@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! ❤️

  • @randomfandom3866
    @randomfandom3866 Před rokem +3

    enjoyed the tutorial, but when I went to the website I couldn't figure out how to add images like you did

    • @JCRandom
      @JCRandom  Před rokem +1

      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....

  • @LeafTheEph
    @LeafTheEph Před rokem +3

    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!!!

  • @Ibrahim-gg2rq
    @Ibrahim-gg2rq Před rokem

    Excellent work, can we publish the story we've made by Twine on Steam?

  • @lucutes2936
    @lucutes2936 Před 7 měsíci

    THX

  • @aurejavier
    @aurejavier Před rokem +1

    Incredible, I always wanted to make this..
    Did you know some pages to publish my cyoa books?

    • @JCRandom
      @JCRandom  Před rokem +1

      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 Před rokem +1

      @@JCRandom Perfecto, gracias :)

  • @freefaregaming6174
    @freefaregaming6174 Před 2 lety +1

    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  Před 2 lety +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 Před rokem

    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 Před rokem +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  Před rokem +5

      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 Před rokem

      @@JCRandom can you do a tutorial on this please?

  • @WOOOPdoctorFROGhere
    @WOOOPdoctorFROGhere Před rokem

    Nice video but the link you've posted to your own interactive story isn't working. have you removed it?

    • @JCRandom
      @JCRandom  Před rokem

      No, the link is the same and the comic is up.
      jcporcel.itch.io/work-at-home-simulator

    • @WOOOPdoctorFROGhere
      @WOOOPdoctorFROGhere Před rokem

      @@JCRandom thanks. that was truly excellent. I'm guessing it doesn't allow you to add audio though?

    • @JCRandom
      @JCRandom  Před rokem

      @@WOOOPdoctorFROGhere Whatever you can add to a web page, you can add to a twine story since they are just html.

  • @mystaofthemoon
    @mystaofthemoon Před 3 měsíci

    do you really wear crocs ?

  • @xamirakaterinecarrilloised2860

    hello can you do the miraculous series spell book