Skip to content

Tutorial#271

Merged
johnanvik merged 27 commits intomasterfrom
tutorial
May 17, 2018
Merged

Tutorial#271
johnanvik merged 27 commits intomasterfrom
tutorial

Conversation

@JaceRiehl
Copy link
Collaborator

@JaceRiehl JaceRiehl commented May 14, 2018

Fixes #267
Fixes #268
Fixes #119
Fixes #251

Overview of changes

  • Added the tutorial mode (Linear path for the user to take, modals and animations to improve clarity)
  • Button to get to tutorial mode.

Reviewer: @johnanvik

JaceRiehl added 19 commits May 8, 2018 08:14
…ial in it, theres a bug where a new tutorial deck wont be built but a regular deck will
…ion and how to best present it. Committing the rest of todays work.
…a more concise description of what they should be doing
…s description(may need to be changed, moved, or modified. Changed \'Tutorial Player\' to \'You\', and made the first card to be selected have a yellow glow
…the user will take, added improved instructions, fixed a problem with group cards not working with the state management, and other small fixes
…ss and changed to CDNJS for animate.css because the direct download wasnt working. Also updated a critical vulnerability in our packages
…s when the tipbox is hovered over. The animation is removed when a button in the tipbox is clicked
…ser to look at the tipBox, made the tipbox animation pause instead of reset so the delay doesnt reset (this may be to be changed to have a better UX)
@JaceRiehl JaceRiehl added the feature request New feature or enhancement of existing feature. label May 14, 2018
@JaceRiehl JaceRiehl added this to the Tutorial (v.1.6) milestone May 14, 2018
@JaceRiehl JaceRiehl requested a review from johnanvik May 14, 2018 20:10
JaceRiehl and others added 6 commits May 15, 2018 11:10
Changed some wording about how the game concepts relate to computer programming and the Python tutorial.
Fixed <i> tag
* @constructor Deck
*/
constructor(){
//this.initDeck();
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not needed? Remove.


}
}
//this.shuffle(this.cards);
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm guessing this was in the game, but we don't want this in the tutorial. Please remove.

* shuffle function that will psuedo shuffle the contents of the deck into a random order
* @memberOf Deck
*/
shuffle(event) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dead code for the tutorial?

classString = classString + ' selected'
}

// if () {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Commented code to be cleaned up.

