[R>Programmer] Share Unpaid Looking for a programmer for an HTML game [Completed]

[bookaloe]

Project:

You must be registered to see the links

Developer:
bookaloe

Looking for:
Hi! I’m looking for a programmer with experience in Twine, primarily to implement a map system and rework the UI.

Employment Type:
This is an unpaid offer. You will be able to share or reuse all Twine layouts and widgets that you create for this project.
Of course, if the game ever makes any money, and if you choose to stay as the lead programmer, you will be offered shared revenue.

Work commitment:
This is a small, simple project with only 5 levels in total planned. Ideally, the programmer would stay until the game is completed and help out if needed, but it’s not necessary as the main things I’m looking for (map and UI) can be implemented right away and at your own pace.

Preferred method of contact:
discord @ bookaloe

Job Description:
Programming: I want you to add a map to the game and rework the UI (for both mobile and PC). I’ll provide you with examples and sketches of what type of layout I think would work well, tiles for the map and other necessary assets. With a map system, I’ll be able to redesign dungeon levels, rework combat and other game mechanics, and add more content to each level. It’s up to you if you only want to do the map and UI, or if you’ll also help with future changes and additions.
Game design: (optional but would be a huge plus) if you want, you will also help me come up with new enemies, gear, mechanics and level designs.

Additional comments:
You have to be fine with gay & lesbian content, futanari and monsterfucking (there’s a list of content warnings in the game itself if you want more details). This game doesn’t have any rape, gore or furry content, but my future projects might, so keep that in mind if you’re interested in a more long-term partnership.
(I’m also willing to consider starting a new project instead of finishing this one first, if you’d prefer that, but that will require more involvement and commitment from you.)

If this offer interests you or if you have any questions, contact me via discord!

 

[leerlauf]

Send you a friend request on discord. Maybe you could upload some of the UI sketches here as well, if you have them, so that people have better knowledge what kind of changes you are looking for.

 

[bookaloe]

Send you a friend request on discord. Maybe you could upload some of the UI sketches here as well, if you have them, so that people have better knowledge what kind of changes you are looking for.

Thanks for the suggestion! Here are some of the layouts I made in CSP. A map added on a second sidebar or in the corner, description of the location moved to be next to/below the map. Movement would happen using arrows (pictures) either in the choices section or under the map. The map is a matrix of squares, showing part of the current dungeon floor and current location of the player (and possibly other things of interest). The final look and number of tiles might change, this is just a sketch made for the second layout.

This is all way beyond my coding skills, so any help would be appreciated.

 

[leerlauf]

I'm missing some assets to make this look perfect, but you can try out the following code to see whether it comes close to what you imagine. Put the following into your Stylesheet:

.tile {
  position:absolute;
  width:20%;
  height:20%;
  pointer-events:none;
}

.tile::after {
  position:absolute;
  top:1px;
  left:1px;
  bottom:1px;
  right:1px;
  background:purple;
  border-radius:5px;
  z-index:1;
  content:"";
}

.tile img {
  position:absolute;
  height:100%;
  width:100%;
  left:0;
  top:0;
  z-index:2;
}

.tile a {
  display:block;
  position:absolute;
  height:100%;
  width:100%;
  left:0;
  top:0;
  z-index:3;
  line-height:5vw;
  text-align:center;
  pointer-events:auto;
}


.empty {
  position:absolute;
  width:20%;
  height:20%;
}

Then put this into your StoryInit passage:

<<set $map to [
[1,0,1,0,1,1],
[1,1,1,1,1,0],
[0,1,0,0,1,0],
[1,1,0,0,1,1],
[1,1,1,1,1,0],
]>>

<<set $x to 0>>
<<set $y to 0>>

And then put the following into you PassageHeader passage, and give it the nobr tag:

<div style="position:absolute; right: 1vw; top:1vw; width:27vw; height:27vw; max-height:50vh; max-width:50vh;border:1px solid white; padding:1vw; border-radius:5px; background:black;">

<<do>>
<<for _y to $y-2; _y lt $y+3; _y++>>

<<for _x to $x-2; _x lt $x+3;_x++>>

<<set _yPos to (_y - ($y-2)) * 20>>
<<set _xPos to (_x - ($x-2)) * 20>>
<<set _style to "top:" + _yPos + "%; left:" + _xPos + "%">>

<<if _y lt 0 or _y gte $map.length or _x lt 0 or _x gte $map.length>>
<div class="empty" @style="_style"></div>
<<elseif $map[_y][_x] eq 0>>
<div class="empty" @style="_style"></div>
<<else>>
    <div class="tile" @style="_style">
        <<if _x eq $x and _y eq $y>>
            <img src="https://www.w3schools.com/css/paris.jpg">
        <<elseif _x eq $x-1 and _y eq $y>>
            <<link "left">>
                <<set $x-->>
                <<redo>>
            <</link>>
        <<elseif _x eq $x+1 and _y eq $y>>
            <<link "right">>
                <<set $x++>>
                <<redo>>
            <</link>>
        <<elseif _x eq $x and _y eq $y-1>>
            <<link "up">>
                <<set $y-->>
                <<redo>>
            <</link>>
        <<elseif _x eq $x and _y eq $y+1>>
            <<link "down">>
                <<set $y++>>
                <<redo>>
            <</link>>
        <</if>>
    </div>
<</if>>
<</for>>

<</for>>

<</do>>

</div>

The image is where the character sprite should go, and you can click any of the surrounding tiles to move towards it.

 

[bookaloe]

I'm missing some assets to make this look perfect, but you can try out the following code to see whether it comes close to what you imagine. Put the following into your Stylesheet:

This is very helpful, thanks! I messaged you on discord.