Skip to content

Commit 1e124fe

Browse files
authored
Update build-a-conversational-game-in-p5js.mdx
1 parent 4459fe7 commit 1e124fe

File tree

1 file changed

+19
-7
lines changed

1 file changed

+19
-7
lines changed

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

Lines changed: 19 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -185,13 +185,25 @@ function setup(){
185185

186186
To add images for the players, you’ll need to draw or find transparent PNGs. Since I decided to have a conversation with my younger self this time, I found a recent photo of me posing in a way that’s similar to a photo of me posing as a kid. Then, I removed their backgrounds with [Adobe’s Free Image Background Remover] (https://www.adobe.com/express/feature/image/remove-background) and did some light editing in Adobe Express.
187187

188-
<div style={{display: "flex", alignItems: "center", justifyContent: "center"}}>
189-
<div>
190-
<img src="https://i.imgur.com/gMAkmjC.jpeg" />
191-
192-
<img src="https://i.imgur.com/a0I87n4.png" />
193-
194-
</div>
188+
<div
189+
style={{
190+
display: "flex",
191+
alignItems: "center",
192+
justifyContent: "space-around",
193+
}}
194+
>
195+
<img
196+
src="https://i.imgur.com/gMAkmjC.jpeg"
197+
width={250}
198+
height="auto"
199+
alt="character image"
200+
/>
201+
<img
202+
src="https://i.imgur.com/a0I87n4.png"
203+
width={150}
204+
height="auto"
205+
alt="character image"
206+
/>
195207
</div>
196208

197209
I uploaded the photos to Imgur, and added them to the preload function where my soundtrack lives.

0 commit comments

Comments
 (0)