The Angels Quest (browser based 3d/2d rpg)

Discussion in 'Game Design' started by undomi, Sep 16, 2017.

Tags:
  1. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    tools used: paintshop pro 8
    don't own a tablet so do art with laser mouse.

    The slow moving train wreck that is my attempt at a 3d lookalike browser based rpg, using javascript, css, and html. no game engine is involved, as a result, changes to how browsers handle code, frequently break the game creation's progress. i'm constantly trying to innovate the codes, to make them as simple and unbreakable as possible. it may be the impossible task. the idea is to use normal website functions to create a game, or as close to that as possible, such as html links, rotating galleries, image zooms, etc and to make the whole thing as 3d-esque as the browser+code will allow. This image is a rotating view of one of the races you can select, during character creation. they rotate when you mouseover, so the back is viewable as well.

    i'm actually not a programmer and quite bad at animation, so all of this is open to suggestion/help/etc

    the storyline is set in a post apocalyptic solar system. racial groups from all over the universe, who excel at specific climatic conditions/environments, are in the process of colonizing the planets of the sol system (our current solar system is named after our star "sol"). in other words, it's set in our solar system. each race is named after the planet they are colonizing. the image below represents male mercurians ( who reside in ecodomes inside the planet mercury, for example.)


    Image2.jpg
     
    #1 undomi, Sep 16, 2017
    Last edited: Sep 21, 2017
  2. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    female saturnians. saturnians reside in biodome ships, embedded in the rings of saturn.
    Image6.jpg
     
  3. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    a view of a "3d" access tunnel in a space hub. the character pictured is an earthian-european female. the winged chair is a tram of sorts that moves down the hall via one long series of image zooms, and stops based on one of the 4 destination options provided (flight deck, engineering, cafe/gardens. or the teleporter)

    Image9.jpg
     
  4. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    flight deck

    Image11.jpg
     
  5. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    Cooking in a hub cafe

    Image13.jpg
     
  6. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    tools for a quest
    Image20.jpg
     
  7. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    the hub faq
    Image22.jpg
     
  8. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    teleportation system is a series of clickable orbs, that become available for use as you progress thru the quests associated with this part of the game.
    Image26.jpg
     
  9. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    Character detail window. each race has their own skill set and weapon mastery earthians are woodworkers and excel at archery. there are 4 earthian subsets (european. african, indian and asian)
    Image30.jpg
     
    #9 undomi, Sep 16, 2017
    Last edited: Sep 16, 2017
  10. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    female venusian

    Image32.jpg
     
  11. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    male martian

    Image34.jpg
     
  12. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    male neptunian
    Image36.jpg
     
  13. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    male earthians
    Image40.jpg
     
  14. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    earthian female
    Image42.jpg
     
  15. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    male saturnian. as you can see from the shoddy coding i did on this one, there's actually 4 options, typically based on color scheme, with the exception of earthians, who are 4 earth based races.

    Image44.jpg
     
  16. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    female mercurian. mercurians specialize in alchemy. their weapon mastery is the winged mace.
    i theorized that the larger the planet, the smaller the race. the smaller the planet, the taller the race.
    so mercurians are the tallest since mercury is the smallest planet. and jupiterians are the shortest,
    since jupiter is the largest planet.
    Image46.jpg
     
  17. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    female jupiterian. this one is a bit rough. haven't finished painting the finer details.
    Image48.jpg
     
  18. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    if you select an earthian female as your character (in this example, an earthian-european), you would be shown the earthian woodworker's page, which gives more indepth info such as food type, aptitude, trait, habitat, armor class, weapon mastery, etc, and provides a weapon-ready snapshot from third person perspective
    Image50.jpg
     
  19. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    and a view in your cabin. the cabin has 4 walls. this wall is your cabinets, dressers, and hygiene area (sink, mirror, medicine and other such facilities). your cabin is where you are introduced to your action bar and other character interfaces. i used a modified image gallery for this, that allows the character to turn in a circle (or a square as it were)) to face all 4 walls, one at a time, by pressing the arrow keys on the keyboard. the cupboards along the bottom of this image, open on click and contain a quest item and potentially a little pet that travels with ya, if i can get the coding to do what i want.
    Image52.jpg
     
  20. undomi

    undomi New Member

    Joined:
    Sep 16, 2017
    Messages:
    50
    Likes Received:
    1
    #20 undomi, Sep 16, 2017
    Last edited: Sep 17, 2017

Share This Page

  • About Indie Gamer

    When the original Dexterity Forums closed in 2004, Indie Gamer was born and a diverse community has grown out of a passion for creating great games. Here you will find over 10 years of in-depth discussion on game design, the business of game development, and marketing/sales. Indie Gamer also provides a friendly place to meet up with other Developers, Artists, Composers and Writers.
  • Buy us a beer!

    Indie Gamer is delicately held together by a single poor bastard who thankfully gets help from various community volunteers. If you frequent this site or have found value in something you've learned here, help keep the site running by donating a few dollars (for beer of course)!

    Sure, I'll Buy You a Beer