Push the button and let me code ♫

 

    Username input field? Check.

    Shiny enter button? Check.

   

Enter username:

Welcome page with username input field, button that says "Begin" and one shadowed character


Username "Jinx":

Welcome page with username input field that holds the name "Jinx", button that says "Begin" and one shadowed character


    I had to make some edits to my code again, but it feels good to make the changes knowing I'm learning each time how to improve. I'm aware my character is looking a little tiny, but she is meant to be a dwarf so I hope it won't look quite as disproportionate when I have the other characters uploaded.

    I messed around a little with the design on the entry field and button. I tried different colours, different levels of transparency, different fonts. I'm really happy with what I have now. I already knew that I wanted to set up each layer of the game with a black text box for users to type code into, so it would feel visually similar to command prompt, and I think this page is a good reflection of that.

    (Very aware that I just started every line in the last 2 paragraphs with an "I". Oi.)

I think I'll try to finish another character tomorrow and do a bit more studying. Trying to create something is a lot more interesting to my brain than reading screen after screen of text, but just because it's not "fun" doesn't mean I'm not learning a ton. I think that was always my biggest obstacle in school, if it wasn't hands on and/or moderately creative then I really struggled to keep my mind on task...

    Hence, Dungeon Coder. Hopefully once I've applied what I've learned to the game it will help things stick in my mind a little better.

Link to HTML code

Link to CSS file

Comments

Post a Comment

Popular posts from this blog

A little less complicated, a little more coding, please. ♫

          Okay, so selecting an individual character is going to be pushed back to the "add later" pile.     As of now, I have an image to use as the background (an amazing campfire photo) and a "cartooned" version of it. I will study how they both look once I have rough images of the characters to add, but I imagine it will look more visually blended if I don't have sketches laid over real life backgrounds.     I need to figure out how to make the image fill the whole screen but remain centred, so that's task one. I haven't finished HTML lessons yet, and I believe CSS is needed to complete this task, so for the time being it's back to studying for me.
Read more

New Blog, who this?

Okay. First blog. So, future me, let's create "Dungeon Code".      Brief outline (because your memory is atrocious): Dungeon Code will be an interactive game of sorts, inspired heavily by your love of Critical Role and fantasy. Because you struggle with concentration, and therefore staying focused on learning, this will hopefully be something you can work on to implement what you've learned and cement the knowledge in your brain, and make remembering coding languages a lot easier (and fun). Dungeon Code will be a set up of fantasy characters, namely a group of 4 alongside the main character (the user). As you are known to go off on tangents and focus too heavily on the details before creating the main skeleton of the beast, the focus will be on how each lesson in a language (Python, being as that's what you learned first) can be implemented as an element in the fantasy. One quick example: spells. For a spellcasting character, they would need components to cast
Read more

Rough draft

  Home page:     Something to visually introduce the characters and set the tone for what the website is about. (Fantasy, adventure, etc) Maybe a campfire, night setting with the characters gathered around the flames with their armour and weapons.     A welcome message and a text box for "players" to input their name.     A selection process after a name is entered, where users can chose a character. Cycle through choices? Backstories? All details to add once the skeleton design is made. Can't get too hung up on these details just yet. Next page:     A dialogue scene. Maybe the user is new to the group and there's some back and forth about the groups destination. Maybe try to implement a response by having the user print() some dialogue. To make it match the dialogue and semi-script, the answers should be pre-chosen and the user has to insert them into a print() statement, like games with multiple choice interaction. Too complicated to do unique responses to different
Read more