Giter VIP home page Giter VIP logo

2048's People

Contributors

dependabot[bot] avatar vbence86 avatar

Watchers

 avatar

2048's Issues

Game is available only on Portrait

Summary

Due to the nature of the gameplay, only Portrait mode is allowed. If the user change the orientation of the phone to Landscape a notification should come up to flip the device back to Portrait. If the game is initially loaded in Landscape mode the same notification should be shown.

ezgif com-video-to-gif (22)

User story

As a Product Owner
I'd like to add a notification to the application that shows users to switch the phone back to Portrait mode if it's in Landscape mode
So that they become aware that the game is only playable in Portrait mode

Test Cases

Scenario 1

Action Expected Behaviour
Load the game in portrait mode Game stage should load and all game features should be available
Change orientation to Landscape The proposed animation that can be seen above should be displayed
Change orientation back to Portrait The animation should disappear and the game should be playable again

Scenario 2

Action Expected Behaviour
Load the game in landscape mode The proposed animation that can be seen above should be displayed already
Change orientation back to Portrait The animation should disappear and the game should be playable again

Scenario 3

Action Expected Behaviour
Change orientation to Landscape The proposed animation that can be seen above should be displayed
Try to use the cursor keys to interact with the game Nothing should happen, the game should be locked as it is not playable in Landscape mode
Try to use the swap gestures to interact with the game Nothing should happen, the game should be locked as it is not playable in Landscape mode
Change orientation back to Portrait The game should reflect the exact same status as it was before switching to Landscaoe

Add animation on tile removal

Summary

To add mock animation that is triggered upon the removal of the "Cat" element. Note that the "Cat" element is just a test item and it might be replaced with other characters/symbols in the future stage of the development.

User story

As a Product Owner
I'd like to add an animation to the removal of the "Cat" element
So that we narrate in a more visible fashion that the sufficient points were collected for the "Cat" element and it is now removed from the game stage

Test Cases

Scenario 1

Action Expected Behaviour
Move a Numbered tiles into the "Cat" tile Label on the "Cat" must be reduced by 1
Repeat this four times Label on the "Cat" must be 1
Move another Numbered tile into the "Cat" tile "Cat" element must disappear and explosion animation is executed

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.