avalon Project Avalon: A Grid-based Citybuilder (now with a name)


210 posts in this topic

Posted

Just out of curiousity, how big are the maps?

Share this post


Link to post
Share on other sites

Posted

So far, I like what I see here! Good that you went for the 2.5D approach, since this offers you a lot of comfort when it comes to setting up the render engine of this game. Furthermore, your graphics do have some sort of special feeling to it, I like that...

Share this post


Link to post
Share on other sites

Posted

Just out of curiousity, how big are the maps?

 

As of now, they are unlimited size. 

 

So far, I like what I see here! Good that you went for the 2.5D approach, since this offers you a lot of comfort when it comes to setting up the render engine of this game. Furthermore, your graphics do have some sort of special feeling to it, I like that...

 

Thank you :)

Share this post


Link to post
Share on other sites

Posted

I like the look of it and I've never been too keen on 3D and if you are a "city builder" its more about being able to build a functioning city than anything else

 

-catty

Convergence likes this

Share this post


Link to post
Share on other sites

Posted

That looks really nice! Since I too do know a lot about HTML, CSS and Javascript (as well as PHP actually) and have quite some experience with it, I have to ask: which JavaScript libraries do you use? Or is it all just plain JavaScript? I also really would love to dig into the code to see for myself how it all works, but I assume there is no way to see it yet?

Convergence likes this

Share this post


Link to post
Share on other sites

Posted

not bad not bad at all.

you got yourself about 99% farther than most of these projects.

I really hope you stay at it!

Share this post


Link to post
Share on other sites

Posted

I like the look of it and I've never been too keen on 3D and if you are a "city builder" its more about being able to build a functioning city than anything else

 

-catty

Thank you for the input :)

 

 

That looks really nice! Since I too do know a lot about HTML, CSS and Javascript (as well as PHP actually) and have quite some experience with it, I have to ask: which JavaScript libraries do you use? Or is it all just plain JavaScript? I also really would love to dig into the code to see for myself how it all works, but I assume there is no way to see it yet?

Thank you :) In the beginning I used Jquery extensively for DOM manipulation and events, but because of its selector performance I decided to switch to straight javascript mostly, which is much faster for heavy DOM editting like this.  Hmm I do prefer to beef up the simulator a bit first :)

 

not bad not bad at all.

you got yourself about 99% farther than most of these projects.

I really hope you stay at it!

Thank you, me too!

Share this post


Link to post
Share on other sites

Posted

I like it, this is already better than SimCity 2013 :)

Share this post


Link to post
Share on other sites

Posted

 

That looks really nice! Since I too do know a lot about HTML, CSS and Javascript (as well as PHP actually) and have quite some experience with it, I have to ask: which JavaScript libraries do you use? Or is it all just plain JavaScript? I also really would love to dig into the code to see for myself how it all works, but I assume there is no way to see it yet?

Thank you :) In the beginning I used Jquery extensively for DOM manipulation and events, but because of its selector performance I decided to switch to straight javascript mostly, which is much faster for heavy DOM editting like this.  Hmm I do prefer to beef up the simulator a bit first :)

 

Oh, it looked to me like you were using the HTML5 <canvas> tag.  :)

I understand that you prefer to beef up the simulator a bit first, I was just so excited about somehting like this being possible in HTML5! I regularly think about making an app that enables me to make region-wide SC4 mosaics in google maps style (being able to drag around a whole region) however I never got to this because of time lack...

If I may make a suggestion though, if you ever plan to relaese this as desktop app, take a look at https://github.com/rogerwang/node-webkit. It's a bundle of webkit and node.js which allows you to run web apps as desktop apps. I use it everytime I make a desktop app. It also has the benefits that I don't have to worry about browser compatibility anymore, since the browser is included.  :)

Share this post


Link to post
Share on other sites

Posted

Wow! This is incredible! I really hope you keep working on it. As for the 2.5D approach, I don't mind it and in some places I find it better than 3D but then 3D is better than 2.5D in other places but 2.5D is still excellent - especially for simulators.

Share this post


Link to post
Share on other sites

Posted