this.$store.commit('addPlayers', {list: this.localPlayers});
this.gameStart = true;
},
// submit() {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Commented out code.

},
setFact() {
var num = Math.floor(Math.random() * this.facts.length);
console.log("Fact in notTut: " + this.facts[num]);
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Debug statement?

},
groupStacks() {
if(this.$store.getters.getTutorialState){
console.log("emitting event in Group");
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Debugging statement?

this.addToStack()

this.addToStack();
console.log("Adding to stack");
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Debugging?

@JaceRiehl
Copy link
Collaborator Author

All of the comments and issues have been addressed.

Copy link
Collaborator

@johnanvik johnanvik left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is really good work!

@johnanvik johnanvik merged commit 9431779 into master May 17, 2018
JaceRiehl added a commit that referenced this pull request May 22, 2018
* Added a tutorial button

* Fixing the code that broke from adding the button

* Pressing the tutorial button routes to a tutorial link with the tutorial in it, theres a bug where a new tutorial deck wont be built but a regular deck will

* Fixed the previous bug, the tutorial now has its own deck

* Added specific deck formation functionality, wrote some documentation, and refactored a bit of code

* Attempting to figure out how the tutorial should run in a linear fashion and how to best present it. Committing the rest of todays work.

* Got the states correctly configured and the next instruction is played after a card has been entered

* Added a Game Objectives button in the tutorial mode to give the user a more concise description of what they should be doing

* Added more in depth programming fundamental descriptions to each cards description(may need to be changed, moved, or modified. Changed \'Tutorial Player\' to \'You\', and made the first card to be selected have a yellow glow

* Got the Game Objectives modal to display as soon as the page is loaded

* Added a potential path for the user to take that teaches them how to use every card and build up both paths

* Added highlighting to all cards to be chosen, modified the path that the user will take, added improved instructions, fixed a problem with group cards not working with the state management, and other small fixes

* Added a blinking animation to the highlighted cards with a delay

* Added animate.css to our package dependencies and commiting for easy backup before updating packages again

* Changed blinking animation to a breathing like animation for smoothness and changed to CDNJS for animate.css because the direct download wasnt working. Also updated a critical vulnerability in our packages

* Fixed a package dependency that wasnt allowing us to run the dev server

* Added a finite bouncing animation for the tipbox to be more in your face

* Changed the tip box animation so its infinite and the animation pauses when the tipbox is hovered over. The animation is removed when a button in the tipbox is clicked

* Made a new modal appear before entering the game that instructs the user to look at the tipBox, made the tipbox animation pause instead of reset so the delay doesnt reset (this may be to be changed to have a better UX)

* Fixed the UI such that the bouncing animation doesnt happen until the modals are executed. Fixes #272

* Update RulesModal.vue

Changed some wording about how the game concepts relate to computer programming and the Python tutorial.

* Update RulesModal.vue

Fixed <i> tag

* Updating Tutorial text

* Changing font size

* Implementing various fixes from pull request. Fixes #277, Fixes #274, Fixes #273

* Minor bug fixes and removing unneeded comments/debugging statements
johnanvik pushed a commit that referenced this pull request May 29, 2018
* Playing around with the grouping checkbox, i've changed it to a button. Ive tried making it so that it only appears when the values works but its also affected by the bug I was trying to address. May have to reset.

* Committing minor changes to the true/false path to work on the tutorial

* Have the path decided on the first turn and colour the directed path.

* Made the game only allow you to add cards to the path that was chosen.

* Made it so group cards can only be used on the chosen side and so that the game ends when someone gets the winning score

* Ive fixed a bug with the game not ending when the max score is reached, I think Ive fully fixed the AI (Ive tested it but it might need further testing), fixed the rules to apply with the new rules, removed comments and debugging statements.

* Added the ability to add repeat cards to everything except for repeatX cards. Ive made it so they can only have two repeat cards in a stack, this may need to be changed in the future. Fixes #38 and the previous commit Fixes #257

* Fixed the previous commit that makes it only allow two total repeats.

* Adding npm-shrinkwrap to the .gitignore, its a substitute for package-lock.json but we dont need it.

* Delete npm-shrinkwrap.json

* Playing around with the grouping checkbox, i've changed it to a button. Ive tried making it so that it only appears when the values works but its also affected by the bug I was trying to address. May have to reset.

* Committing minor changes to the true/false path to work on the tutorial

* Have the path decided on the first turn and colour the directed path.

* Made the game only allow you to add cards to the path that was chosen.

* Made it so group cards can only be used on the chosen side and so that the game ends when someone gets the winning score

* Ive fixed a bug with the game not ending when the max score is reached, I think Ive fully fixed the AI (Ive tested it but it might need further testing), fixed the rules to apply with the new rules, removed comments and debugging statements.

* Added the ability to add repeat cards to everything except for repeatX cards. Ive made it so they can only have two repeat cards in a stack, this may need to be changed in the future. Fixes #38 and the previous commit Fixes #257

* Fixed the previous commit that makes it only allow two total repeats.

* Tutorial (#271)

* Added a tutorial button

* Fixing the code that broke from adding the button

* Pressing the tutorial button routes to a tutorial link with the tutorial in it, theres a bug where a new tutorial deck wont be built but a regular deck will

* Fixed the previous bug, the tutorial now has its own deck

* Added specific deck formation functionality, wrote some documentation, and refactored a bit of code

* Attempting to figure out how the tutorial should run in a linear fashion and how to best present it. Committing the rest of todays work.

* Got the states correctly configured and the next instruction is played after a card has been entered

* Added a Game Objectives button in the tutorial mode to give the user a more concise description of what they should be doing

* Added more in depth programming fundamental descriptions to each cards description(may need to be changed, moved, or modified. Changed \'Tutorial Player\' to \'You\', and made the first card to be selected have a yellow glow

* Got the Game Objectives modal to display as soon as the page is loaded

* Added a potential path for the user to take that teaches them how to use every card and build up both paths

* Added highlighting to all cards to be chosen, modified the path that the user will take, added improved instructions, fixed a problem with group cards not working with the state management, and other small fixes

* Added a blinking animation to the highlighted cards with a delay

* Added animate.css to our package dependencies and commiting for easy backup before updating packages again

* Changed blinking animation to a breathing like animation for smoothness and changed to CDNJS for animate.css because the direct download wasnt working. Also updated a critical vulnerability in our packages

* Fixed a package dependency that wasnt allowing us to run the dev server

* Added a finite bouncing animation for the tipbox to be more in your face

* Changed the tip box animation so its infinite and the animation pauses when the tipbox is hovered over. The animation is removed when a button in the tipbox is clicked

* Made a new modal appear before entering the game that instructs the user to look at the tipBox, made the tipbox animation pause instead of reset so the delay doesnt reset (this may be to be changed to have a better UX)

* Fixed the UI such that the bouncing animation doesnt happen until the modals are executed. Fixes #272

* Update RulesModal.vue

Changed some wording about how the game concepts relate to computer programming and the Python tutorial.

* Update RulesModal.vue

Fixed <i> tag

* Updating Tutorial text

* Changing font size

* Implementing various fixes from pull request. Fixes #277, Fixes #274, Fixes #273

* Minor bug fixes and removing unneeded comments/debugging statements

* Rename .codeclimate.yml to .codeclimate.yml.old

This is overriding settings on the website. Seeing what happens without this.

* New CodeClimate configuration file

* Update .codeclimate.yml

Adding back the original plugins
Upping the method line limit to 50
Added `markdownlint`

* Delete .codeclimate.yml.old

* Adding npm-shrinkwrap to the .gitignore, its a substitute for package-lock.json but we dont need it.

* Update .travis.yml

Trying to fix test coverage

* Got the virus modal to appear and give the option of players to infect

* Removed merge conflicts

* Finished adding virus card and tested it at a system level, and added a panel for showing the user their perks/disabilities

* Added Power Outage card functionality

* Added the Battery Backup functionality.

* Added the Overclock functionality.

* Added all of the protection cards. Another random bug and UI fixes or improvements. Fixes #261

* Changed the rules to reflect the new cards, it will probably have to be updated to better reflect how the cards relate to programming.

* Seeing if I fixed the travis build

* Testing again if travis build works.

* Added tests for the new cards and attempting to fix code climate

* Attempting to fix code climate again, to see what works.

* Last time

* The Ai can now use the power outage card

* Forgot to change the deck back, fixing build

* Added the rest of the cards to the AI and balanced it the best that I can right now.

* Changed the scoring system (To be updated later based on feedback). Fixed some bugs. Fixes #291

* Changed the tutorial to have the new layout, changed the deck to reflect the new tutorial path, and the tutorial now works with the new cards

* Finishing the updated tutorial

* Made it so that the user cant go off script and I fixed a bug that made it so the original game couldnt be played
johnanvik pushed a commit that referenced this pull request May 30, 2018
* Playing around with the grouping checkbox, i've changed it to a button. Ive tried making it so that it only appears when the values works but its also affected by the bug I was trying to address. May have to reset.

* Committing minor changes to the true/false path to work on the tutorial

* Have the path decided on the first turn and colour the directed path.

* Made the game only allow you to add cards to the path that was chosen.

* Made it so group cards can only be used on the chosen side and so that the game ends when someone gets the winning score

* Ive fixed a bug with the game not ending when the max score is reached, I think Ive fully fixed the AI (Ive tested it but it might need further testing), fixed the rules to apply with the new rules, removed comments and debugging statements.

* Added the ability to add repeat cards to everything except for repeatX cards. Ive made it so they can only have two repeat cards in a stack, this may need to be changed in the future. Fixes #38 and the previous commit Fixes #257

* Fixed the previous commit that makes it only allow two total repeats.

* Adding npm-shrinkwrap to the .gitignore, its a substitute for package-lock.json but we dont need it.

* Delete npm-shrinkwrap.json

* Playing around with the grouping checkbox, i've changed it to a button. Ive tried making it so that it only appears when the values works but its also affected by the bug I was trying to address. May have to reset.

* Committing minor changes to the true/false path to work on the tutorial

* Have the path decided on the first turn and colour the directed path.

* Made the game only allow you to add cards to the path that was chosen.

* Made it so group cards can only be used on the chosen side and so that the game ends when someone gets the winning score

* Ive fixed a bug with the game not ending when the max score is reached, I think Ive fully fixed the AI (Ive tested it but it might need further testing), fixed the rules to apply with the new rules, removed comments and debugging statements.

* Added the ability to add repeat cards to everything except for repeatX cards. Ive made it so they can only have two repeat cards in a stack, this may need to be changed in the future. Fixes #38 and the previous commit Fixes #257

* Fixed the previous commit that makes it only allow two total repeats.

* Tutorial (#271)

* Added a tutorial button

* Fixing the code that broke from adding the button

* Pressing the tutorial button routes to a tutorial link with the tutorial in it, theres a bug where a new tutorial deck wont be built but a regular deck will

* Fixed the previous bug, the tutorial now has its own deck

* Added specific deck formation functionality, wrote some documentation, and refactored a bit of code

* Attempting to figure out how the tutorial should run in a linear fashion and how to best present it. Committing the rest of todays work.

* Got the states correctly configured and the next instruction is played after a card has been entered

* Added a Game Objectives button in the tutorial mode to give the user a more concise description of what they should be doing

* Added more in depth programming fundamental descriptions to each cards description(may need to be changed, moved, or modified. Changed \'Tutorial Player\' to \'You\', and made the first card to be selected have a yellow glow

* Got the Game Objectives modal to display as soon as the page is loaded

* Added a potential path for the user to take that teaches them how to use every card and build up both paths

* Added highlighting to all cards to be chosen, modified the path that the user will take, added improved instructions, fixed a problem with group cards not working with the state management, and other small fixes

* Added a blinking animation to the highlighted cards with a delay

* Added animate.css to our package dependencies and commiting for easy backup before updating packages again

* Changed blinking animation to a breathing like animation for smoothness and changed to CDNJS for animate.css because the direct download wasnt working. Also updated a critical vulnerability in our packages

* Fixed a package dependency that wasnt allowing us to run the dev server

* Added a finite bouncing animation for the tipbox to be more in your face

* Changed the tip box animation so its infinite and the animation pauses when the tipbox is hovered over. The animation is removed when a button in the tipbox is clicked

* Made a new modal appear before entering the game that instructs the user to look at the tipBox, made the tipbox animation pause instead of reset so the delay doesnt reset (this may be to be changed to have a better UX)

* Fixed the UI such that the bouncing animation doesnt happen until the modals are executed. Fixes #272

* Update RulesModal.vue

Changed some wording about how the game concepts relate to computer programming and the Python tutorial.

* Update RulesModal.vue

Fixed <i> tag

* Updating Tutorial text

* Changing font size

* Implementing various fixes from pull request. Fixes #277, Fixes #274, Fixes #273

* Minor bug fixes and removing unneeded comments/debugging statements

* Rename .codeclimate.yml to .codeclimate.yml.old

This is overriding settings on the website. Seeing what happens without this.

* New CodeClimate configuration file

* Update .codeclimate.yml

Adding back the original plugins
Upping the method line limit to 50
Added `markdownlint`

* Delete .codeclimate.yml.old

* Adding npm-shrinkwrap to the .gitignore, its a substitute for package-lock.json but we dont need it.

* Update .travis.yml

Trying to fix test coverage

* Got the virus modal to appear and give the option of players to infect

* Removed merge conflicts

* Finished adding virus card and tested it at a system level, and added a panel for showing the user their perks/disabilities

* Added Power Outage card functionality

* Added the Battery Backup functionality.

* Added the Overclock functionality.

* Added all of the protection cards. Another random bug and UI fixes or improvements. Fixes #261

* Changed the rules to reflect the new cards, it will probably have to be updated to better reflect how the cards relate to programming.

* Seeing if I fixed the travis build

* Testing again if travis build works.

* Added tests for the new cards and attempting to fix code climate

* Attempting to fix code climate again, to see what works.

* Last time

* The Ai can now use the power outage card

* Forgot to change the deck back, fixing build

* Added the rest of the cards to the AI and balanced it the best that I can right now.

* Changed the scoring system (To be updated later based on feedback). Fixed some bugs. Fixes #291

* Changed the tutorial to have the new layout, changed the deck to reflect the new tutorial path, and the tutorial now works with the new cards

* Finishing the updated tutorial

* Made it so that the user cant go off script and I fixed a bug that made it so the original game couldnt be played

* Fixes #295

* Implemented the changes from the comments on the previous pull request.

* Fixes #294

* Dealt with a state Vuex bug and changed Virus and Overclock behaviour. Fixes #297

* Fixes #213 and ive made it so the virus and overclock buttons are properly disabled

* Fixes #287
@johnanvik johnanvik deleted the tutorial branch May 31, 2018 11:42
@johnanvik johnanvik mentioned this pull request Jun 30, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature request New feature or enhancement of existing feature.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants