@cytronicoder0Day 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:
@ShawnMalluwa-U04BBP8H9FA0printing 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!
@caleb0i made a… skribbl.io bot that just straight-up draws the word@christina6950Coding our robot with Python for upcoming FLL championships. We finished the hack club workshop: Draw Shapes with Turtle
@jzaleta0Today 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!
@e-lee-za0Hellooo I drew a thing
Bit different to my usual, adding to the amount of art styles I can draw in
@khalby78602 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.
@e-lee-za0Wanted 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)
@peepooppeepoop-U045Z4U1Y2X0day 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.
@SrushtiI0tried to draw realistic eye for the 1st time
@Sam0Today 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.
@tinu0day 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.
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! 🔗 🌐
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!
@jzaleta0Today 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:
@jzaleta0So 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:
@TechnoBladePlayz-U030JABEJ920Day 2 of VS Code
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)
TRACKBORDER = scaleimage(pygame.image.load("images/track-border.png"), 0.9)
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
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):
self.angle += self.rotationvel
self.angle -= self.rotationvel
def draw(self, win):
blitrotatecenter(win, self.img, (self.x, self.y), self.angle)
self.vel = min(self.vel + self.acceleration, self.maxvel)
radians = math.radians(self.angle)
vertical = math.cos(radians) self.vel
horizontal = math.sin(radians) self.vel
self.y -= vertical
self.x -= horizontal
self.vel = max(self.vel - self.acceleration / 2, 0)
IMG = REDCAR
STARTPOS = (180, 200)
def draw(win, images, playercar):
for img, pos in images:
run = True
clock = pygame.time.Clock()
images = [(GRASS, (0, 0)), (TRACK, (0, 0))]
playercar = PlayerCar(4, 4)
draw(WIN, images, playercar)
for event in pygame.event.get():
if event.type == pygame.QUIT:
run = False
keys = pygame.key.getpressed()
moved = False
moved = True
if not moved:
@jzaleta0I 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!
@sporeball0Hack Club replied to a tweet of mine and asked me to draw Orpheus holding an orb - i, of course, obliged
@anish0Wrote a program to draw fractals recursively. This is a hilbert-curve on its 5th iteration!@JuanGonzalez0had to draw a sky for my digital imaging class
@sampoder0built 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
@e-lee-za0Started 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
@e-lee-za0Intense 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
@e-lee-za0I 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...
@aurora42lambda0It'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 ;)
@doreenmwapekatebe80Was 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)