✏️

Posts tagged with :pencil2:

swirly1007
@swirly10075
Just started leaning how to draw bodies! Till now I used to just draw the face!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/75ac50d3-a743-4d17-8187-4eaedffb0007-screenshot_20240726_163036_chrome.jpg
jonas
@jonas0
Cascy’s Coding Adventure Since I’m a hardcore UI/UX fanatic, I’ve decided to start building a game using electron which teaches you CSS. Cascy (the main character named after a “cascading style sheet”) leads you through different exercises you have to solve to reach the end of the journey. It should become an open world game. Progress so far This time, I was building a lot for the level editor. It took much time to implement all the typical features of an editor, starting from the (multi)selection of tiles to tools like the collision system, which allows you to draw collision zones. I’m very happy with the development of the editor at this moment and hope, that it won’t take too long anymore until it is ready to build some first basic levels 🕺 Only the creation of assets will take another huge chunk of time, which I’ll have to spend in the next days or weeks. GitHub Repository github.com/unordentlich/cascys-adventure ^ There you can also find a more detailed story about Cascy ^ How to play Simply clone the project and execute npm run start in your CMD. As soon as the project is finished, I'll also distribute the built application files. 👍
https://imgutil.s3.us-east-2.amazonaws.com/7e143435c99ea6bea43b41a82292d6a94c522d5b113f266b2bc3b7874ab919a9/1cc216fb-67cf-4696-b3b2-cfff7bbef52d.png
akshatsinghania
@akshatsinghania0
I have made a Tic Tac Toe Game .The user selects its icon X or O and then starts playing. The user plays against a bot which makes the game very interesting, if neither of the 2 wins then the game shows a draw message.If the user or the bot wins then the message with the icon displays the winner. git deploy link akshatsinghania.github.io/tic-tac-toe-game git repository link github.com/akshatsinghania/tic-tac-toe-game.git video link hackclub.slack.com/archives/C06SBHMQU8G/p1721748136999879?thread_ts=1721746656.339149&cid=C06SBHMQU8G
https://scrapbook-into-the-redwoods.s3.amazonaws.com/736951a0-3bb5-4d98-ad88-cb4624af4bb5-screenshot_2024-07-23_at_10.32.46___pm.pnghttps://imgutil.s3.us-east-2.amazonaws.com/bdf21534463951848fd54759a9735e289bef45eae85ce9b1a69e93fd7fb1b4c0/f976ef30-6a0a-4e2e-94ef-2525660641fb.png
fede
@fede0
https://imgutil.s3.us-east-2.amazonaws.com/4aa418d65f0494f16e081740a113c9c52cdeab57cc2bb5e50868ec227227b111/2a559c81-9643-46b7-8b37-3e20fe4b2044.png
AdiM
@AdiM7
Hey guys. First time drawer here. I usually code but thought to draw after seeing so many amazing drawings here. Please feel free to see my progress photos of my scenery drawing at github.com/Adi-2079/Art-1-
https://imgutil.s3.us-east-2.amazonaws.com/1d720826bb50b52b4e82c0bdc4bce17ed6f7192daa3e1e62d662bdfb63387ead/8ad3269a-fea1-4040-ae54-0490cac48f85.png
YeGao
@YeGao7+
github.com/GaoYeGithub/Serene-Shelves I worked Ai integration, firebase databases, & abseil for the therapist chatbot, the draw zone with real time database & p5.js, and music with tone.js. And work on UI/UX, 3D blender and A-Frame and flask backend.
https://imgutil.s3.us-east-2.amazonaws.com/efe30a784c710018ea4c1535208260f82d3f265a8894481fae958e7363321603/e9d0b216-e3de-4250-ae99-74608bf80d3a.png
Mayank
@Mayank0
https://scrapbook-into-the-redwoods.s3.amazonaws.com/c18e6865-2164-4fc2-9049-5b52d8c13f9f-snapshot2.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/700af659-236b-488a-96dc-2e6ecedf4520-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/3bfe8c89c0cc49acfd6c6f9888162f1eb400137c6221e86059ec179fc49c09ba/45a559fe-bedd-4ff4-94b1-757b6cd28338.png
Bartosz
@Bartosz1
https://imgutil.s3.us-east-2.amazonaws.com/ab387ada34597c2e1dac2101a90fc25c02f21350ba1d67adae00ac9b6a345f97/db5ca53b-591b-4375-b76f-35b2020b4534.png
piggy2.0
@piggy2.00
Finished building my blot! Now to draw awesome things!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/9527acc8-90b2-4dad-a11f-da13c52b92a8-img_3038.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/d073981e-7f37-446b-8912-4916290be320-img_3041.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/ec85eec2-2b98-4379-a6d1-40ed6c97d208-img_3040.jpg
Aryan
@Aryan0
Hi guys. So I made a little project on Blot that creates a randomly generated sun and a randomly generated field of flowers, and this is kinda just as far as I can get right now until I get the actual blot device. It'll be pretty cool after I can actually draw it though lol. Here's the github commit, which has some examples and the code itself: github.com/hackclub/blot/pull/701/commits/18e0bf01b9411b1bc24765dc73897c23e846d669
https://imgutil.s3.us-east-2.amazonaws.com/b37afe99df3f5df6b4d27b8fb1ecdb458955108fdf53cfbed2886eb3e70a9b21/bb83114c-e92f-4b44-9bef-24d64245acbd.png
Ahnaf
@Ahnaf2
https://scrapbook-into-the-redwoods.s3.amazonaws.com/880d184a-5cbc-4c1b-9d28-2a7dce3d7cce-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/3548f65faedf573a617d447111d0ec757780471e49fdb18d7af96f911ffb1800/91c56562-2791-4102-8461-c69f3af62e1b.png
Abhay-U04GVEDH049
@Abhay-U04GVEDH0490
https://scrapbook-into-the-redwoods.s3.amazonaws.com/ca5d1daa-cc0e-4baa-b2d3-064a6e5217cd-deadnight.pnghttps://imgutil.s3.us-east-2.amazonaws.com/d2ef095afb2d78fab3121bb3a77b001c0f8d9adee40bcd69db46176efcadf9c7/72b83700-6c56-47e4-8300-8fc06422b0bc.png
Ducc
@Ducc1
Hi! Just finished a cool spinoff of #blot! I got bored of waitong so I decided to make my own - ultra sized! The version I built took around 12 hours to make, and can draw an area of approx 30cm x 50cm. :) github.com/Dongathan-Jong/CustomBlot
https://scrapbook-into-the-redwoods.s3.amazonaws.com/18d03619-ca9f-4d5a-a0ed-9482f899cf01-1000017975.jpghttps://imgutil.s3.us-east-2.amazonaws.com/c3b09417f3d6fbd3aace4401861887b4d7b448d45029597aa94538d744da44ef/697ff696-623e-4c4a-84d6-6abb0d15c8af.png
05HarshitYadavVIIIA-U04CG610C03
@05HarshitYadavVIIIA-U04CG610C030
https://scrapbook-into-the-redwoods.s3.amazonaws.com/ac959fdc-cd29-45e2-8d75-6b13a5172523-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/9590f2da-f696-4edb-b669-909f605df676.png
05HarshitYadavVIIIA-U04CG610C03
@05HarshitYadavVIIIA-U04CG610C030
https://scrapbook-into-the-redwoods.s3.amazonaws.com/a03ac20e-df43-4feb-a855-9c94b665ccea-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/5a097287b20712ea0406b80314c8699636d504e82447e9f0695107ed51fac8b3/3c982f82-0e15-4b4f-84e8-424d317d1bd6.png
ChayapatPakham(Pat)
@ChayapatPakham(Pat)0
https://scrapbook-into-the-redwoods.s3.amazonaws.com/1415bc06-b953-4570-b114-60a4eb75868e-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/f7555393d5b5ada706404d45cb490120fe4dc5dedcc138bd954d4058af02d6bb/485e8ca2-da65-4724-96ce-8f108b41b60b.png
Harshita
@Harshita0
1. *n_queens_gul.py - Python script using tkinter for GUI. - Includes functions to create and draw a chessboard, place queens, and solve the N-Queens problem. - Provides a visual representation of the backtracking algorithm's execution. 2. n_queens.py - Command-line Python script. - Implements a recursive backtracking solution to find all possible configurations of placing N queens on an N×N chessboard without attacking each other. - Outputs solutions to the console. 3. n_queens_user_gul.py - Enhanced version of n_queens_gul.py with added features. - Includes timer, hints, and leaderboard functionalities. - Allows users to interactively place queens on the board and check solutions. 4. Queens.py - tkinter-based GUI game for placing queens on an 8x8 chessboard. - Divides the board into four regions, each requiring one queen per region. - Allows dragging queens across the board and marks invalid placements. GitHub repo: github.com/realharshita/Linkedin_game
https://imgutil.s3.us-east-2.amazonaws.com/cd23d305678aa9239931ee42e7fbb28ff06726226acb8cf4110f8caed16e281d/f3736741-f9ca-478e-a63a-4bf62939acc1.png
ShreyAditya
@ShreyAditya0
https://scrapbook-into-the-redwoods.s3.amazonaws.com/900061fe-c2e0-44ad-825a-1fbea08f77ca-final_innovation.jpghttps://imgutil.s3.us-east-2.amazonaws.com/56808f9babea1fea97eb48892eb2ca32742f5784ddc32adb2bdd4d4fd92ab640/4856f3c8-e27e-4d7e-8bdd-8c6a47f95bc0.png
VibbodhSomani
@VibbodhSomani0
Blot - Message Maze Generate hidden messages in a maze and then use a blot to draw them. For this project I created an API, Website and Blot Logic. All of which is available here :github.com/iambodha/Message-Maze-Blot The website to create your maze data is here: iambodha.github.io/Message-Maze-Blot Hope you have fun solving mazes 🙂 PS: The maze below has the secret message "hello world"
https://scrapbook-into-the-redwoods.s3.amazonaws.com/ecc9d1e6-b9ea-40be-bb6a-637fa8b28023-helloworld-1.pnghttps://imgutil.s3.us-east-2.amazonaws.com/34535312db48a0c7cace7943d450637a50b3a0c290a52053c55d4a6865770823/0ea768ff-85fd-4b26-8d06-f13c7ed37bfe.png
Benjamin-U07A8D2EABB
@Benjamin-U07A8D2EABB0
https://imgutil.s3.us-east-2.amazonaws.com/e05c48f1970288c4d4291e878cb3f688814742a78d194a8c78c56075b82be43e/dfd1b400-efe2-49ba-9f7e-cca571392f52.png
Harshita
@Harshita0
Made a project demonstrating how to use the Turtle class in JavaScript to draw a spirograph-like pattern on a canvas. GitHub repo: github.com/realharshita/pattern
https://imgutil.s3.us-east-2.amazonaws.com/4b732049c9925ff821c6761a250912962458a5dfa81258dc176ecb7fbecc73da/a8529f88-1581-4e4e-8a91-c243564f8084.png
sethikablip
@sethikablip0
https://scrapbook-into-the-redwoods.s3.amazonaws.com/7bde7d4c-5bed-40ce-b28b-4516a291a949-texturefile.pnghttps://imgutil.s3.us-east-2.amazonaws.com/f841653426fecc315ebd05a870d2b1814aa7bbbfa7f71ab4ae83951c2f83cfcd/1f2abc80-f5fd-449d-b4b2-d0e3cc1246cc.png
JAIAAKASHG
@JAIAAKASHG0
from IPython.display import display, HTML display(HTML(''' !DOCTYPE html <html lang="en"> <head> <meta charset="UTF-8"> <title>Flappy Bird</title> <style> body { margin: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #70C5CE; } canvas { border: 1px solid #000; background-color: #fff; } </style> </head> <body> <canvas id="flappyBirdCanvas" width="400" height="600"></canvas> <script> const canvas = document.getElementById('flappyBirdCanvas'); const context = canvas.getContext('2d'); const bird = { x: 50, y: 150, width: 20, height: 20, gravity: 0.6, lift: -15, velocity: 0, show: function() { context.fillStyle = 'green'; context.fillRect(this.x, this.y, this.width, this.height); }, update: function() { this.velocity += this.gravity; this.y += this.velocity; if (this.y > canvas.height - this.height) { this.y = canvas.height - this.height; this.velocity = 0; } if (this.y < 0) { this.y = 0; this.velocity = 0; } }, up: function() { this.velocity += this.lift; } }; const pipes = []; const pipeWidth = 40; const pipeGap = 150; let frameCount = 0; let score = 0; function drawPipes() { context.fillStyle = 'green'; for (let pipe of pipes) { context.fillRect(pipe.x, 0, pipeWidth, pipe.top); context.fillRect(pipe.x, pipe.bottom, pipeWidth, canvas.height - pipe.bottom); pipe.x -= 2; if (pipe.x + pipeWidth < 0) { pipes.shift(); score++; } if (bird.x < pipe.x + pipeWidth && bird.x + bird.width > pipe.x && (bird.y < pipe.top || bird.y + bird.height > pipe.bottom)) { resetGame(); } } } function addPipe() { let top = Math.floor(Math.random() * (canvas.height - pipeGap)); let bottom = top + pipeGap; pipes.push({x: canvas.width, top: top, bottom: bottom}); } function resetGame() { bird.y = 150; bird.velocity = 0; pipes.length = 0; frameCount = 0; score = 0; } function draw() { context.clearRect(0, 0, canvas.width, canvas.height); bird.show(); bird.update(); if (frameCount % 100 === 0) { addPipe(); } drawPipes(); context.fillStyle = 'black'; context.fillText('Score: ' + score, 10, 20); frameCount++; requestAnimationFrame(draw); } document.addEventListener('keydown', function(event) { if (event.code === 'Space') { bird.up(); } }); draw(); </script> </body> </html> '''))
https://scrapbook-into-the-redwoods.s3.amazonaws.com/c9d1904c-9a4e-4b45-ba93-1efb20d09e54-20240625_191143.jpg
sssssssssnake
@sssssssssnake0
LegacyReader Milestone 1 github.com/sssssssssnake/LegacyReader Can do: • Read some normal mxl files for music • display the first few measures Cannot do: • draw notes • move on to next "page" Bugs: • cannot go to home-screen then back without reopening
Saumil
@Saumil4
my first Blot project
 
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);
https://scrapbook-into-the-redwoods.s3.amazonaws.com/b03f5e66-1220-417b-aab6-2f4835c8795c-image.png
akshatsinghania
@akshatsinghania0
Completed my A* Path finding project in python, just select two points by clicking them, draw borders, and press the space key to start the path finding process! You can also press C key reset all the grid. github.com/aksinghania/pathfinding-visualiser
https://scrapbook-into-the-redwoods.s3.amazonaws.com/921b2ba5-a6b6-4f66-b7a4-e608d593ea5c-screenshot_2024-06-20_at_1.10.33___am.pnghttps://imgutil.s3.us-east-2.amazonaws.com/51ea637e990e6297a8ff2c2819bfc0e1d0e8295a4370797f078c3b42267d8686/39defb22-c90a-4ec4-89ce-476b3bbbced8.png
Mayank
@Mayank0
https://scrapbook-into-the-redwoods.s3.amazonaws.com/d294e98e-38d2-4c59-9ea9-a5eda8dcd1c5-snapshot_3.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/7b6a0f8e-3e32-4739-a173-a6409805a3d1-snapshot2.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/1e0e1603-60cd-49e7-9a93-3e3e9862b653-snapshot1.pnghttps://imgutil.s3.us-east-2.amazonaws.com/9a3594a9af6164497033582f2229d50b279e8d6dfad4782af95ea5751176881c/c475d501-c337-45ef-83ae-d93aea024a58.png
elijah
@elijah0
https://scrapbook-into-the-redwoods.s3.amazonaws.com/410ca803-a693-4330-b576-6f07133bbd13-image.png
CassidyCodes
@CassidyCodes0
I Just Did Beautiful Art For The Draw-Dino Repo : P
https://scrapbook-into-the-redwoods.s3.amazonaws.com/b878ab56-f051-4e6b-9abf-1f0f55dc4316-image.png
EvanGan
@EvanGan0
Day 11 of #100-days-in-public. I suppose we will now see how far I can go with the days in public. Today was the last day of #wonderland where we had a science fair for all the group's projects. The group I was in finished up our game and decorated the fan we took apart and had it turn on and off randomly(we did not have enough time to figure out how to make it play music). On another note, I got my blot today! I sat down for about 4 hours and assembled it and finally got it working. I got it to draw my submission(see video attached).
https://scrapbook-into-the-redwoods.s3.amazonaws.com/915e112e-6de6-48c3-aaef-7dbbfc281895-image.png
Malycia
@Malycia0
https://scrapbook-into-the-redwoods.s3.amazonaws.com/827fd968-17c2-40d9-b473-a7a57de2f852-screenshot_2024-01-07_192935.png
cytronicoder
@cytronicoder0
Day 2/3 of #hack-club-at-fossasia-23!! I felt the need to post about this as a ship, as we committed a couple of shenanigans along the way~ :sphere: 1. Yes, we did a lil thing to #place - some of us here got bored and went to a Starbucks, where we sat and masterfully constructed the one and only John Cena. Then, we returned to the place and updated the board with a photo from #lion-city-hacks-bts!! DON'T WORRY WE ARE NOT HERE TO TROLL (although the john cena one was good, it was just a test - sorry @belle :p) 2. I worked with LionsForge to laser-cut a @dinobox acrylic piece! Going to buy an LED base to put this on :partyparrot: 3. Many stickers from everywhere - this is now the premier event where I got the most swag from 4. We set up a challenge for FOSSASIA participants to draw their versions of @orpheus!! The results were.... pretty diverse, and we will be sending them sometime tomorrow I think Here are some photos from today - a video update can be found in our planning channel linked above! See ya :pirateparrot:
https://scrapbook-into-the-redwoods.s3.amazonaws.com/ab255b7d-80e0-42c1-a5fc-94446be32d78-img_5625.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/ccde80ee-9e87-4cd3-bcc9-d4ce4a3abadb-08195cae-de6f-475d-82a5-364a53d77f01.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/dcccf688-3055-41f5-8dbc-9f7757f034d9-img_5620.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/ca9e331c-a851-4f02-b249-26a4a731b457-img_5624.jpg
ShawnMalluwa-U04BBP8H9FA
@ShawnMalluwa-U04BBP8H9FA0
printing my second iteration of the pen vise after the faliure of my last one. ill be posting more updates in #development-of-things-and-stuff!
https://cloud-h7kuodt3b-hack-club-bot.vercel.app/0image.png
caleb
@caleb0
i made a… skribbl.io bot that just straight-up draws the word
christina695
@christina6950
Coding our robot with Python for upcoming FLL championships. We finished the hack club workshop: Draw Shapes with Turtle
https://cloud-d1608lbsi-hack-club-bot.vercel.app/0img_6275.jpghttps://cloud-aj3tcuu4o-hack-club-bot.vercel.app/0img_6277.png
jzaleta
@jzaleta0
Today I finally add the option to export the canvas as a svg file on my Splatter Paint project! I think it's almost finished after all this time, next thing I'm doing with it it's fixing the code formatting, add a Replit badge to the readme and the Spanish translation, I also learned today about Replit bounties and draw again!
https://cloud-1gkphwgu1-hack-club-bot.vercel.app/0screenshot_20221228_234646.jpghttps://cloud-iyep05rgf-hack-club-bot.vercel.app/0screenshot_20221228_234438.jpg
e-lee-za
@e-lee-za0
Hellooo I drew a thing Bit different to my usual, adding to the amount of art styles I can draw in
https://cloud-pavm5i4ip-hack-club-bot.vercel.app/0untitled_artwork.png
khalby786
@khalby7860
2 weeks to go till Epoch, and here's the story of this sticker. It all started a few months ago when genius minds from all over the world decided to brainstorm ideas for stickers they'd like at Epoch. We decided we wanted stickers with local Delhi references for advanced humour. And one such idea was to make a sticker that says Horn Ok Please, with Epoch-ish Hack Club elements in there. For context, Horn Ok Please is written on the back of trucks and lorries prominently seen in North India (in South India, we just have Sound Horn) to alert drivers of vehicles approaching from behind to sound their horns if they wish to overtake, in a country like India where honking is the primary source of communication between you and the other vehicles on the road. Part of the idea was also to make it look like Horn Ok Please was written on the back of a truck. I said, "OK OK LMAOOO WE'RE MAKING A STICKER OUT OF THIS". Now I'm not exactly the most productive and efficient person out there, I thrive on deadlines. I would occasionally just visit the Figma file, do random stuff and close my tabs while I did not have exams, homework or both. Normally I'd be able to complete stuff while "occasionally" visiting but this one was a bit hard. There weren't many reference images I could find, other than a photo directly from the Wikipedia page. I somehow also found the same image from a frontal angle which helped me trace out the letters and create "Horn Ok Please" as an SVG (my Figma Pen Tool skills are unrivalled, they talk about my curves). I also needed some random art related to India, like peacocks and the Taj Mahal, so what I did was take photos from unsplash.com, remove their background and run them through svgco.de (WHICH IS A GOD SENT BTW, credit to @OjasSomethin' for pointing this wonderful tool out) to give them a painted and vector-y look. I quickly combined them together but I realized it didn't have the same back-of-the-truck feeling and other people were quick to point that out. @deven then points out that I should do "Hack Ok Please" ("cos the H matches") and a few days later, there's a better reference picture of a Horn Ok Please in #design. In the thread where the image was posted, there was a lot of talk about getting the text bevels and shadows right along with identifying a similar font, which @sarthak narrowed down to a font called Syne, which fortunately was available on Google Fonts and I had it downloaded in no time. I decided to start with the background, and I wanted it to look realistic as possible. The question is, how do you make wooden planks in Figma? Sure, I could draw lines, and make it look realistic in a vector art sense but I wanted the right colour and texture. Well, what if I just placed a picture of wooden planks? That is exactly what I did, and it's called textures. A visit to textures.com gave me some quality seamless textures of wooden planks, and to make it pink I added a separate colour layer and decreased the opacity of the colour layer (I slightly colour-corrected the plank textures for it to be visible while still having the desired shade of pink). I also wanted the grooves (or gaps, whatever you call them) between the planks to affect the surrounding elements as if all the designed elements were actually painted on wooden planks. I did this by manually drawing out groove lines using the good ol' Pen Tool and giving it a slight drop shadow. The text. "Hack Ok Please!!". It needed bevels. Neither does Figma have an option for bevels nor could I find a plugin that gives bevels to text. Having lost all hope, I wandered around on YouTube hoping some Indian tech guy could help me out when an unexpected ally rose to the occasion: pixlr.com/e. They could make bevels out of text input and export it into PNG - that was more than enough for me. I dragged the export across the browser and into Figma and used a freemium plugin called Image Tracer which I thought had already been exhausted of its 5 free trials but apparently not. I got an SVG, got box shadows using a wonderful plugin called oblique and added that stuff on top of the wood. Only the decorations remained. I'm not gonna lie, I didn't have much creativity in this area. The corners of my reference image had floral-like colourful designs and I wasn't really sure about manually tracing it using the Pen Tool. The floral-like design reminded me of something I used to do with my mom when I was a kid, where basically I'd take an A4-sized paper, fold the paper in half, put drops of acrylic paint of different colours on the crease of the paper and fold it again to create something that looked like a butterfly. I thought that if I could do something like that with the right colours, I could take a good picture with my phone, remove its background, change its colours a bit and use it in my design. After begging my sister to help me (spoiler alert: she did not), I decided to steal my sister's paint (she's not on Hack Club, so she won't find out) and perform the sacred method of "squish painting". Long story short, it did not come out like I expected it to, it was too narrow and too green for my liking. (I wanted to take a picture of the result I got for the sake of this scrapbook post, but the paint stuck to each other and now I can't unfold the paper and tearing it doesn't seem like a good idea.) At this point, I decided to give up on everything else and trust the mighty Pen. By listening to the Doom OST theme song and Cocomelon songs on a loop, I traced out the basic lines of the floral designs and just randomly coloured them with every main colour I could find. By now, I was too lazy and uncreative to create my own assets, so I just screenshotted the flower thingy at the bottom of the reference image and then modified the colours a bit so that it matches the background colour of the sticker. Combine this with some smooth curves and spheres, and we have our decorations. To make it even more realistic, I got some grime and brush stroke textures from textures.com, removed their backgrounds, reduced the highlights a bit, increased the shadows a lot, halved the opacities and added the corners of the sticker. Oh and I almost forgot, there's a slight amount of noise at the very top to give it a slightly dirty/realistic feeling, using the Noise plugin. Adding noise textures to my designs is a reflex action at this point.
https://cloud-3t9z86ohm-hack-club-bot.vercel.app/00image.pnghttps://cloud-9395dltdx-hack-club-bot.vercel.app/0image.pnghttps://cloud-briizaflu-hack-club-bot.vercel.app/0image.pnghttps://cloud-6vyogbk1y-hack-club-bot.vercel.app/0image.pnghttps://cloud-a55d8l8px-hack-club-bot.vercel.app/0image.png
e-lee-za
@e-lee-za0
Wanted to draw a realistic-ish face today, so I drew this guy I saw in a dream once and decided to make into a character of sorts (usual style for comparison)
https://cloud-igqillpcu-hack-club-bot.vercel.app/0img_359cc26ca2ac-1.jpghttps://cloud-l46a26rlb-hack-club-bot.vercel.app/0chocolate.png
peepooppeepoop-U045Z4U1Y2X
@peepooppeepoop-U045Z4U1Y2X0
day 7 of #10-days-in-public today i finally got started on my film script. i also decided a soundtrack for my movie which would be igor stravinsky’s rite of spring. writing is actually pretty hard though so i prefer to just draw out what i want to happen in the movie rather than writing… yucky. • i also came up with a scene in the movie where you had people riding carnotaurus’s charging into battle with pterodactyl pilots swooping overhead which i thought would be cool.
https://cloud-h15pz61hz-hack-club-bot.vercel.app/0capture_d___e__cran__le_2022-12-05_a___00.25.01.png
SrushtiI
@SrushtiI0
tried to draw realistic eye for the 1st time
https://cloud-d3t8xnpg4-hack-club-bot.vercel.app/0img_2802.jpg
sam
@sam0
Today I experimented with using my broken 3D printer (one of the cheap, poor quality ones) as a plotter to draw stuff. The results are so much better than what I expected.
https://cloud-74q5p2doj-hack-club-bot.vercel.app/0image_from_ios.jpg
tinu
@tinu0
day 6 of #10-days-in-public! Today I worked on my project qRoute. I was able to draw lines on the map using svgs. I also continued my work on grade melon with a new toolbar on the course view page.
https://cloud-751u7d1nk-hack-club-bot.vercel.app/0image.pnghttps://cloud-hj5gqog56-hack-club-bot.vercel.app/0image.png
sampoder
@sampoder0
https://cloud-izggyjm6n-hack-club-bot.vercel.app/0screenshot_2022-10-08_at_12.16.42_am.png
e-lee-za
@e-lee-za0
Spent the whole day studying and didn’t get time to draw, so here’s a random screenshot of something from my notes app I should ask dall-e for a “box of knees”
https://cloud-iyjr0hd75-hack-club-bot.vercel.app/0img_9018.jpg
e-lee-za
@e-lee-za0
Didn’t draw much today but here’s a doodle and some scrollwork practice
https://cloud-aae130cm9-hack-club-bot.vercel.app/0img_2443.jpghttps://cloud-5xtm4gvjr-hack-club-bot.vercel.app/0img_2444.jpg
ced
@ced0
wip sprig bootup screen see #sprig for deets (wanna draw us a nicer sprite that everyone will see when they turn on the console?)
https://cloud-79ldowrxe-hack-club-bot.vercel.app/0image.png
jessicard
@jessicard0
https://cloud-o36c0gvt7-hack-club-bot.vercel.app/0image_from_ios.jpg