Build Tic Tac Toe Game in Flutter in 30 minutes from Scratch

Поделиться
HTML-код
  • Опубликовано: 27 ноя 2024

Комментарии • 31

  • @gbrielcoelho
    @gbrielcoelho 2 месяца назад

    Very good video, easy to understand and very well explained, I learned a lot, cheers from Brazil!

  • @AlfredHelmerich
    @AlfredHelmerich Год назад

    Hi Pradip, I like your design. It is very pretty.

  • @GaBoyInKy
    @GaBoyInKy 6 месяцев назад

    Thank you.

  • @hirakjyotitalukdar4681
    @hirakjyotitalukdar4681 10 месяцев назад

    In the end the red color (winner block) remains as it is and it does not disappear after we play again.

  • @lauraeichmann7401
    @lauraeichmann7401 9 месяцев назад

    your best guy for explaining the shortest diy videos....Thx. Please make more clips for Flutter (ios/android)...you have a firebase login video....maybe coukd make this for flutter or more with maps and little games like youre tictactoe.... 👍🙂😊

    • @itzpradip
      @itzpradip  7 месяцев назад

      Thanks, will do!

  • @MyStudio919
    @MyStudio919 Год назад

    When the timer reaches 0 seconds the mobile hangs. How will it be solved?

  • @hirakiran4675
    @hirakiran4675 Год назад

    Amazing sir

  • @sparshkapoor246
    @sparshkapoor246 Год назад

    The draw functionality is not working like its not displaying noboy wins message after completing the whole tutorial

  • @MyStudio919
    @MyStudio919 Год назад +1

    Thank you sir, everything went well. But if the player ever draws after winning once or (more) times, the timer does not stop and the game is not show played again button. What to do now?

  • @scottturcotte3162
    @scottturcotte3162 Год назад +1

    Not sure if it's just me, but when a player wins everything works fine except the winning color remains. How do we reset the colors to all yellow when we clear the board?

    • @itzpradip
      @itzpradip  Год назад

      You just need to reset "matchedIndexes" by matchedIndexes = []; in "_clearBoard" function. You can check the GitHub code for color resetting. I forgot to add it to the tutorial but the GitHub repo has it.

    • @scottturcotte3162
      @scottturcotte3162 Год назад

      @@itzpradip Thank you! I was in the right spot and using the right variable. Instead of using blank brackets I referred to the secondary color, which is why it wasn't working. Makes sense now. Thanks again! I enjoyed your list app as well, however, I can't get it to read my Firebase DB. I can get it to write to it, just can't figure out how to get it to read it, it only reads the static list that was created for obvious reasons. If you ever get around to it, creating a tutorial for that would be great!

  • @fauzanarif8908
    @fauzanarif8908 Год назад +1

    after completing the tutorial, the draw function is not working. I checked your github and yours doesn't work either

    • @fauzanarif8908
      @fauzanarif8908 Год назад +1

      I changed like this and it worked. If the video doesn't explain if the time draw results have to be restarted. Hope this helps.
      } else if (filledBoxes == 9) {
      resultDeclaration = 'Nobody Wins!';
      stopTimer();
      }

  • @merwan8404
    @merwan8404 2 года назад

    HI
    I followed the tutorial and when the player clicks on a square already played then he passes his turn
    example X can play 2 times if O has clicked on a square X

    • @merwan8404
      @merwan8404 2 года назад

      can u help me :) ?

    • @mohamedelhalfawy3524
      @mohamedelhalfawy3524 Год назад

      Hi,
      Did you find the solution

    • @scottturcotte3162
      @scottturcotte3162 Год назад

      Same. The winning color also doesn't reset when you clear the board.

    • @fauzanarif8908
      @fauzanarif8908 Год назад

      @@scottturcotte3162 the problem is the video doesn't explain it, when you press play again, it should clear the contents of the box, but not matchedIndexes, so if you clear the blue color it won't go away. The fix is to define a List matchedIndexes inside void _clearBoard(). Define below resultDeclaration = '';. Good luck

    • @kryzixgaming2353
      @kryzixgaming2353 Год назад

      Just remove the moove the oTurn = !oTurn; in the condition of each player
      if (oTurn && displayXO[index] == '') {
      displayXO[index] = 'O';
      filledBoxes++;
      oTurn = !oTurn;
      } else if (!oTurn && displayXO[index] == '') {
      displayXO[index] = 'X';
      filledBoxes++;
      oTurn = !oTurn;
      }

  • @frostyfreezemovies
    @frostyfreezemovies 2 года назад

    Hello sir bring more projects on react native

  • @heichoi4198
    @heichoi4198 2 года назад

    react native version please

  • @A7madYT
    @A7madYT 10 месяцев назад +1

    this project was NOT from scratch