1. Guest, feel free to chat with us on our official IRC channel via mIRC: irc.northfire.net in #Zelda or by clicking the Chat link on the forums or on the main page.

Teh My Room Adventure

Discussion in 'More Videogame Talk' started by 'zilla, Dec 4, 2016.

  1. 'zilla

    'zilla Blarf

    Joined:
    Sep 18, 2015
    Messages:
    178
    Likes Received:
    130
    Trophy Points:
    43
    Gender:
    Male
    Since 'tis the season, I might as well plug my own holiday-themed game.

    http://tmra4.cerapter.net

    It's something I cooked up ages ago, using photos from my student dorm and what little I knew of Flash scripting. It's a kind of point-and-click game. Some have found it addictive, and it is definitely frustratingly illogical. But if you find the fox on a rock, he will give you hints!

    EDIT: New and improved version is up!

    Teh My Room Adventure FOAR.2
     
    Last edited: Dec 22, 2016
    • Thanks (+1) Thanks (+1) x 1
  2. Silent Lion

    Silent Lion Rawr.

    Joined:
    Nov 19, 2015
    Messages:
    245
    Likes Received:
    114
    Trophy Points:
    43
    Gender:
    Male
    Haven't heard of Babylon 5 in a while!
     
    • LOL LOL x 1
  3. LinkSkywalker

    LinkSkywalker Cocky Little Freak

    Joined:
    Jul 5, 2015
    Messages:
    1,203
    Likes Received:
    609
    Trophy Points:
    113
    Gender:
    Male
    Oh my god it's a My Room Adventure.

    I haven't seen one of these in an eon.
     
  4. 'zilla

    'zilla Blarf

    Joined:
    Sep 18, 2015
    Messages:
    178
    Likes Received:
    130
    Trophy Points:
    43
    Gender:
    Male
    Well, this one really is from the Proterozoic eon. It's the last one I made, 7 years ago. I've had eight other rooms since then, most of them during some December, but these have passed silently into the night without a new TMRA.

    BUT. Yesterday I found a bug in the high score database. It has prevented new scores for six years. Now I fixed it and that means your accomplishments will be remembered.
     
    • Thanks (+1) Thanks (+1) x 1
  5. LinkSkywalker

    LinkSkywalker Cocky Little Freak

    Joined:
    Jul 5, 2015
    Messages:
    1,203
    Likes Received:
    609
    Trophy Points:
    113
    Gender:
    Male
    I only ever made that first one. I took all the pictures to prepare for a 2nd one, but never made it. And yeah, I've had 3 homes since then myself.

    Of course, mine were just digital walkthroughs with some personal info / comedy. Yours had gameplay. Good stuff. I'mma get a high score.
     
    • Like (+1) Like (+1) x 1
  6. 'zilla

    'zilla Blarf

    Joined:
    Sep 18, 2015
    Messages:
    178
    Likes Received:
    130
    Trophy Points:
    43
    Gender:
    Male
    I'm investigating whether a TMRA could be made using just PHP and AJAX. Flash was nice because it had a graphical interface for drawing polygons to click on, but it was also quite cumbersome to make the games that way, because I had spread the code across many separate frames. Plus, installing Flash is not an option.

    If I figure out a way, I'll try to design an "engine" that can import game data and photos. I already have a brief walkthrough on how I made the games and structured the data. If that makes it easy, I might make a new one one day.
     
    Last edited: Dec 6, 2016
    • Like (+1) Like (+1) x 2
  7. Kaynil

    Kaynil Well-Known Member

    Joined:
    Apr 14, 2015
    Messages:
    1,712
    Likes Received:
    638
    Trophy Points:
    113
    Gender:
    Female
    3DS:
    1848-2038-9377
    NNID:
    Kaynil
    SFC:
    SW-0598-4137-8986
    Duuude. This is pretty nice.
    I definitely want to sit and play it with mroe calm.
    I just entered your room. i found the fox, a sleeping mask , browsed around your books and desk. It is definitely looking pretty good.
     
    • Like (+1) Like (+1) x 1
    • Thanks (+1) Thanks (+1) x 1
  8. 'zilla

    'zilla Blarf

    Joined:
    Sep 18, 2015
    Messages:
    178
    Likes Received:
    130
    Trophy Points:
    43
    Gender:
    Male
    While you're trying to figure this one out, I'm having fun cooking up TMRA without Flash. So far I've got:
    - Navigation arrows working when clicked
    - Clicking on photo is matched against polygons from a list, to tell if you've clicked something important
    - Game progress stored in an encrypted cookie

    Not really a proof-of-concept yet, but I'm thinking it might work. The only thing that is tricky is things happening when you hover, like the clicky pointer. Implementing that might leave traces in the source code, which enables cheating!
     
    • Wow Wow x 1
  9. LinkSkywalker

    LinkSkywalker Cocky Little Freak

    Joined:
    Jul 5, 2015
    Messages:
    1,203
    Likes Received:
    609
    Trophy Points:
    113
    Gender:
    Male
    Eager to tinker with any tools you come up with for this.
     
    • Like (+1) Like (+1) x 1
  10. 'zilla

    'zilla Blarf

    Joined:
    Sep 18, 2015
    Messages:
    178
    Likes Received:
    130
    Trophy Points:
    43
    Gender:
    Male
    Today I've got:
    - A graphical polygon design tool for all the photos
    - Polygons can be clicked to trigger navigation, picking up items or activating events
    - Scenes are referred to by names, the actual photo may vary depending on what has happened

    Editing is done in the backend code atm, including these files so far:
    - navigate.php, manages dynamic navigation options in every scene
    - pointers.php, manages dynamic mapping from scene name to file name
    - One file for each scene defining the polygons and what happens when you click them

    - Message box is functional. It pops in and out when needed, chops long messages into pieces, and it can display icons and play sounds too.
    tmra_ajax.png
    It's getting complex. About 400 lines of PHP, 200 lines of Javascript, 100 lines of CSS and 50 lines of HTML. Next up is the item bag!

    I'll also need to design some new graphics, most notably the navigation arrows, since all I got are screenshots from Flash. I suck at graphic design, so if anyone's up to the challenge, let me know!
     
    • Like (+1) Like (+1) x 1
  11. Kaynil

    Kaynil Well-Known Member

    Joined:
    Apr 14, 2015
    Messages:
    1,712
    Likes Received:
    638
    Trophy Points:
    113
    Gender:
    Female
    3DS:
    1848-2038-9377
    NNID:
    Kaynil
    SFC:
    SW-0598-4137-8986
    It is amazing how much you have done in a short time, haha.
    For the arrows, you can try the icon archive. That place has helped me heaps in the past for forum icons and stuff.
     
    • Useful (+1) Useful (+1) x 1
  12. 'zilla

    'zilla Blarf

    Joined:
    Sep 18, 2015
    Messages:
    178
    Likes Received:
    130
    Trophy Points:
    43
    Gender:
    Male
    Thanks! I looked around for a while, but in the end I found a way to remake the original icons.

    The progress today:
    - New and transparent arrow icons makes the game look good again
    - Only relevant navigation arrows will appear with each scene, the rest will be hidden
    - Added all navigation information for all scenes
    - Added 20 photos' worth of polygons into the new version, almost a third of the scenes
    - Improved the code and file structure. The game engine is kept in separate files from the configurable game data.

    tmra_dragon.png
    Definitely doable. This is fun!

    - The item bag is starting to take shape. It can be opened/closed, and it displays the stuff you have picked up. Using and mixing is not yet functional.
    - I've added all of the clickable polygons, and will soon start adding complex events and behaviors that change throughout the game.
    - Discovered a bug in the polygon checking. Somehow, one point is dragged all the way to the left side of the screen, so the click area becomes too large. Will try to sort this out.

    tmra_items.png
    - The item bag is almost fully functional. All that remains is item mixing.
    - NEW FEATURE: items are clicked to grab them, and then clicked again where they should be used. Notice the floating fish in the second screenshot!
    - Progressive game events are now working. Currently, doing this requires some introduction and programming know-how. Hoping this might be made simpler.
    - The new version is working up until getting Dragon Power level 1.
    - The game is currently 50 kB of code. The engine itself is less than 20 kB, while the game data makes up the rest.

    tmra_items2.jpg
    tmra_fish.jpg
     
    • Like (+1) Like (+1) x 1
  13. Kaynil

    Kaynil Well-Known Member

    Joined:
    Apr 14, 2015
    Messages:
    1,712
    Likes Received:
    638
    Trophy Points:
    113
    Gender:
    Female
    3DS:
    1848-2038-9377
    NNID:
    Kaynil
    SFC:
    SW-0598-4137-8986
    Shaping up so good, man. :D
     
  14. 'zilla

    'zilla Blarf

    Joined:
    Sep 18, 2015
    Messages:
    178
    Likes Received:
    130
    Trophy Points:
    43
    Gender:
    Male
    The new version is now fully playable! That sure went faster than expected.

    While the gameplay is complete, I haven't yet made the intro, the endings, or the hint function. Once I have, though, and after a bit more testing, this is ready to go online.

    Then I'll assess how much work it would be to make a graphical interface for designing the game. Configuring in the code directly could be just as fast, but that is more prone to errors.

    I'm attaching an example of the game code. The first image explains what a polygon can do when it's clicked. (The photo field loads a new scene.) The second image is a real example including updates as the game progresses.

    tmra_present.jpg

    tmra_polygon.png

    tmra_gryph.png ]It's almost finished. The only thing missing now is making the endings shiny. I'll do that and look at that polygon bug, and then I'll launch Teh My Room Adventure FOAR.2!

    Oh and cross-browser testing. I almost don't want to know how messed up it might be in other browsers, haha.

    tmra_intro.jpg tmra_diary.jpg
     
    • Wow Wow x 1
  15. Kaynil

    Kaynil Well-Known Member

    Joined:
    Apr 14, 2015
    Messages:
    1,712
    Likes Received:
    638
    Trophy Points:
    113
    Gender:
    Female
    3DS:
    1848-2038-9377
    NNID:
    Kaynil
    SFC:
    SW-0598-4137-8986
    You are such a fast worker. I can't believe you are almost done with it.
    What surprises me the most is that this isn't even just some port as you actually added some enhancements from the original version as you went along.
    I can't wait to test it out!
     
    • Thanks (+1) Thanks (+1) x 1
  16. 'zilla

    'zilla Blarf

    Joined:
    Sep 18, 2015
    Messages:
    178
    Likes Received:
    130
    Trophy Points:
    43
    Gender:
    Male
    Thanks! Today I spent some time to make credits animations from scratch. I'm also putting a Facebook share button for the final score, if I can make it work properly. Plus some tiny tweaks to improve the gameplay.

    I should have it ready just in time for Christmas!
    Okay, here goes. I'm letting you guys at it first!

    --> Teh My Room Adventure FOAR.2 <--
    tmra_go.png

    I haven't done a lot of testing, but I've done many playthroughs. Please let me know if there are any visual bugs of otherwise obvious ones!
    I've made a tiny version of TMRA as a demonstration of the engine. This can be used to make new games!

    I'm putting it out there in case I don't make a graphical interface to make it even easier. Making a room adventure this way doesn't require programming skills or detailed syntax knowledge. It requires having no code phobia, good copy-paste skills and an eye for details. It also requires a web server.

    If any of you want to give it a try, I might be able to help you out and host your game.

    Here is it:
    Teh Room Adventure Starter Pak!
     
    • Like (+1) Like (+1) x 1
  17. Link

    Link Hero of Time
    webmaster

    Joined:
    Apr 13, 2000
    Messages:
    481
    Likes Received:
    242
    Trophy Points:
    43
    Gender:
    Male
    3DS:
    ‭3368-5725-4601‬
    NNID:
    zeldacavern
    SFC:
    SW-6709-6167-2399
    You should attach that as an uploadable file, just in case the filehost goes down or removes your package.
     
  18. 'zilla

    'zilla Blarf

    Joined:
    Sep 18, 2015
    Messages:
    178
    Likes Received:
    130
    Trophy Points:
    43
    Gender:
    Male
    That is my own web host, so I have full control over it. I put it there because the file was too big for a normal upload on the forums (2.3MB)

    If I can bother and if it fits in, I might put it on GitHub later.
     
  19. Kaynil

    Kaynil Well-Known Member

    Joined:
    Apr 14, 2015
    Messages:
    1,712
    Likes Received:
    638
    Trophy Points:
    113
    Gender:
    Female
    3DS:
    1848-2038-9377
    NNID:
    Kaynil
    SFC:
    SW-0598-4137-8986
    I haven't had a chance to be online for the past new days. I am happy you managed to finalise the game and even make some starter park. This could even be used to give it a Zelda spin and make a small activity or something. Anyway, I will try them both soon enough.

    I really appreciate you kept us up to date and shared all your progress, Zilla. :D
     
    • Thanks (+1) Thanks (+1) x 1
  20. 'zilla

    'zilla Blarf

    Joined:
    Sep 18, 2015
    Messages:
    178
    Likes Received:
    130
    Trophy Points:
    43
    Gender:
    Male
    Thanks! It kept me busy through boring days and saved me from doing more important things :P

    So now I'm planning an interface for designing your own TMRA on my server. It might have an export function so it can be put somewhere else too.

    I haven't done any coding yet, so I don't know yet whether it's something I can finish. It's going to be a lot of JavaScript, some of it quite tricky, and it will require nearly 20 database tables. (The games themselves do not rely on a database apart from the hi-score table)

    This admin interface will have four pages; scenes, polygons, items and misc. settings. Each will have an overview of its elements and a dialog box for adding and editing.

    There won't be any need to edit code. There also won't be a way to edit files directly unless you export and edit the files for your own server.

    Currently I'm spending time on the layout, which is not my strongest skill. I might try to look for something like Google's bootstrap style, but darker. Anyone have any ideas?
     

Share This Page