I'm honestly very surprised at how much detail you've put together with just Javascript, HTML, and CSS. Have you considered any server side processing with PHP by any chance? 

 

Either way, very nice work! I'll definitely be following and keeping up with this. :D

Convergence likes this

Share this post


Link to post
Share on other sites

Posted

I like it, this is already better than SimCity 2013 :)

Hehe, I'm sure SImcity 2013 is way more powerful than this ;)

 

 

 

That looks really nice! Since I too do know a lot about HTML, CSS and Javascript (as well as PHP actually) and have quite some experience with it, I have to ask: which JavaScript libraries do you use? Or is it all just plain JavaScript? I also really would love to dig into the code to see for myself how it all works, but I assume there is no way to see it yet?

Thank you :) In the beginning I used Jquery extensively for DOM manipulation and events, but because of its selector performance I decided to switch to straight javascript mostly, which is much faster for heavy DOM editting like this.  Hmm I do prefer to beef up the simulator a bit first :)

 

Oh, it looked to me like you were using the HTML5 <canvas> tag.  :)

I understand that you prefer to beef up the simulator a bit first, I was just so excited about somehting like this being possible in HTML5! I regularly think about making an app that enables me to make region-wide SC4 mosaics in google maps style (being able to drag around a whole region) however I never got to this because of time lack...

If I may make a suggestion though, if you ever plan to relaese this as desktop app, take a look at https://github.com/rogerwang/node-webkit. It's a bundle of webkit and node.js which allows you to run web apps as desktop apps. I use it everytime I make a desktop app. It also has the benefits that I don't have to worry about browser compatibility anymore, since the browser is included.  :)

 

Ah I see. :) I don't  believe I'm using any HTML5 features sofar, but perhaps it will be handy to do things like displaying traffic :) And thank you for the suggestion, that will definitely be handy.

 

 

Wow! This is incredible! I really hope you keep working on it. As for the 2.5D approach, I don't mind it and in some places I find it better than 3D but then 3D is better than 2.5D in other places but 2.5D is still excellent - especially for simulators.

Thank you :) 

 

I'm honestly very surprised at how much detail you've put together with just Javascript, HTML, and CSS. Have you considered any server side processing with PHP by any chance? 

 

Either way, very nice work! I'll definitely be following and keeping up with this. :D

Thank you :) City mutations are sent to php using ajax which stores it in mysql. 

Share this post


Link to post
Share on other sites

Posted

looks awesome, i really wish u good luck with it and hope see final product one day

Share this post


Link to post
Share on other sites

Posted

Certainly looks better than my project. I am also going the 2.5D route, so the graphics will likely be similar in style to yours, and also I am using a grid based system I gave up on curvy roads.

Share this post


Link to post
Share on other sites

Posted

 

I've been working on some industrial art last few days.

 

qMflDkH.jpg

 

looks awesome, i really wish u good luck with it and hope see final product one day

thanks

 

Certainly looks better than my project. I am also going the 2.5D route, so the graphics will likely be similar in style to yours, and also I am using a grid based system I gave up on curvy roads.

Do you have any screenshots of your project?

r00n83 and Sabretooth78 like this

Share this post


Link to post
Share on other sites

Posted

That's just delightful.  The fact that it runs in a web browser is probably one of the best things about it.  I think everyone before me has paid the appropriate set of compliments.  Keep up the good work.

Share this post


Link to post
Share on other sites

Posted

1456776_538173102941242_2130592387_n.jpg

Obviously my game is rather early in development. I made all these sprites myself, but hopefully proper sprites will arise sometime. I like your grid array being composed of smaller tiles. I went for that and for multi-tiled structures, but as can be seen the high school sprite was clipped. I think my depth =-y code isn't working there for some reason, possibly the fact the game is computed topdown but shown in dimetric mode here

Share this post


Link to post
Share on other sites

Posted

That's just delightful.  The fact that it runs in a web browser is probably one of the best things about it.  I think everyone before me has paid the appropriate set of compliments.  Keep up the good work.

Thanks :) Yes it should be very easy to just copy links to any location within your city and share them anywhere. Also everyone else can load your city and pan through it without installing anything. 

 

 

