I would like to a programmer to create the skeleton code for a website that mimics the Democracy 3/4 game. Please see the attached screenshots, and feel free to Youtube gameplay online. I do not need the same exact functionality, I only need one aspect of it: the main screen and the animated interaction between bubbles. The payment for this project is open to a quote from you after we discuss requirements.
Requirements: 1) One screen that you can easily zoom into and out via mouse wheel, and click and drag around in all directions 2) In Democracy 3, the screen is full of differently coloured bubbles/circles which represent political policies. I would like all the shapes to be regular hexagons instead 3) In Democracy 3, when you hover over one bubble: A) red and green animated flowing arrows appear between the hovered-over bubble towards specific other bubbles Also, I want red and green animated arrows appearing TO the hovered over bubble from specific other bubbles B) most bubbles go out of focus / become invisible C) except the other bubbles that are connected to the bubble you hover over with arrows The idea here in the game is that the policy you hover over has a positive and negative effect on other indicators, as shown by the colour arrows. 4) Clicking a bubble (hexagon) should continue with the hover-over animated arrows but also a pop-up for extra information about that bubble (hexagon) 5) Unlike the game, each bubble should be able to be filled with text OR an image
Goal: I want to be given a reliable framework of code so that I can manually add in these bubbles on screen at specific positions and with their own text/images/colour. Your job is to code the framework so that I do not need to manually create each interaction between each bubble (there will be more than a hundred bubbles, and hundreds of connecting arrows in total). For each bubble, I want to be able to specify: -the name, - the colour, - the position, -the text/image, -which bubbles it feeds into positively (green arrow) - which bubbles it feeds into negatively (red arrow), - the pop-up extra info text
Again, you would NOT be building all bubbles. You are just building the framework so I can add bubbles myself, specify the things above, and then the framework produces the desired visual outcome. Please message for clarification.