4 ms·

Hi everyone. I've made a isometric tile map a while ago - http://jsfiddle.net/victorqribeiro/k3bazwnj/ http://jsfiddle.net/victorqribeiro/k3bazwnj/ - but yester

by atum47 7y ago

Hi everyone. I've made a isometric tile map a while ago - http://jsfiddle.net/victorqribeiro/k3bazwnj/ http://jsfiddle.net/victorqribeiro/k3bazwnj/ - but yesterday I found this really cool tile set - free to use - so I decided to make a tiny city builder. Hope you like it.

sansnomme 7y ago
Would you mind adding support for touch devices?
- atum47 7y ago
  what device you're on? cause it works on my phone
- quickthrower2 7y ago
  Dont drag. Touch the piece and the touch the spot to drop it on.
z3t4 7y ago
You can make some really nice looking games using isometric tiles, Ceasar 3 comes to mind. Which looks much better then Ceasar 4 IMHO, which is 3d AFAIK. And game-play also feels better in C3.
- 52-6F-62 7y ago
  Caesar 3 was a fantastic game. Also: plebs are needed.
- billfruit 7y ago
  Same with Age of Empires 2 vs 4. Also Brigador for example of a recent game which makes excellent use of isometric visuals.
- Delameko 7y ago
  I still play Transport Tycoon fairly often. The open version at https://www.openttd.org/ https://www.openttd.org/ is my goto. I've tried a lot of the newer city builders and the 3D just does not do it for me. I find it clunky and awkward.
- whatsmyusername 7y ago
  I played the f--- out of Ceasar 2 as a kid. That game was so good.
masukomi 7y ago
i like it. Having to scroll through long vertical list of tiles to find the one you want is kind-of a pain though. Other than that, nifty. :)
- atum47 7y ago
  that was the easiest most intuitive way I found to display the tiles. it's not great though
  - zamadatix 7y ago
    Nothing wrong with a scrolling layout, it's just a bit overrestricted: https://i.imgur.com/76BML6a.png https://i.imgur.com/76BML6a.png Filling some of the whitespace with scrollable grid of pieces would go a long way towards decreasing time for piece selection.
  - lonelappde 7y ago
    A 2D array might be easier to scroll through. Also, I suggest highlighting the currently selected piece.
    - andai 7y ago
      Came here to make both of these suggestions!
- _nalply 7y ago
  Perhaps make the list horizontal because of the highrises wasting space on the vertical list?
mysterydip 7y ago
Love it! Kenney makes some really nice assets. You might want to check out Raccoon Media https://racoon.media/ https://racoon.media/ and Quaternius http://quaternius.com/assets.html http://quaternius.com/assets.html for some expanded tiles that go with this set.
- twic 7y ago
  I can't find any tiles with railway tracks though :(
  - atum47 7y ago
    I think there's someone working on adding more tiles.
mutagen 7y ago
My wife saw this on screen and said “Oh, is that a kitchen planner?” Hmm, MIT license, this could be a kitchen planner for her :)
- atum47 7y ago
  I'm planning on doing this in webgl. Then she would be able to fully navigate her virtual kitchen. =)
  - abj 7y ago
    If you make this I'd love to help out
    - atum47 7y ago
      To anyone interested in the webgl version, it would work something like this - https://victorribeiro.com/voxel/ https://victorribeiro.com/voxel/ - click to place a bloc, click and drag on the sides of the screen to rotate the view, keys 1 to 9 change the block.
devadvance 7y ago
Nice, simple, and fun! I also appreciate that you're very open to contributions! :)
- atum47 7y ago
  thank you
amelius 7y ago
Small suggestion for UI improvement: while hovering over a tile, and pressing (say) the R key, you could rotate the tile by 90 degrees.
- mdorazio 7y ago
  This generally doesn’t work for isometric tiles because flipping the tile on the y axis (what you’re suggesting by rotate 90) does not preserve the lighting being on the correct side, so the flipped tile looks wrong. In most cases you would need a whole new tile for the rotated piece.
  - amelius 7y ago
    Yes, I meant a newly rendered tile. Or just the corresponding rotated tile from the library if it exists.
  - hyperpallium 7y ago
    You could use two bits in each pixel to indicate horizontal, left or right, and post-process light/dark depending on orientation. (Assuming only those faces and senses... though this project also has sloping roofs). Or, couldn't you pretend the city rotated but the sun didn't (like a model under a lamp), so lighting is the same for all orientations?

