Activity

Lukas

So today was a pretty hard day because i started implementing the hand into Godot and ahhh its been so hard to get everything to work the way it is and its not even close to what i need it to do

So in blender i had to remake the bones quite many times as they were not perfectly setup and it was so anoying

Then in Godot making all the fingers work was also a real pain in the ass but i finnaly got a way to controll the fingers!!!

and i’m now controlling them with the number row and it works pretty well

0
Lukas

So I started on making the actual game is Godot which if you don’t know this is my first game and yes i’m starting with a 3D game so its pretty hard but I’m using the GDQuest tutorial and its already pretty great!

For movement I have “Minecraft” style 3rd person thing

Attachment
0
Lukas

Made a totaly new hand model and IT IS WAY BETTER so much cleaner and it captured way more of my hands geometry and i also had to take way less photos and on a new hand rig

Then on Blender i cleaned up everything it was still hard because i had to make the model non manifold manually and it was a pain to do it but after a lot of time i got it!

then i added bones to it which was also really hard they were not wanting to work with the model ahhh but again after lots of tries i got it!

Attachment
Attachment
Attachment
Attachment
0
Lukas

Shipped this project!

This was already a while back cant remember exactly what i did but i added api support and more technical stuff

Lukas

Shipped this project!

Designed, coded, debugged

This is the second iteration of my website and I’m really happy with it.

It has:

  • blog system with markdown files
  • similar project system
  • 2 blog posts
  • buttons page (88x31)
  • nice 404 page
Lukas

Today i made the 404 page WAY better with fun geeky quotes from movies / games and i just really like it

I also:

  • added more 88x31 buttons
  • updated About and Intro
  • Try to make light mode but unsuccessful because its way too hard to choose new colors when dark mode is so perfect
Attachment
Attachment
0
Lukas

Today I added BUTTONS!!!

Yes thats right i added a 88x31 page and it was really fun adding them and I even drew a few ones the Astro and my own!

The system for them is exactly the same as I use for the projects i have all links and photos in a .ts file and then Astro gets it and maps them all out

I also added a simple 404 page!

Attachment
Attachment
Attachment
Attachment
0
Lukas

Photogrammetry

I first took all photos of my hand in this case they were 88 (That is a really small number of photos) then I added them to Meshroom the program that turns the photos into a model and this took like 2 hours then when i had my mode I exported it

Blender

With the model in blender I had to start cleaning the model manually which was a real pain in the ass because of the high mesh count and the faces were not right I did lots of manual touching and deleting and adding sculpting but after a lot of work i got everything pretty good and i started adding bones to the model so i could manipulate the pose of the hand

after a few tries i got everything pretty well aligned and made some poses with it!

Attachment
Attachment
Attachment
Attachment
0
Lukas

Added a About page!

So for the about page i added things about me and my fav things and also added a yearly goals and i added a automatic percentage thing that i can easily change the percentage and it updates the text percentage thing

Also i changed a few things in the intro changed a bit of the text updated text on the typewriter highlighted my name!

Attachment
Attachment
Attachment
0
Lukas

So i reworked more like fixed/cleaned project/blog systems

Then i also Made a time / music playing / coding time

status bar in the homepage this took quite long to get everything working with a Astro built in API system which is really fun and now I also host my website on cloudflare instead of GitHub pages!

Few other things i did

  • Added CSS global variables for the general colors

  • Made the cursor dot background be a circle instead of diamond shape

  • Fixed footer text positioning

Attachment
Attachment
0
Lukas

So I forgot to Devlog so I’m going to break this into parts.

Blog system

I Worked on a blog system in Astro so that the blogs are .md files and then I get the data from those and create a page for each blog. I used @shymike’s tutorial for Haxmax for the blog system

Project system

This was simpler then the Blog system but still similar I add the project data on projects.ts like this

