How to Create Adventure Games using Twine

Поділитися
Вставка
  • Опубліковано 17 лис 2024
  • Dan talks us through how to create your own interactive story or adventure game using Twine - an online or desktop application.
    For more learning resources see : www.computinghi...

КОМЕНТАРІ • 90

  • @denicashute5921
    @denicashute5921 4 роки тому +18

    I've tried watching so many tutorials and ended up falling asleep because they take so long labouring over tiny details, which you summarise neatly and move on. This taught me a lot in a relatively short space of time. Looking forward to another video that builds on this, but for now I've got some variables and if functions to play with. Thanks!

    • @MrTopWeather
      @MrTopWeather 3 роки тому +1

      Short space of time lol 50 minutes

    • @denicashute5921
      @denicashute5921 3 роки тому +1

      Relatively is the key word here. This one 50 minute video replaces hours of twine tutorial series on UA-cam that drone on while achieving very little. This video has great time economy.

    • @LegalizeTheNuclearBomb
      @LegalizeTheNuclearBomb 11 місяців тому

      hey man did you find more tutorials by anyone that build off of this one?

  • @ChrischoBoardgaming
    @ChrischoBoardgaming 2 роки тому +20

    Only a quarter of an hour in, I already know that this is the kind of tutorial a software like Twine needs. There are some weird videos out here that explain the stuff as if for someone who already knows and understands it all. This here is done very well -- show what it will be all about, then show it bit by bit with code and explanation. Like this and no other way! Chapeau and thank you!

  • @chubawaba2863
    @chubawaba2863 4 роки тому +64

    That was the tutorial I was missing 2 years ago. Thank you I feel like I can actually finish my story now.

    • @danwilkin758
      @danwilkin758 4 роки тому +5

      Thanks for the kind feedback. If there is any more help you need, just let me know.

    • @jvtalks7391
      @jvtalks7391 6 місяців тому

      ​@@danwilkin758how to set gender modification 😅

  • @BadnanaProduction
    @BadnanaProduction Рік тому +6

    0:00 Introduction to the Center for Computing History twine workshop
    1:00 Demonstration of a simple twine interactive story
    2:00 Player encounters wolves and has the option to run or fight
    3:00 Player encounters an elemental and has the option to follow or not
    4:00 Player enters a shop and has the option to buy item
    6:00 Player finishes the story and has the option to start again
    8:00 Introduction to Twine and its history
    10:00 Creating a new story in Twine
    12:00 Creating variables in Twine
    15:00 Adding images to a Twine story
    18:00 Creating choices and links in Twine
    20:00 Creating a shop in Twine
    22:00 Creating an inventory bar in Twine
    25:00 Displaying variables in Twine
    27:00 Creating a chance to use items in Twine
    30:00 Using if-statements in Twine
    33:00 Creating a back door option in Twine
    34:00 Adding an inventory check in Twine
    37:00 Creating options to use items in Twine
    41:00 Adding a chance to start over in Twine
    48:00 Conclusion and final thoughts on Twine

  • @kenji214245
    @kenji214245 4 роки тому +5

    An actual pedagogical and simple approach to teaching and explaining how to go about getting started on Twine.
    A rare thing to find online. Most people doing vids have been going for to long and have no clue how it is like to be new. Just rushing trough what they consider simple basics. great work.

  • @giri.goyo_yt
    @giri.goyo_yt 4 роки тому +48

    This tutorial is fun, detailed and easy to follow. Will you be doing more Twine videos? Yours has been the easiest to learn from and I would be interested in learning more in this style of tute. For instance, changing fonts, adding audio, resizing images and text blocks, etc. Thank you for a timely intro to Twine!

    • @danwilkin758
      @danwilkin758 4 роки тому +16

      Thanks! Sorry, I've only just seen this. I'd be happy to make another Twine video. I'll incorporate the things you mentioned in the next one. Any other requests?

    • @giri.goyo_yt
      @giri.goyo_yt 4 роки тому +5

      @@danwilkin758 Wow, that is wonderful surprise, thank you. I would say anything that adds to the graphical and musical experience.

    • @blupdaboloh
      @blupdaboloh 3 роки тому +4

      @@danwilkin758 Actually, yes! First things first though; I have to thank you! I am a total newcomer to using codes and coding, and you explained all the stuff very well, it was easy to follow. I have a question: in my game, before the actual start of the adventure, the player has to visit the rooms of the new house they moved to: I'm trying to make it so that no new options will appear at a certain passage before the player has visited all the room in the house, how would you do that? I'm sure there is an 'if' command involved, but no idea which one...

  • @omnihippo
    @omnihippo 8 місяців тому +1

    Simply amazing!!! You are a brilliant teacher!

  • @BooksWithBrad
    @BooksWithBrad 2 роки тому +8

    Wow thats amazing. I just wanted to learn how to do a super basic version of twine so i could have a nice story, but now i have the options of health and all that, crazy. I think ill start real easy at first and just make use of the go back to this command and such. Thanks a million

  • @Sannosama
    @Sannosama 3 місяці тому

    Best Twine Tutorial on YT

  • @AcherRollz
    @AcherRollz 2 роки тому +2

    Wish you made some more twine videos, yours seem to be the best I can find

  • @joedew4183
    @joedew4183 2 роки тому +2

    amazing tutorial. easy to follow and very fun. i think one of the best tutorials on Twine

  • @jonathanben-david9894
    @jonathanben-david9894 3 роки тому +13

    Is there a way to include the inventory bar through the project stylesheet or something? so that we won't have to paste again and again in every passage?

  • @damienmutidesgrouas9597
    @damienmutidesgrouas9597 2 місяці тому

    Un tutoriel très pédagogique. Merci !! A highly educational tutorial. Thank's !!

  • @_GameOn_
    @_GameOn_ 3 роки тому +15

    THIS, IS
    AWESOME
    thanks so much for helping me

  • @dxxthlymusic
    @dxxthlymusic 7 місяців тому +1

    Here, I've made a much easier code for those who still use this and need help adding AUDIO to your Twine. 0.5 is 50%, 0.8 is 80%, 0.3 is 30%, etc. If you need somewhere to upload audio, I prefer to use JukeHost. Which is very simple and easy to use!! This will help you adjust the sound volume to your liking for the page. Hope this helps! I'm going to be sharing my story in my community tab on my channel shortly, if anyone is interested in reading it! Come through and leave a comment! :D
    var audio = document.createElement('audio');
    audio.src = 'YOUR URL HERE';
    audio.loop = true;
    audio.volume = 0.5; // Set volume to 50% (you can adjust this value)
    audio.play();

  • @toufice6529
    @toufice6529 3 роки тому +5

    Great video, thanks a lot for the detailed and clear explanation!

  • @mik-hm9wr
    @mik-hm9wr Рік тому +2

    bro thank u so much. im in a game design class and my prof is so bad at explaining

  • @yenireejimenez2786
    @yenireejimenez2786 4 роки тому +4

    at least!!! a video that explains exactly what I need, thank you very much, my good friend.

  • @adrianilchev5728
    @adrianilchev5728 2 роки тому +3

    That was amazing! Truly it was entertaining and I learned how to use Twine. Thank you for this tutorial! :)

  • @nikikinz
    @nikikinz 3 роки тому +2

    Great! I'm going to look and see what else you have done because I notice in the comment from theogore you say you might create more tutorials. Hope you have done more because you teach very well. I want more please!!!

  • @luxdico
    @luxdico 2 роки тому

    thx a lot for this tutorial. It makes a lot of things in twine way easier.

  • @prasantahembram6865
    @prasantahembram6865 2 роки тому +1

    wow wonderful explanation, please continue making videos for twine.. It's super interesting 👌👌

  • @faedemon
    @faedemon 4 роки тому +10

    yo king shit for uploading this dude. i followed along as u went and now i have an example story to refer back to if i ever forget a command :-) thankz!

  • @DemienC.
    @DemienC. 8 місяців тому

    Thank you. It was very educational.

  • @StorytellerDan
    @StorytellerDan 2 роки тому +3

    Thanks man. Just getting into all this. Only just discovered Twine. Furious that at NO point in my expensive education NOT ONE time was this introduced!
    In any case. A HUGE thanks again. Is there a place where I can play some stories from creators like yourself? Just want to get an idea of what´s possible etc.

  • @muhammetdurmaz449
    @muhammetdurmaz449 2 роки тому

    Thanks for that helpful and warm tutorial.

  • @dylanspurling8916
    @dylanspurling8916 4 роки тому +5

    Hey probably late to the party but great video. Are you using Harlow or Sugarcube? I can't get the "if" to work when working on my rations calculations.

  • @lightox6337
    @lightox6337 2 роки тому

    Very helpful tutorial. Nice job.

  • @lightfiendish
    @lightfiendish 2 роки тому +1

    this tutorial is awesome!

  • @genjibenkei
    @genjibenkei 4 роки тому +3

    This was beyond amazing!

  • @fabzinluzt
    @fabzinluzt Рік тому

    Amazing Tutorial. Indeed.

  • @TizianaPinessi
    @TizianaPinessi 10 місяців тому

    Thank you, it was very helpful 💜

  • @mixayshamrov5213
    @mixayshamrov5213 2 роки тому

    Hello! This is the best tutorial I've seen on Twine! But only one question remained - how to make the game end when health decreases below 0?

    • @cokolada8940
      @cokolada8940 2 роки тому

      Hi!
      Probably the easiest way how to do it is to add the (if:$health 0)[[You continue in your journey.]]
      (if:$health

    • @mixayshamrov5213
      @mixayshamrov5213 2 роки тому

      @@cokolada8940 thank you!

  • @idunnregine202
    @idunnregine202 3 роки тому +1

    this helped a shit ton, thank you so much!!

  • @dumbgumdumb1395
    @dumbgumdumb1395 3 роки тому +1

    I love your tutorials. You earn a sub!

  • @ninjad.musica9404
    @ninjad.musica9404 3 роки тому

    Super useful and I loved your nice vibe! Thank you 🤩🤩👍

  • @anchp6757
    @anchp6757 Рік тому

    This is a life saver!!!

  • @MrGuyweinstein
    @MrGuyweinstein 3 роки тому +1

    question, how do you make it that when you lose all your hitpoints and you go a game over screen and from there you can restart the game?

  • @hugosapiens
    @hugosapiens Рік тому +1

    Oh think God I've found this tutorial!

  • @Bazendb
    @Bazendb Рік тому

    How do you add save and load options in the side bars?

  • @ToxicPhantom
    @ToxicPhantom 4 роки тому +4

    Thanks this really helped

  • @deuced80
    @deuced80 9 місяців тому

    How would I write the code for regeneration or invulnerability? Working on a hero story and could use some guidance.

  • @atgunsforhire9643
    @atgunsforhire9643 2 роки тому

    I love this video so much.If you don't mind,I would like to ask your permission translate and share this video to the other website in China for the embarrassing reason that UA-cam is blocked from accessing in China.Of course, I will give sources of the original website.Thank you very much!!!

  • @thelandofzzzz
    @thelandofzzzz 3 роки тому +1

    Love this thank you!

  • @GamesAsArt_
    @GamesAsArt_ 6 місяців тому

    Is it possible to add voiceover and sounds into the stories using this tool?

  • @АртианаЛесничая
    @АртианаЛесничая 2 роки тому

    Thank you very much!

  • @RedFoxRoaming
    @RedFoxRoaming 2 роки тому

    Thanks its a great tutorial.
    But how to end the game if health reaches zero etc.?
    I can drop or raise my health.
    But how to end the game when its at zero?
    Or in my case.. when the water level reaches '10' ?
    Thanks

  • @NebiCarax
    @NebiCarax 3 роки тому

    Incredible tutorial all around. The only thing that was irking me was the copy paste the same piece of code for every instance. Is there a workaround for that with Twine?

    • @-JMo-
      @-JMo- 3 роки тому +1

      If you create a new passage and tag it with “header”, the text and code in it will be at the top of every passage without you having to copy and paste it every single time.

  • @Gomace
    @Gomace 2 роки тому

    Would you mind chaptering the video for replay purposes? :]

  • @LORDSofCHAOS333
    @LORDSofCHAOS333 3 роки тому +1

    This was helpful

  • @sailkronos4143
    @sailkronos4143 2 роки тому

    Thank you!

  • @smartlydia
    @smartlydia Рік тому

    Is this Sugar Cube or Harlow? I couldn't see in the start of the video did I miss that bit?

  • @AsmaraJo
    @AsmaraJo 3 роки тому

    i have a question, i dont want to have 2 direct choices, i want to make the answer is free to type by the player but it has limit, for example, im attacked by a bear, what should i do? (the answer is run), but i want the player guessing what is the answer. i dont know what is the name of this system, its like "enter your answer". how can i make it?

  • @MrFredstt
    @MrFredstt 2 роки тому

    I think my biggest issue is knowing when to break up my writing so it's not just a big wall of text on one page. Also when to add choices for the player

  • @ItsOk1997
    @ItsOk1997 2 роки тому

    When I write (set:$name to (prompt: ... nothing happens. Like the word "set" doesn't become italics etc. Why?

  • @tianyixue7548
    @tianyixue7548 Рік тому

    Are you using sugarcube in this tutorial? Or is it the default Harlowe

  • @ticketforlife2103
    @ticketforlife2103 2 роки тому

    can it be played on mobile?

  • @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?

  • @adyanchowdhury4318
    @adyanchowdhury4318 2 роки тому

    I have to do this quick so I'm asking instead of watching the video, how do I make it so that if one dies they get moved to the start of the story. I've got (if:$health < 1)[You have died] but don't know how to link it.

    • @TheCentreforComputingHistory
      @TheCentreforComputingHistory 2 роки тому

      I’d suggest then you have a secondary message saying ‘click here to restart’ and link that to the first page as normal. That would give the player a better experience.

  • @DanH143
    @DanH143 3 роки тому +1

    (set:$name to (prompt:”Enter your name: ”, “Default Name”))
    Typed this code into my first scene to ask for the player's name before the adventure starts but it returns an unexpected token message... the editor suggetss it has issue with ”Enter your name: ” and “Default Name” running Bugging shows 0 errors; please help

    • @TheWaslijn
      @TheWaslijn 3 роки тому +1

      did you enter a $name at some point after the prompt set-up?

    • @DanH143
      @DanH143 3 роки тому +1

      @@TheWaslijn mysteriously I found the Macro in the software and it typed it out exactly as I had done but the program now understood it lol

    • @TheWaslijn
      @TheWaslijn 3 роки тому

      @@DanH143 well, at least is fixed now :D

  • @isaakt8457
    @isaakt8457 2 роки тому

    Все очень круто и понятно! Буду использовать на практике)

  • @andreafodarella7695
    @andreafodarella7695 2 роки тому

    Thaaaaank you!

  • @bruntoc
    @bruntoc 3 роки тому

    Really nice tutorial, thx a lot but just, how can we remove the option to go back to the previous text with the arrows when you are playing at the published game ? Because I found that s kinda broken, players can just go back when they choose a bad issue or something like that. It's like cheating.

    • @przemyslawbak
      @przemyslawbak 3 роки тому +2

      I hope it's not too late. Put this code in story Stylesheet:
      tw-sidebar {
      visibility: hidden
      }

    • @bruntoc
      @bruntoc 3 роки тому +1

      @@przemyslawbak Thank you but I already found it ;)

    • @przemyslawbak
      @przemyslawbak 3 роки тому +3

      @@bruntoc, I’m not surprised. I expected that but after all I wrote it for other people who will have the same problem. ;)

  • @banggoman7371
    @banggoman7371 2 роки тому

    Wait, thats mean if your hp is 90 +50 is 140 while your hp is max 100?

  • @royweygant5168
    @royweygant5168 3 роки тому +1

    dam is there any chance your next tutorial could add things like gender choices and time data. anyone one of those would be great.

  • @truehexproof
    @truehexproof Рік тому +1

    Your lack of snapping disturbs me

  • @sot8546
    @sot8546 3 роки тому

    Gaming pog

  • @Live_life_with_no_regrets
    @Live_life_with_no_regrets 2 роки тому

    the codes of name did not work for me 🥵

  • @rainingBrackets
    @rainingBrackets 3 роки тому

    Hi I need help. I don't know why but the basic "if" function doesn't work for me. I have done everything right(I think) and it doesn't work. If anyone is interested in helping me I can send a screenshot. Thx