Skip to content

Commit 5604e06

Browse files
committed
photo formatting updates
1 parent 96b4a80 commit 5604e06

File tree

1 file changed

+14
-27
lines changed

1 file changed

+14
-27
lines changed

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

Lines changed: 14 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -41,26 +41,16 @@ tags:
4141

4242
Hi, my name is ✨Julien✨, and I’m the new Senior Curriculum Developer here at Codédex! I love zines, games, indie comics, park hangs, and experimental baking (holiday cookie box loading…). I’m based in Brooklyn, and am originally from Los Angeles! I’ve always made art, and didn’t consider myself a technical person until my coding journey unexpectedly began about a decade ago.
4343

44-
<div style={{display: "flex", justify: "center"}}>
45-
<RoundedImage
46-
link="https://i.imgur.com/a0I87n4.png"
47-
description=""
48-
/>
44+
<div style={{display: "flex", alignItems: "center", justifyContent: "center"}}>
45+
<div>
46+
<img src="https://i.imgur.com/a0I87n4.png" />
4947

50-
<RoundedImage
51-
link="https://i.imgur.com/ZLLInna.png"
52-
description=""
53-
/>
48+
<img src="https://i.imgur.com/ZLLInna.png" />
5449

55-
<RoundedImage
56-
link="https://i.imgur.com/eN6lvAQ.png"
57-
description=""
58-
/>
50+
<img src="https://i.imgur.com/eN6lvAQ.png" />
5951

60-
<RoundedImage
61-
link="https://i.imgur.com/wkYjjo9.png"
62-
description=""
63-
/>
52+
<img src="https://i.imgur.com/wkYjjo9.png" />
53+
</div>
6454
</div>
6555
choose your fighter 👾
6656

@@ -168,17 +158,14 @@ function setup(){
168158

169159
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.
170160

171-
{/* <div style={{ display: "flex", gap: "1rem" }}> */}
172-
<RoundedImage
173-
link="https://i.imgur.com/gMAkmjC.jpeg"
174-
description=""
175-
/>
161+
<div style={{display: "flex", alignItems: "center", justifyContent: "center"}}>
162+
<div>
163+
<img src="https://i.imgur.com/gMAkmjC.jpeg" />
176164

177-
<RoundedImage
178-
link="https://i.imgur.com/a0I87n4.png"
179-
description=""
180-
/>
181-
{/* </div> */}
165+
<img src="https://i.imgur.com/a0I87n4.png" />
166+
167+
</div>
168+
</div>
182169

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

0 commit comments

Comments
 (0)