Giter Club home page Giter Club logo

Comments (18)

 avatar commented on August 18, 2024

wow, already done?

from agar.io-clone.

krtr avatar krtr commented on August 18, 2024

How server location would be determined?

from agar.io-clone.

 avatar commented on August 18, 2024

we can use a css framework
my list:
http://purecss.io/
http://imperavi.com/kube/
http://www.gumbyframework.com/
http://foundation.zurb.com/
http://getskeleton.com/
http://materializecss.com/
http://tuktuk.tapquo.com/
http://semantic-ui.com/
http://concisecss.com/
http://getuikit.com/
http://material-ui.com/#/
https://www.muicss.com/
and the framework used by agar.io:
http://getbootstrap.com/

from agar.io-clone.

huytd avatar huytd commented on August 18, 2024

@REMOVEIT we can put a config or a variable in the code to tell the server location.

from agar.io-clone.

huytd avatar huytd commented on August 18, 2024

@Ariamiro Bootstrap is much better, but I'm afraid that it will increase the client size. If we use the simple design, we can write CSS manually. It much faster and keep the game size small. What do you think?

from agar.io-clone.

krtr avatar krtr commented on August 18, 2024

If this menu is only thing that needs styling we can stay without css framework

from agar.io-clone.

 avatar commented on August 18, 2024

@huytd
like this:
var ServerLocation = US
var US = United States

we can use a style from a framework.

from agar.io-clone.

huytd avatar huytd commented on August 18, 2024

Currently, most of our code is in HTML5 Canvas, only this menu and the Chatbox are HTML elements for now.

@Ariamiro yes, just something like:

var serverLocation = "United States";
// or
var serverLocation = "US West";

from agar.io-clone.

 avatar commented on August 18, 2024

you can see my css in: https://agar-io-clone-d3vont3ch.c9.io/
i am editing the css

from agar.io-clone.

huytd avatar huytd commented on August 18, 2024

Cool.
But you can give the #startMenu some padding.
Then both textbox and button should have width: 100% and box-sizing: border-box
Don't need the margin :)

from agar.io-clone.

 avatar commented on August 18, 2024

ok.

from agar.io-clone.

empty206 avatar empty206 commented on August 18, 2024

My panel currently looks like this: https://agar-poznan.c9.io :)

from agar.io-clone.

 avatar commented on August 18, 2024

good job.

from agar.io-clone.

huytd avatar huytd commented on August 18, 2024

Great :D we should put some instruction in the panel as @empty206 did

from agar.io-clone.

empty206 avatar empty206 commented on August 18, 2024

My game will be earmarked in Polish, so I took Polish descriptions.

English:
Available commands:
'-help'
'-dark'
'-ping'

2015 | All rights reserved.

from agar.io-clone.

 avatar commented on August 18, 2024

i am going to restart my menu, you can use the empty206 menu if you want.

from agar.io-clone.

igorantun avatar igorantun commented on August 18, 2024

What about being able to "watch" the game behind the menu, with some transparency? Just so it's not that dark gray background?

from agar.io-clone.

huytd avatar huytd commented on August 18, 2024

With the current code, the game is not connected to server when the menu displayed yet :D
I pushed a commit. The menu now look like this.
If anyone want to improve it more, feel free to reopen this issue.

screen shot 2015-06-01 at 10 08 03 pm

from agar.io-clone.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.