Posts tagged with :pencil2:

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
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[0] - width / 2, center[1] + height],
        [center[0] + width / 2, center[1] + height],

// 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
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
I Just Did Beautiful Art For The Draw-Dino Repo : P
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).
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:
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!
i made a… skribbl.io bot that just straight-up draws the word
Coding our robot with Python for upcoming FLL championships. We finished the hack club workshop: Draw Shapes with Turtle
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!
Hellooo I drew a thing Bit different to my usual, adding to the amount of art styles I can draw in
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.
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)
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.
tried to draw realistic eye for the 1st time
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.
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.
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”
Didn’t draw much today but here’s a doodle and some scrollwork practice
wip sprig bootup screen see #sprig for deets (wanna draw us a nicer sprite that everyone will see when they turn on the console?)
FIRST SHIP EVER!!! 🚢 :quad_parrot: 🎉 Hello everyone, today I can finally and very happily say that I have made my first ship! And not just one, but 2 in 1! 🥇 So let's get started! :parrotdad: The first thing I'm shipping right now is my Splatter Paint 🎨 project made with Paper.js :javascript: This is a HTML Canvas which lets the user draw circles with different sizes and colors and a linear path 🖊️ as well. My code is hosted on my GitHub Account :github: and it's deployed using Vercel! :vercel: This is as well the first project on which I use it, and I must say it's very cool to use! Thanks to all of this, I can say that this project helped me to understand better how JavaScript works, how to write awesome :cooll-dino: READMEs and how to deploy with Vercel. 🗃️ So the second thing I did is a great CSS :css: Customization to my #scrapbook :hack-club: profile! (This is also the first time I'm posting to it outside of the channel itself). I did it a few days ago as you can see it on my Scrapbook posts, but I was told to ship this as well! This features a custom background with a texture, gradients, the application of elements like :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!
Today I'll go to a small trip 🗺️ so I won't have time to work on projects! Instead I'll be on the road 🚗 and then on an airplane ✈️ to go back to my first home! I will be reading some interesting books, listening to some cool music 🎧 and maybe I will draw 🖊️ a bit, play some games 🎮 or code 💻 locally depending on my devices batteries! 🔋 I'll try as well to share images, so meanwhile here's two very cool :blob-cool: landscape images 🌆 part of my first Scrapbook post of the day! :tw_tada:
So today I had Biology 🦠 Lab 🔬 again and did a lot of experiments! I also learned about Gitmoji 🚀 an emoji guide for commit :pullrequest: messages, and tomorrow I have an English Exam on Biological 🌱 /Medical 🥼 terms, as well and I'll try to digital draw my Bio diagrams that I have on my notebook! Also I will be adding new things on my Itch.io profile and write new content for my CodeJelly :jelly-grape: Sic-fi 🛸 story submission, which started working as a small game in dev after the event! :itch-io: And finally, although I coded a bit today, keeping a Github :github: streak 🟩 is hard, which is something I'm probably not going to be able to keep going, besides all of this, my day also went very well! :quad_parrot:
Day 2 of VS Code import pygame import time import math from utils import scaleimage, blitrotatecenter GRASS = scaleimage(pygame.image.load("images/grass.jpg"), 2.5) TRACK = scaleimage(pygame.image.load("images/track.png"), 0.9) def newfunc(): TRACKBORDER = scaleimage(pygame.image.load("images/track-border.png"), 0.9) newfunc() REDCAR = scaleimage(pygame.image.load("images/red-car.png"), 0.55) GREENCAR = scaleimage(pygame.image.load("images/green-car.png"), 0.55) WIDTH, HEIGHT = TRACK.getwidth(), TRACK.getheight() WIN = pygame.display.setmode((WIDTH, HEIGHT)) pygame.display.setcaption("Racing Game For None!") FPS = 60 class AbstractCar: def init(self, maxvel, rotationvel): self.img = self.IMG self.maxvel = maxvel self.vel = 0 self.rotationvel = rotationvel self.angle = 0 self.x, self.y = self.STARTPOS self.acceleration = 0.1 def rotate(self, left=False, right=False): if left: self.angle += self.rotationvel elif right: self.angle -= self.rotationvel def draw(self, win): blitrotatecenter(win, self.img, (self.x, self.y), self.angle) def moveforward(self): self.vel = min(self.vel + self.acceleration, self.maxvel) self.move() def move(self): radians = math.radians(self.angle) vertical = math.cos(radians) self.vel horizontal = math.sin(radians) self.vel self.y -= vertical self.x -= horizontal def reducespeed(self): self.vel = max(self.vel - self.acceleration / 2, 0) self.move() class PlayerCar(AbstractCar): IMG = REDCAR STARTPOS = (180, 200) def draw(win, images, playercar): for img, pos in images: win.blit(img, pos) playercar.draw(win) pygame.display.update() run = True clock = pygame.time.Clock() images = [(GRASS, (0, 0)), (TRACK, (0, 0))] playercar = PlayerCar(4, 4) while run: clock.tick(FPS) draw(WIN, images, playercar) for event in pygame.event.get(): if event.type == pygame.QUIT: run = False break keys = pygame.key.getpressed() moved = False if keys[pygame.Ka]: playercar.rotate(left=True) if keys[pygame.Kd]: playercar.rotate(right=True) if keys[pygame.Kw]: moved = True playercar.moveforward() if not moved: playercar.reduce_speed() pygame.quit()
I had planned for today to draw my Dino for Hack Club GitHub, but instead of this, I worked on my Digital Garden Project and started learning different ways to index my Obsidian vault with notes into a garden database, also I'm almost ready to ship the fist version of my Personal Website, and most likely I will be hosting it with the help of Repl.it where I'm also hosting my workshop projects, and then move on to better alternatives with improved versions. In other things, I forgot to mention some days ago than my high school is finally at the Hack Club map and I'm happy to be a club leader and get to work at my club and create awesome things!
Hack Club replied to a tweet of mine and asked me to draw Orpheus holding an orb - i, of course, obliged
Wrote a program to draw fractals recursively. This is a hilbert-curve on its 5th iteration!
had to draw a sky for my digital imaging class
lucky draw prize + stuff arrived :D
built a live drawing activity! it’s a live activity for events where attendees write basic commands to draw shapes on a large screen, it’s intended for absolute beginners (going to use at a school assembly in feb) The attendees enter a terminal-like interface where they write commands inspired by p5.js, these are then checked and sent to the webpage at /live using Socket.io which then runs them on the p5.js canvas. Try the attendee view: draw-innov-week.sampoder.com And the main screen view: draw-innov-week.sampoder.com/live source @ github.com/sampoder/live-draw enjoy!
Did not draw this:
Started building the school in Minecraft so that I can draw the backgrounds for the game but I forgot to take a picture so here’s a thing from Elise’s character sprite sketches
Intense dark night-time scenes are the most fun to draw And difficult...like actually this was kinda difficult Also this is part of a new spinoff story I’m working on to go alongside my wip game’s story, the guy in the picture is an engineering and maths teacher
I wanted to try making something different to my usual, so I tried to draw Ray in a vintage animation art style. Definitely needs some work but I’m happy with it :D I wonder if I can keep a streak going this time...
It's kind of end of summer, already I honestly did not expected the nixie clock to take so long to build, and my goal has failed, I did not finished it for end of August. To be honest, it's fine, better to not rush something as expensive as a nixie clock to avoid doing careless errors which could lead to disastrous consequences. Today I got the top layer PCB, the missing piece now is the motherboard. I'll finish it, hopefully before 2021 as classes will start soon and will take me a lot of time. I guess it's time for me to draw conclusions about what I learnt while doing this project: • PCB designing is honestly fun on an occasional basis, I wouldn't like to do that all day though, it can become quite tedious quickly. • Nixie tubes are fascinating and not that hard to control when you have the right components • 170V power supply are tricky to find • Programming on a STM32 is really fun and interesting, will do that again instead of using a Raspberry Pi or an Arduino, there's much more control, at the expense of having fewer ready-to-go libraries • I did too much OOP for a clock again • I DO NOT recommend to wire up a nixie clock without a PCB, it's just hell • The common DS3231 RTC module has big problems, like having a """charging""" circuit which is just more dangerous than anything else because it does not have any protection and this module is often used with non rechargeable Lithium coin batteries, in my case it's mostly fine for now as I run everything under 3.3V so it doesn't charge the battery, I added on the motherboard a pin based switch to use 5V the day I recreate a similar module with an actual charge circuit (hopefully the motherboard will be enoughly future-proof). • Discovered this community, which is very cool, you are all super cool and supportive :D I really hope I'll be able to finish the nixie clock soon, and once finished I really hope I am able to show you all the final result. Thanks a lot for supporting this project ;)
Our resident artist @e-lee-za was kind enough to draw me a super cool pfp
Was learning to draw on a canvas today,so decided to draw the the first name of Zach latta,🤭opps hope spelled it collectly @zrl thanks for hack club(though it didn't come out perfect)
https://cloud-ogglx1ocf.vercel.app/0screenshot__86_.png https://cloud-ogglx1ocf.vercel.app/1screenshot__85_.png https://cloud-ogglx1ocf.vercel.app/2screenshot__84_.png
I haven't code, so I draw something
I really need to organize my desk lol