MinecraftWorkProcess.md

Minecraft

Brainstorming (17.6)

notes:

​ $ connecting html to JS: type of html pixel will be set by added CSS class

1. JS

   Objects:

   • INVENTORY:

     • tools: [new Tool("Hammer", "steel")]
     • heldOre: APP.currentOre

   • DOM_RELATED:

   • APP:

     currentTool:

     currentOre:

   Classes:

   • World

     2 d array: y = ["x",...]

   • themes

   • Tool

     ​ name:

     ​ ore:

     ​ CSS class: ${Ore}toolButton

     ​ Html Button:

   • Pixel

     • Sky

     • Dirt

     • Stone

     • Plant

     • Clouds

2. HTML

   index

   • side menu:

     1. game menu
     2. tools

   • world:

     1. columns
     2. pixels

   Main menu

   • logo
   • 1. start
     2. how to play (bootstrap alert)
     3. scores (bootstrap alert - for us you are alwayes the winner)
     4. about (bootstrap alert)

3. CSS

   • ores classes
   • @Media Query: world size by screen type -> view port width (phones)/ view port length (desktop);