export const projects = [
  {
    title: "40%ish Split Keyboard",
    description: "A custom build Split Keyboard.",
    image: "/images/keyboard.jpg",
    github: "https://github.com/maker-lukas/40-ish-split-keyboard",
  },
  {
    title: "B.E.T.T",
    description: "Better Enchanted Tool Textures. A Minecraft Resouce pack that changes tool textures depending on the enchantments",
    image: "/images/pack.png",
    github: "https://github.com/maker-lukas/B.E.T.T",
  }

Then I created a system very similar to the blogs that gets the data and maps each project into a card

Dot background

I made a cool mouse tracking dot background and when the cursor is near the dots expand which i found on a website called prismic.io and I based mine from that

ps: there is a easter egg if you point your cursor in a very specific place

Favicon

I made a simple diamond shaped favicon i tried to add the bio hazard icon there but it was too small to be visible

Attachment
0
Lukas

Added to github pages and fixed a few small things

Attachment
0
Lukas

Designed new version on figma and i’m really happy how it is also started with mobile right in the start so its easier in the end

Coding went also really well started a fresh Astro project and started with the footer and header then the body and its getting already really together i just really love html and css they are the best its so easy to code and easy to understand

Attachment
Attachment
0
Lukas

Shipped this project!

Hours: 22.35
Cookies: 🍪 439
Multiplier: 19.66 cookies/hr

Drew many textures coded hundreds of lines of json

Hope you enjoy it!

Features:

Enchant any of these tools/weapons and the textures will change

  • Sword: Sharpness, Fire Aspect, Mending

  • Axe: Sharpness, Fortune, Silk Touch, Mending

  • Spear: Sharpness, Fire Aspect, Mending

  • Pickaxe: Fortune, Silk Touch, Mending

  • Shovel: Fortune, Silk Touch, Mending

  • Hoe: Fortune, Silk touch, Mending

Lukas

Made fast a website where you can choose each texture individually and then it dynamically generates the .json files and it works great

You can visit it at: Pack Selector

Note: The website was 99% made with Amp Code

Attachment
0
Lukas

Mending Fortune And Silk Touch

I drew many many textures today all mending variants for ALL tools and Weapons Fortune and Silk Touch for the rest of the tools that use those and then i had to code everything it was pretty repetitive and also lots of copy paste but that does not mean it was easy and now i also have a whole lot of items with textures already which is really cool and this project is getting to a point that i can soon ship it.

These are all the textures i drew today

- Mending:

  • Shovel
  • Spear (In hand and GUI)
  • Hoe
  • Axe

- Fortune & Mending

  • Shovel
  • Hoe
  • Axe

And then still had to code everything and make models that add the new textures.

Bellow are only a few of the textures because it would be too hard to add them all here

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
Lukas

So it has been 5 very productive hours I:

  • Drew Mending for Pickaxe and Sword
  • Drew Fortune and SilkTouch for Pickaxe
  • Cleaned my folder structure and now have like WAY less files
  • Coded everything for all the new enchantments

So the Mending was really fun because what i did is have 3 different textures and they change depending on the durability of the tool so if lets say tool is at half durability it would be the second mending texture and this was really fun to draw but hard to code, its still easy code but discovering how everything works was hard but in the end i’m really happy how it turned out

(it took me about 3 versions of the mending textures to get them just right)

Then Fortune and SilkTouch were pretty easy because they are not compatible with each other i used the same space in the Pickaxe

For Fortune I used the amethyst colors and i really like it

then SilkTouch is basically the same but with quartz colors and i LOVE it

Attachment
0
Lukas

Shipped this project!

Hours: 2.17
Cookies: 🍪 24
Multiplier: 10.86 cookies/hr

Made: Schematic, PCB and SilkScreen on the PCB

This is for 20 year old xbox 360 controller that i have and the cable broke so i decided to make a USB C break out for it

Lukas

First i started on the Schematic which is a pretty simple Schematic but this time i’m way more experienced with and I now know exactly how to make things that work and are well made

I chose some general components:

  • USB C: USB_C_Receptacle_HCTL_HC-TYPE-C-16P-01A
  • Pin Header: PinHeader_1x04_P2.54mm_Vertical
  • 5.1k Resistors: R_0603_1608Metric

These will be easy to solder on my hotplate and good and reliable

Then i moved on to the PCB
Which first i made the edge cuts so i know exactly where to place the components.

Then wired up everything and made sure that the Pin Headers were oriented the right way because they are really easy to mess up and your controller will fry up

I also added a bit of silkscreen to make everything more beautiful

Made sure that everything was right by running ERC for schematic and DRC for PCB and they were good (a few errors but from experience I know you can ignore them)

  • ERC = Electrical Rules Checker
  • DRC = Design Rules Checker

And then i exported the final design files and that’s it!

Attachment
Attachment
Attachment
0
Lukas

Fixed stuff on the backend and make everything cleaner and better eg: added api keys as export variables so i can easily commit to github without having to censor the api keys

Attachment
0
Lukas

Added Flame!

Flame was the next fire enchantment i had to add and that’s what i did! I drew a few animations because there are 3 stages in the bow pulling_0 pulling_1 pulling_2 they are almost the same but still that’s 3 animations. Then was the code which is also really long about 80 lines of JSON which is not my favorite language and i had to debug it multiple times but i managed it

Then i wanted to add diffrent arrow textures depending on the arrow like if it was the Spectral Arrow it would be golden in the texture but only after drawing the textures i realized that you cannot do that with a bow only with a crossbow and that is really sad because it could have been so visually pleasing 😔

Attachment
1

Comments

Aaradhya Barnwal
Aaradhya Barnwal 17 days ago

It looks amazing .

Lukas

Now i added fire aspect to the other spears and sharpness

the spear is the item that contains the most code until now as it uses different models in the gui and when held by hand by i’m pretty happy how everything worked out but it was quite a pain to debug every time something went wrong the bug that i had mostly was the models had something wrong in them but after a while the bugs became pretty consistent and easy to spot

each spear has about 100 lines of code its all basically the same besides the model and texture paths

here is what i came up with

0
Lukas

Added Spear!

spear was a bit harder because it has different texture when its in gui ground and etc and then a diffrent 32x32px texture when in hand so the code and the textures were a bit more annoying to work on but ahh its so worth it it works so well and the emitting light is also really cool

Attachment
0
Lukas

So now that the website in desktop and mobile is already pretty good i started making the backend firstly all self hosted on localhost but in the near future i’m going to host it on my Rpi 5 so yall can experience it

I want to say that the backend was heavily made with the help of amp code i personally don’t like vibe coding much but trust me me and JS don’t go together but still i now understand learned much more how everything works so i’m not one of those people who just vibe code and then don’t learn anything.

the backend right now gets song name artist and image from last.fm and then my frontend gets the those and displays them on my website

0
Lukas

So I made the whole home page better for mobile which was very hard because i had lots of constraints in the desktop so i had to make a bit of custom html for mobile very small but still annoying but the hardest part was the homepage projects they took so much work to even get them somewhat good and i was trying to get them with images but it just did not work it was so hard oh my god

now there is only left making the text a bit smaller its too big for mobile

0
Lukas

This devlog will cover quite a lot of progress! So i started on actually coding the mobile version and at first it was a bit a pain in the butt but then everything started to click and I LOVE CSS its so easy and good.

Here is a list of things i worked on

  • Added a footer/nav instead of header/nav for mobile
  • Made cards and pages work on mobile with sizing and stuff
  • Converted Blog post and Projects page better for mobile
  • Actuall blog posts actually work
0
Lukas

Added a last commit which somehow only works on localhost and need to fix that and starting to write a about me page so people can know me better and i can share my favirute things!

Attachment
Attachment
0
Lukas

Wrote the blog post untill the end and its already live and started making more of the mobile version on figma which is quite hard to get the same type of style in mobile and desktop

Attachment
Attachment
0
Lukas

Made a better giscus theme which i’m actually happy with and it was hard and then already started to write my second blog post called: What Is Hack Club and it talks what Hack Club means to me and some other things about hack club

Attachment
Attachment
0
Lukas

Made improvements on the code and made the spear fire aspect animation which is mid but almost done ill have to make a few improvements but yeah i think its getting along

Attachment
Attachment
0
Lukas

ehm so well this is going to be hard to explain why i have so many hours so basically i added comments on the blog posts with giscus and i want to make my own styles but oh my god its hard and every change i make i have to commit so it can get the custom theme and its taking so long to get the colors right and its still not done i might just do something like adding everything the same color like all purple with white outlines so its way simpler to make but this has been a pain in the ass

oh yeah almost forgot the blog/tutorial is done that also took like 4 hours to write but it should be good

Attachment
Attachment
Attachment
0
Lukas

Shipped this project!

Hours: 48.87
Cookies: 🍪 194
Multiplier: 3.96 cookies/hr
  • Learned how to program (Yes its true)
  • Learned how to use Astro
  • Made a Blog system with .md files
  • Projects Page for my best projects that i want to share
  • Small client side JS for hours and .md file sorting
Lukas

I styled the blog posts and some of the pages also work better on smaller screens and i’m also writing a blog post and a tutorial for my blog

Attachment
0
Lukas

I remade lots of things and now the recourse pack works way better and way less code and files so what i did was:

  • textures now are layers instead of each enchantment having the sword texture in it its a base sword texture which i use in every enchantment and then the enchantment it self is only the effect like the fire from fire aspect
  • the main code is cleaner and simpler and more reliable
  • less files needed for everything to work
Attachment
0
Lukas

So i drew new textures! and added them to minecraft

but drawing fire_aspect was suuuper hard idk why but the fire just dint look right but smh i got somewhere that i’m really proud of and then also made a new sharpness texture which is just a glint which i think is appropriate for sharpness and then made one with both together also this was my first time making a animated minecraft texture and its surprisingly easy!

Attachment
Attachment
Attachment
2

Comments

wizard maddy
wizard maddy about 1 month ago

aigh beeeeet

Frog
Frog about 1 month ago

Peak cimena

Lukas

Did a bit of research on how i could do this and found no documentation but i found 1 resource pack that already did this in worse way but it was enough for me to start and understand how i could do this and its actually pretty easy and already made a texture that when you have a diamond sword and add sharpness to it it changes the texture and ohhh its so awesome

Attachment
Attachment
0
Lukas

Whoops so much time went without devloging well at least i was only working on 1 thing which was the blog system! Which i got working after well about 10 hours because i first tried to make a version all by my self and i was getting very lost many times but then i remembered that haxmas day 11 had a guide on how to make a blog website and i took lots of inspo but also deleted many many uneeded lines even with the guide it was hard because maybe half or more of the code was still mine the guide only gave me a foundation which was really helpfull and now i have a system where i can just create a new .md file with a frontmatter and then the content and it will atomaticly add it to the /blog page and in the homepage and oh my god its sooo good but my folder and file structure not so much i really need to clean it up

Attachment
Attachment
Attachment
Attachment
Attachment
0
Lukas

Today added minor things.

i added metadata, fixed some height issues, added a hackclub banner, fixed an issue with an image.

yeah thats all just minor things that change lots of things internally

Attachment
0
Lukas

So i did lots of things no many visual but added some more projects and cleaned up things as always and i put already a WIP version online! you can check it at lukasreis.com its up!!! also added the blog page no backend yet tho :pf: but looks good

Attachment
Attachment
0
Lukas

Added a JS clock! I made a clock that of course is locket to my time zone and it works its so awesome to see everything come together so well

i used temporal.now to get the clock locked to UTC

Attachment
1

Comments

Lukas
Lukas about 1 month ago

again this buged and the actual clock image does not show

Lukas

Added a few projects already i really wanted to see how would they look and its getting really good they look really good

for the projects i created a folder at src/projects and i put every project there to use in the homepage and then in the projects page

Attachment
Attachment
Attachment
0
Lukas

I have no idea how i took so long to:
Add a few things to the homepage
clean lots and lots of code i had so many classes and stuff that was just doing nothing and oh my god it took really long to clean all my files and also name scheming for classes and files.

minor but also added license to the footer.

hour and status will be changed to my local time and status will be if i’m online or offline on slack

Attachment
Attachment
Attachment
0
Lukas

So i started working on the actual projects page first of course made a version in figma and at the same time i also tried somethings for the blog page. But yeah already making the basic things for the page

Attachment
Attachment
Attachment
0
Lukas

Woah i did so much in so little time (for me) uhm yeah the home page is soo done. So i basically added the blog and projects parts in the homepage and that took also really long again because of the grids that i’m still getting the hang of but again this is coming together just as i had imagined it (and designed on figma)

Attachment
0
Lukas

So i made the homepage better and oh my god it took so long because of all the nesting with css grids and it was a headache to get it working well but in worked out! And i’m so happy with what i got

Attachment
Attachment
0
Lukas

So i figured out shit

what was broken:

  • Resizing window broke header
  • Did not have box sizing set (which broke lots of things)

And then i added/fixed some other things including:

  • better homepage (still a bit broken but its an easy fix)
  • Cleaned things in general css html stuff
0
Lukas

Woah so uhm it has been 14 hours of work already so i’ll make a brief list of everything that i did.
this will be listed in the order that i worked on them

  • Found a cool color scheme that i had the idea while dreaming it contains: Purple, Darker Purple, Yellow, Dark Grey, White.
  • Started Designing in Figma the idea of the website this took maybe a third of the time but i got basically the whole idea and vibe of the website.
  • Decided to use Astro to make my website (BTW im a programing noob).
  • Fell in love with Astro! I had never had this feeling its so good finally understanding how everything works.
  • Started getting the hang of actually programing.
  • Worked on the Header and its basically done. and it has a nav and a clean look and its fixed in place
  • Made a simple footer and its good enough for now.
  • Working on the body with a css grid to get all the “Cards” in the right place which only now I’m almost getting it working.
1

Comments

Lukas
Lukas about 1 month ago

i added more photos and videos but smh they are broken and only 1 video shows up