week 6 presentation


 I made a gobang game in P5. I actually did this assignment back to the class about for() loop. I used for()loop to create the checkerboard and pieces, but back then, I had many bugs like my checkerboard always draw over my pieces and hard to make every click.

After learning about class and array, the demo that clicked to create multiple bubbles we did in class inspired me to remake a more practical and useable gobang game.


In general, I create a class for the piece and use the array to call the piece multiple times. And also used boolean expression to make the pieces are one white one black happened in order.  




I make the mouse press function. In lines 45-47, this is where I create a new piece by pressing the mouse. In line 23-24 I gives the coordinate of the x,y and my pieces also are located by this x,y.  In line 26, I provide an if statement for my click; only in an area, the click can show up the piece on the checkerboard.

Start from line 28, the boolean expression controls the piece's color and is very much like a switch. To change the color, I add a number for color in Class Qizi. So in the boolean expression, I only need to change the number between 0 and 255.   










Comments

Post a Comment

Popular posts from this blog

Week3

Image
     This week we learned about Boolean, if, if else, else... I think I do feel very challenging about coding now. The understanding of boolean really needs logical thinking. I watched the video repeatedly about boolean but I still feel confused by some concept of it. In my understanding I think the use of the Boolean is to create a switch. How can my var be understand as a Boolean number? In some example I saw some cod  like let x=-1 and then have if x==1 dose some thing like this be understand as boolean? Is only 0 means false and other number means true? Also I am kind confused by  is it same if I let x=1 then said x==!x with if I just said x=true? Also I feel confused by ==. I know it means is something equal to something, but is it only shows up after if? And is it always used with Boolean? In my understanding I think Boolean means define a variable is true or false. Also kind don't understand the difference between var and let. In this week's worksheet I also find a lot o
Read more

week4

Image
In this week's class, we learned how to use for(). And I feel much more explicit about boolean expression and related terms.   The worksheet inspired my assignment; I am trying to make a Gobang(Five In a Row) game. So here is my thinking process: 1. build a checkerboard with a black stroke and yellow background. 2. set up a boolean expression that an ellipse would appear at the checkerboard's cross if my mouse clicked. 3. set another boolean expression to let one click make the ellipse white and the next black.  The hardest part is keeping the piece in the checkboard and changing color in a regular pattern by using Boolean expression. But in the process of making this game, I think there are more problems than I thought. 1. To let the piece stay. After using the boolean expression with the mouse is pressed, my piece only appears when I press the mouse, and it won't stay. So I am thinking of using function mouse pressed, or mouse clicked; I still don't know the differenc
Read more

Week 1 Blog

Image
           This week is the first time in my life that I am learning about coding. I always know coding is a powerful tool in the internet age. If there is anything wrong with your computer or something your application can not do if you know how to code, coding can solve these problems. So I am excited to learn it, and I know it will be challenging, but I want to use this powerful skill in my future works.    I have 0 background in computation, and I don't understand the differences between different coding apps. For example, the one p5.js we are using is a codding web app; what can it do exactly? Can I use it to design my website? I am a photographer, thinking about what I can do about computation to develop a visual presentation. I know some emerging visual technics, like 3D scan, using the app reality capture, and a working friend has been coding something to make the app automatically develop the 3D module. Also, I have heard that my friends from 3d animation backgrounds said
Read more