by atum47 7y ago

sansnomme 7y ago

Would you mind adding support for touch devices?

atum47 7y ago
what device you're on? cause it works on my phone
quickthrower2 7y ago
Dont drag. Touch the piece and the touch the spot to drop it on.

z3t4 7y ago

You can make some really nice looking games using isometric tiles, Ceasar 3 comes to mind. Which looks much better then Ceasar 4 IMHO, which is 3d AFAIK. And game-play also feels better in C3.

52-6F-62 7y ago
Caesar 3 was a fantastic game. Also: plebs are needed.
billfruit 7y ago
Same with Age of Empires 2 vs 4. Also Brigador for example of a recent game which makes excellent use of isometric visuals.
Delameko 7y ago
I still play Transport Tycoon fairly often. The open version at https://www.openttd.org/ https://www.openttd.org/ is my goto. I've tried a lot of the newer city builders and the 3D just does not do it for me. I find it clunky and awkward.
whatsmyusername 7y ago
I played the f--- out of Ceasar 2 as a kid. That game was so good.

masukomi 7y ago

i like it. Having to scroll through long vertical list of tiles to find the one you want is kind-of a pain though. Other than that, nifty. :)

atum47 7y ago
that was the easiest most intuitive way I found to display the tiles. it's not great though
- zamadatix 7y ago
  Nothing wrong with a scrolling layout, it's just a bit overrestricted: https://i.imgur.com/76BML6a.png https://i.imgur.com/76BML6a.png Filling some of the whitespace with scrollable grid of pieces would go a long way towards decreasing time for piece selection.
- lonelappde 7y ago
  A 2D array might be easier to scroll through. Also, I suggest highlighting the currently selected piece.
  - andai 7y ago
    Came here to make both of these suggestions!
_nalply 7y ago
Perhaps make the list horizontal because of the highrises wasting space on the vertical list?

mysterydip 7y ago

Love it! Kenney makes some really nice assets. You might want to check out Raccoon Media https://racoon.media/ https://racoon.media/ and Quaternius http://quaternius.com/assets.html http://quaternius.com/assets.html for some expanded tiles that go with this set.

twic 7y ago
I can't find any tiles with railway tracks though :(
- atum47 7y ago
  I think there's someone working on adding more tiles.

mutagen 7y ago

My wife saw this on screen and said “Oh, is that a kitchen planner?” Hmm, MIT license, this could be a kitchen planner for her :)

atum47 7y ago
I'm planning on doing this in webgl. Then she would be able to fully navigate her virtual kitchen. =)
- abj 7y ago
  If you make this I'd love to help out
  - atum47 7y ago
    To anyone interested in the webgl version, it would work something like this - https://victorribeiro.com/voxel/ https://victorribeiro.com/voxel/ - click to place a bloc, click and drag on the sides of the screen to rotate the view, keys 1 to 9 change the block.

devadvance 7y ago

Nice, simple, and fun! I also appreciate that you're very open to contributions! :)

atum47 7y ago
thank you

amelius 7y ago

Small suggestion for UI improvement: while hovering over a tile, and pressing (say) the R key, you could rotate the tile by 90 degrees.

mdorazio 7y ago
This generally doesn’t work for isometric tiles because flipping the tile on the y axis (what you’re suggesting by rotate 90) does not preserve the lighting being on the correct side, so the flipped tile looks wrong. In most cases you would need a whole new tile for the rotated piece.
- amelius 7y ago
  Yes, I meant a newly rendered tile. Or just the corresponding rotated tile from the library if it exists.
- hyperpallium 7y ago
  You could use two bits in each pixel to indicate horizontal, left or right, and post-process light/dark depending on orientation. (Assuming only those faces and senses... though this project also has sloping roofs). Or, couldn't you pretend the city rotated but the sun didn't (like a model under a lamp), so lighting is the same for all orientations?