nicolas-jaussaud / discore

Discore is a JavaScript library build on top of threejs to generate isometric maps
https://nicolas-jaussaud.github.io/discore/
5 stars 0 forks source link

Using GitHub Pages to serve static site from repo #1

Open eliot-akira opened 1 year ago

eliot-akira commented 1 year ago

I'm curious to see what you're working on with three.js. :)

There's a feature called GitHub Pages which can publish a static site from this repository.

In the repo settings, under Code and automation -> Pages, you can choose to publish from a branch gh-pages or a folder called docs. I think the latter is simpler, by renaming the existing folder example to docs. After that, it should serve the index.html and built assets at https://nicolas-jaussaud.github.io/discore.

nicolas-jaussaud commented 1 year ago

Thank you for the comment, I didn't know it was that easy to host something on github!

I renamed the docs folder as you explained so there is now a demo here: https://nicolas-jaussaud.github.io/discore/

I'm trying to create a library that moves a character by clicking, in an isometric world. As you can now see with the example, it's still far from being usable!

I'd like to reproduce the gameplay from the game Disco Elysium (it looks like this). I also want to try to implement a dialog system like in this game, but that would be in a second time (I will add this part in the currently empy "discursed" folder). Disco Elysium is a game I played recently and really liked, I started this more as a tribute to it than anything else

eliot-akira commented 1 year ago

Nice! I played around with the demo, and checked out the code for curiosity. It was interesting to see what file formats are being used, how the "camera" and "scene" are setup, etc. I also saw your other repo personajs with a similar kind of 3D environment, so I understand this topic is a long-term interest/hobby. I watched the walk-through of Disco Elysium too - wow, that's a very detailed world.

It reminds me of a repo I saw, isocity, which is a "simple" city builder interface made with plain JavaScript (no three.js). It looks like the texture/sprite image is open source, and I remember thinking it would be fun to re-purpose it for a game.

There's another repo 3d.city, an isometric "living" city using three.js. Its core is a simulation engine based on micropolis, which is a port of the original code of SimCity Classic. I also used this engine for my own "tribute to SimCity", called microcity. The GitHub Pages feature was perfect for that project too, to serve it as a free static site.

eliot-akira commented 1 year ago

I thought you'd like these:

It makes me want to create a pixely isometric world to walk around in. Would be fun if it were powered by WebSockets so people visit the same shared world.

nicolas-jaussaud commented 1 year ago

I never played SimCity so I started a game of microcity (just to see) and ended up playing for more than an hour (I'm really bad at planning traffic apparently haha). It's really cool, it must have been a lot of work! (I also discovered your other simcity-related project on your website)

The isocity repository was interesting, I took a look and I was very surprised to see that the main (and only) script is less than 180 lines, I was expecting a lot more

(Also thank you for the links! I didn't know about any of those rules or how isometric designs are created in general so that was instructive)