Obviously my game is rather early in development. I made all these sprites myself, but hopefully proper sprites will arise sometime. I like your grid array being composed of smaller tiles. I went for that and for multi-tiled structures, but as can be seen the high school sprite was clipped. I think my depth =-y code isn't working there for some reason, possibly the fact the game is computed topdown but shown in dimetric mode here

Thanks for sharing :) Hmm, I don't see any clipped building in that image. What are you using to make those sprites?

Share this post


Link to post
Share on other sites

Posted

Looks fantastic. This is something I will be keeping my eye on.

Share this post


Link to post
Share on other sites

Posted

I hope to see a lot more of this, it looks great and I think there is so much you can do with it.
Is there any water included yet or terrain features?

Share this post


Link to post
Share on other sites

Posted

Looks fantastic. This is something I will be keeping my eye on.

thanks

 

I hope to see a lot more of this, it looks great and I think there is so much you can do with it.

Is there any water included yet or terrain features?

I tried a water texture, but wasn't satisfied with how it looked yet (too cartoony: http://i.imgur.com/qo6kqE0.jpg). But its definitely something that will be implemented, as most real-life cities are built near water. 

 

As far as other terrain features I'm still thinking about how to do it.

Share this post


Link to post
Share on other sites

Posted

For the water texture, try to make it more dark and desaturated. De-saturation usually works for making things look more realistic.

Share this post


Link to post
Share on other sites

Posted

That's nice! SimCity 4 still outpowers this, but this is 100000000000000000x better than SimCity (2013)!

(P.S. Are the highways modular, just like SC4's RealHighway Mod? :whatevs:)

Share this post


Link to post
Share on other sites

Posted

For the water texture, try to make it more dark and desaturated. De-saturation usually works for making things look more realistic.

Yes you're right :) I was trying for a tropical look here (to match the palm trees), where the color of the water really is like this. 

 

That's nice! SimCity 4 still outpowers this, but this is 100000000000000000x better than SimCity (2013)!

(P.S. Are the highways modular, just like SC4's RealHighway Mod? :whatevs:)

Hmm, I don't have any experience with Simcity4's mods, so I'm not sure how modular those are. Are like manually draggable flyovers to create your own custom interchanges?

 

For now I just have ploppable interchanges and ramps, like so:

 

OAnH8LP.png

(don't mind the incorrect lane textures).

 

I'm planning to do various types of interchanges so there will be at least soms options like diamond interchange (shown here), cloverleaf interchange, half clover, and also various ramps i don't know the names of.

Benedict, data7, The Avatar and 4 others like this

Share this post


Link to post
Share on other sites

Posted

 

 

...

Thanks for sharing :) Hmm, I don't see any clipped building in that image. What are you using to make those sprites?

 

Game Maker's sprite editor. If you look hard enough the high school is clipped by the road tile west of it.

Share this post


Link to post
Share on other sites

Posted

This look really good:golly: 

 

Can you give us some information on the 3D apps you used?

Share this post


Link to post
Share on other sites

Posted

I am glad that you have progressed so far. Keep up the great work! Although I won't play your game (too busy with other stuff), I want you to know that there is support for the idea.

--Ocram

Share this post


Link to post
Share on other sites

Posted

 

 

 

...

Thanks for sharing :) Hmm, I don't see any clipped building in that image. What are you using to make those sprites?

 

Game Maker's sprite editor. If you look hard enough the high school is clipped by the road tile west of it.

 

Oh right, hehe. Yeah I have some difficulty sometimes too with layering. Next I'll need to add a separate traffic layer for all roads, but then the light poles closer need to be in front and the light poles opposite need to be behind the cars. So I'm afraid I will be looking at 3 layers for a single road tile.

 

This look really good.  :golly:

 

Can you give us some information on the 3D apps you used?

Thanks :) I am using 3D Studio Max. The trees are a plugin, and the vehicles are downloaded. 

 

I am glad that you have progressed so far. Keep up the great work! Although I won't play your game (too busy with other stuff), I want you to know that there is support for the idea.

--Ocram

Thank you :)

Share this post


Link to post
Share on other sites

Posted

Wow.....I really like it so far......count me in!!!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.