Skip to content

Commit 6281860

Browse files
committed
Merge branch 'julien'
2 parents 7de2642 + 5e0dcb1 commit 6281860

File tree

2 files changed

+12
-5
lines changed

2 files changed

+12
-5
lines changed

projects/build-a-conversational-game-in-p5js/build-a-conversational-game-in-p5js.mdx

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -58,8 +58,9 @@ Hi, my name is ✨Julien✨, and I’m the new Senior Curriculum Developer here
5858

5959
<RoundedImage
6060
link="https://i.imgur.com/wkYjjo9.png"
61-
description="choose your fighter 👾"
61+
description=""
6262
/>
63+
choose your fighter 👾
6364

6465
Since this is my first project tutorial here at Codédex, I’m revisiting the first coding project I ever finished. I made it ten years ago using [Processing](https://processing.org) (the Java-based precursor to p5.js).
6566

@@ -74,21 +75,24 @@ The game is called *A Conversation*, and it’s a two-player game of Pong, but w
7475
<RoundedImage
7576
link="https://i.imgur.com/dgqpb3M.png"
7677
description=""
78+
marginTop="16px"
7779
/>
7880

7981
I spent a lot of 2014 thinking about the ways people communicate nonverbally while playing games, so I decided to make those invisible conversations, well, visible.
8082

8183
<RoundedImage
8284
link="https://i.imgur.com/f8m1zfQ.jpeg"
83-
description="brainstorming sketches from 2014"
85+
description=""
8486
/>
87+
brainstorming sketches from 2014
8588

8689
The conversation itself was…hm…it was pretty dramatic. I wasn’t sure if I was going to make this tutorial, because I was a little embarrassed by the narrative stylings of nineteen-year-old Julien. But honestly? I think it’s important to honor our past selves. I was learning to code for the first time after a lifetime of considering myself An Artist Not A Programmer.
8790

8891
<RoundedImage
8992
link="https://i.imgur.com/cA4UduS.png"
90-
description="[@WarronBebster](https://x.com/warronbebster)"
93+
description=""
9194
/>
95+
[@WarronBebster](https://x.com/warronbebster)
9296

9397
Since this project was created in 2014 on an ancient laptop I no longer have access to, I’m recreating it from scratch in p5.js, a JavaScript library. If you’ve completed our p5.js course, you may remember coding a simple game of Pong in one of the exercises!
9498

@@ -127,8 +131,9 @@ There were a few elements I added to upgrade the sketch from the WASD (Pong) exe
127131

128132
<RoundedImage
129133
link="https://i.imgur.com/leVbTL9.gif"
130-
description="👁️ 👁️ I could watch this for hours 💿🟦"
134+
description=""
131135
/>
136+
👁️ 👁️ I could watch this for hours 💿🟦
132137

133138
So, how do we go from a screensaver to a conversation? I find it helpful to break down the process into smaller steps. I’m gonna show you three things that can personalize our basic Pong game. 🕹️
134139

@@ -278,8 +283,10 @@ If you could use a game to have a conversation, what would you say, and who woul
278283

279284
<RoundedImage
280285
link="https://i.imgur.com/19juCNR.gif"
281-
description="What do you think they’re talking about? Past Lives (2023), directed by Celine Song"
286+
description=""
282287
/>
288+
Past Lives (2023), directed by Celine Song
289+
What do you think they’re talking about?
283290

284291
Extra challenge: Think of some other games that could be turned into conversations. Find existing code examples and see if you can find a way to modify them into this conversational format.
285292

-827 KB
Loading

0 commit comments

Comments
 (0)