![akshatsinghania](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2021-05-07%2F2034863937126_196d5c93a81f67985e36_192.png&w=96&q=75)
✏️
Posts tagged with :pencil2:
![akshatsinghania](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2021-05-07%2F2034863937126_196d5c93a81f67985e36_192.png&w=96&q=75)
![fede](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-23%2F7487390669904_58c367bfef8738c05572_192.jpg&w=96&q=75)
![AdiM](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2Faf8b5034d82345fa70d3d7f4690e3eb5.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0004-192.png&w=96&q=75)
![YeGao](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-24%2F7338449653985_86ab9be092068b2a7573_192.png&w=96&q=75)
![Mayank](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-24%2F7308054586423_9695ee3a67a5e7988b9f_192.jpg&w=96&q=75)
![Bartosz](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-08%2F7391370505858_efb3c0c4ea249e9f6c1c_192.jpg&w=96&q=75)
![piggy2.0](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-19%2F7464400713905_b6ecf38da53973860abd_192.png&w=96&q=75)
![Aryan](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F2552c2dc855ccdfd474d2373dae29f01.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0001-192.png&w=96&q=75)
![Ahnaf](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-03%2F7370205998212_a55a80566e96e03debe5_192.jpg&w=96&q=75)
![Abhay-U04GVEDH049](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-01%2F7340987464951_31974b5049b784698190_192.png&w=96&q=75)
![Ducc](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-12%2F7265962181107_a964a04882f2192fd053_192.jpg&w=96&q=75)
![05HarshitYadavVIIIA-U04CG610C03](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2022-11-25%2F4421381346709_e1e3a521aca56bb01a83_192.jpg&w=96&q=75)
![05HarshitYadavVIIIA-U04CG610C03](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2022-11-25%2F4421381346709_e1e3a521aca56bb01a83_192.jpg&w=96&q=75)
![ChayapatPakham(Pat)](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-17%2F7283699658166_655d98cfb6aada44c9e7_192.png&w=96&q=75)
![Harshita](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F83c2874e457eed75f646e0c55156168b.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0014-192.png&w=96&q=75)
![ShreyAditya](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-04%2F7359639795975_d09c3242904bbe4485e9_192.jpg&w=96&q=75)
![VibbodhSomani](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-23%2F7320997469188_3c9e82f5d34d8012bf7d_192.png&w=96&q=75)
![Benjamin-U07A8D2EABB](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F2ffb6caa752f026b5af76112ba2b88e9.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0007-192.png&w=96&q=75)
![Harshita](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F83c2874e457eed75f646e0c55156168b.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0014-192.png&w=96&q=75)
![sethikablip](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-27%2F7334825824582_2023e9b08df8ba2722cd_192.png&w=96&q=75)
![JAIAAKASHG](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-23%2F7315209840117_0203c764477bd5c13247_192.png&w=96&q=75)
![sssssssssnake](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-18%2F7296757052706_545b8eeaa3254e9b2456_192.png&w=96&q=75)
![Saumil](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-17%2F7288551423778_0043560ae385e0709638_192.jpg&w=96&q=75)
const width = 125; const height = 125; setDocDimensions(width, height); const penguinCenter = [100, 150]; const bodyHeight = 180; const bodyWidth = 120; const wingWidth = 40; const wingHeight = 80; const eyeRadius = 10; const beakWidth = 20; const beakHeight = 30; const eyeOffsetX = 30; const eyeOffsetY = -50; const finalLines = []; // Function to draw an ellipse function drawEllipse(center, width, height) { const points = []; for (let i = 0; i <= 360; i++) { const angle = i * Math.PI / 180; const x = center[0] + width * Math.cos(angle) / 2; const y = center[1] + height * Math.sin(angle) / 2; points.push([x, y]); } return points; } // Function to draw a circle function drawCircle(center, radius) { return drawEllipse(center, radius * 2, radius * 2); } // Function to draw the beak function drawBeak(center, width, height) { return [ center, [center[0] - width / 2, center[1] + height], [center[0] + width / 2, center[1] + height], center ]; } // Draw the body finalLines.push(drawEllipse(penguinCenter, bodyWidth, bodyHeight)); // Draw the wings const leftWingCenter = [penguinCenter[0] - bodyWidth / 2 + wingWidth / 2, penguinCenter[1]]; const rightWingCenter = [penguinCenter[0] + bodyWidth / 2 - wingWidth / 2, penguinCenter[1]]; finalLines.push(drawEllipse(leftWingCenter, wingWidth, wingHeight)); finalLines.push(drawEllipse(rightWingCenter, wingWidth, wingHeight)); // Draw the eyes const leftEyeCenter = [penguinCenter[0] - eyeOffsetX, penguinCenter[1] + eyeOffsetY]; const rightEyeCenter = [penguinCenter[0] + eyeOffsetX, penguinCenter[1] + eyeOffsetY]; finalLines.push(drawCircle(leftEyeCenter, eyeRadius)); finalLines.push(drawCircle(rightEyeCenter, eyeRadius)); // Draw the beak const beakCenter = [penguinCenter[0], penguinCenter[1] + eyeOffsetY + 20]; finalLines.push(drawBeak(beakCenter, beakWidth, beakHeight)); // Render the penguin drawLines(finalLines);
![akshatsinghania](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2021-05-07%2F2034863937126_196d5c93a81f67985e36_192.png&w=96&q=75)
![Mayank](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-24%2F7308054586423_9695ee3a67a5e7988b9f_192.jpg&w=96&q=75)
![elijah](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-05-06%2F7077145829972_8597fe575e09a698859c_192.png&w=96&q=75)
![CassidyCodes](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-02-22%2F6711182488176_4087ad285973e96c48aa_192.jpg&w=96&q=75)
![EvanGan](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-21%2F7454345808867_e93215a4325fa050c5ec_192.jpg&w=96&q=75)
![Malycia](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-02-19%2F6669014391508_856ece66dc44edb5c7f1_192.jpg&w=96&q=75)
![cytronicoder](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-24%2F7472643953667_4dd034e2996674cf726f_192.jpg&w=96&q=75)
![ShawnMalluwa-U04BBP8H9FA](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-04-04%2F6915596493828_e942c49b12ebd6e70971_192.jpg&w=96&q=75)
![caleb](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-20%2F7439507332679_b489f2a281f679fadc50_192.png&w=96&q=75)
![christina695](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2022-02-20%2F3134741640900_e2d0cd8db59585dc51ac_192.png&w=96&q=75)
![jzaleta](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-04-04%2F6915654075554_c1f636c77584ec4b4c53_192.png&w=96&q=75)
![e-lee-za](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2023-11-06%2F6155932287812_523c88e77a9f36badea3_192.png&w=96&q=75)
![khalby786](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2023-01-03%2F4582509526021_478cefe144501f9620fd_192.jpg&w=96&q=75)
![e-lee-za](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2023-11-06%2F6155932287812_523c88e77a9f36badea3_192.png&w=96&q=75)
![peepooppeepoop-U045Z4U1Y2X](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2022-10-19%2F4248002563683_18ada82d4d55f0cf422e_192.png&w=96&q=75)
![SrushtiI](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2023-02-10%2F4793769054001_c1bf128e1c2d5ff0fb80_192.jpg&w=96&q=75)
![sam](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2023-11-04%2F6169322276384_3b57a9f28b2f1eb58e0f_192.png&w=96&q=75)
![tinu](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2022-08-08%2F3925803000561_b88d249e662ff45624c3_192.jpg&w=96&q=75)
![sampoder](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-24%2F7466125891654_82251604232504fdc363_192.png&w=96&q=75)
hackclub/draw-dino
for #epoch-bts!![e-lee-za](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2023-11-06%2F6155932287812_523c88e77a9f36badea3_192.png&w=96&q=75)
![e-lee-za](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2023-11-06%2F6155932287812_523c88e77a9f36badea3_192.png&w=96&q=75)
![ced](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2022-10-02%2F4156802062694_de907d4531f5b440522a_192.png&w=96&q=75)
![jessicard](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2022-02-01%2F3053179594081_7912b442744f66c3322e_192.jpg&w=96&q=75)
![jzaleta](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-04-04%2F6915654075554_c1f636c77584ec4b4c53_192.png&w=96&q=75)
:before
and :after
, some cool borders and a great animation! From this I learned how to get better at design and with CSS.
To all of this I'm attaching some pictures 📸 of the projects and the links! 🔗 🌐
github.com/J-cordz/Splatter-Paint :github:
splatterpaint.vercel.app 🔗
gist.github.com/J-cordz/e9d92b3b5cba0e35ed6ec830d1a2b0b2 :github:
That's all for today, feel free to ⭐ any of the projects or follow me if you like and see y'all later with the next Ship!! Wahoo!![jzaleta](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-04-04%2F6915654075554_c1f636c77584ec4b4c53_192.png&w=96&q=75)