You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: projects/build-a-conversational-game-in-p5js/build-a-conversational-game-in-p5js
+11-5Lines changed: 11 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -59,8 +59,9 @@ Hi, my name is ✨Julien✨, and I’m the new Senior Curriculum Developer here
59
59
60
60
<RoundedImage
61
61
link="https://i.imgur.com/wkYjjo9.png"
62
-
description="choose your fighter 👾"
62
+
description=""
63
63
/>
64
+
choose your fighter 👾
64
65
65
66
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).
66
67
@@ -82,15 +83,17 @@ I spent a lot of 2014 thinking about the ways people communicate nonverbally whi
82
83
83
84
<RoundedImage
84
85
link="https://i.imgur.com/f8m1zfQ.jpeg"
85
-
description="brainstorming sketches from 2014"
86
+
description=""
86
87
/>
88
+
brainstorming sketches from 2014
87
89
88
90
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.
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!
96
99
@@ -129,8 +132,9 @@ There were a few elements I added to upgrade the sketch from the WASD (Pong) exe
129
132
130
133
<RoundedImage
131
134
link="https://i.imgur.com/leVbTL9.gif"
132
-
description="👁️ 👁️ I could watch this for hours 💿🟦"
135
+
description=""
133
136
/>
137
+
👁️ 👁️ I could watch this for hours 💿🟦
134
138
135
139
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. 🕹️
136
140
@@ -280,8 +284,10 @@ If you could use a game to have a conversation, what would you say, and who woul
280
284
281
285
<RoundedImage
282
286
link="https://i.imgur.com/19juCNR.gif"
283
-
description="What do you think they’re talking about? Past Lives (2023), directed by Celine Song"
287
+
description=""
284
288
/>
289
+
Past Lives (2023), directed by Celine Song
290
+
What do you think they’re talking about?
285
291
286
292
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.
0 commit comments