sssvensk / ihanpihalla Goto Github PK

Solution nr1: OSMBuildings https://github.com/OSMBuildings/OSMBuildings

Problem: How to combine with Three JS and use OSMB as a platform to add elements there

Creating responsive pages (index, gallery, game, map) and content for these pages.
Bootstrap?

cfleur commented 16 days ago
Add responsiveness to page design for different browser sizes and mobile, etc.

hello

cfleur commented 16 days ago

Note: use sandbox mode!

Fix the problem that why map or markers aren't loading correctly everytime.

(Map/markers was loaded correctly/every attempt)

1. 14/20
2. 11/20
3. 9/20
4. 10/20
5. 13/20

cfleur commented 16 days ago

There is a delay when adding elements, as well they are spawned in a random location. Spawning can be quite far away from the actual yard. Elements do not follow the mouse well, and this is the "delay".

Possible fix:

Change spawning of elements to the location of the element in element ribbon. Make elements drag-able from their location in the element ribbon instead of them being spawned somewhere on click. When an element is dragged to a location from the ribbon, an new one is spawned in the element ribbon instantly. NOTE: make sure this does not happen when moving an existing element during game play.

See: https://threejs.org/examples/?q=cube#webgl_interactive_draggablecubes
^^ Source: https://github.com/mrdoob/three.js/blob/master/examples/webgl_interactive_draggablecubes.html

How is the data stores into database. MySQL, other?

Create db.js file to implement querys to database, and send the data to server.js

To make files lighter, it's easier to convert them into .ejs-files.

• Front page: Nothing's working on the front log in page (twitter, facebook, google+, remember me, forget password, Register.)
  

• Front page: Empty space appears when scroll down
  

• Map page: Map is not appearing
  

• Map page: If I remember correctly, I couldn't choose a yard on the map.

• Game page: Elements' list is out of page
  

• Game page: Elements are not following mouse
  

• Game page: Right bottom buttuns are not working ( Suggest to just remove it)
  

• Game page: White lines..... looks ugly
  

• Gallery page: Nothing's working on the Gallery page except for the arrow next to 'Top score'
  

• Gallery page: Nothing's happening when I click all 3 of them
  

• Profile page: image is out of page
  

• Profile page: All buttons are not working

Implementation is basically similiar as FB login, but ofcourse with Twitter account.

Enable user to select his/her own yard.

Well, for now at least in Firefox, gameplay seems a bit heavy and camera is not rotating smoothly and elements are not following mouse smoothly (!!different issue than #19 )

Make first-page look cool.
Image banner, easy login/registration, user-generated content etc.... opinions?

Using bootstrap to make it scalable for mobile

At gallery page, there should be data retrieved from server to list every instance.

Clear frontend files from unnecessary HTML/CSS/JS

Save the yard to save it to database.
Load the yard and see the elements where they were put.