Sebastian Wu

Debugging and running the code on the pi continuously to TRY AND GET THE COLOUR DETECTION TO WORK WITH MY CRAPPY WEBCAM AHGDHSFHHHH (idk if this is the correct hackatime workspace or wtv that i added but the time looks abt right) but it does work now hahehahehaha….

I fixed the edge detection & corner detection for scanning and applying masks. Now it actually says that there are four corners found, but before, it was saying there were six, or five, or three, which meant it wasn’t a quadrilateral. This was fixed by stronger morphological operations which took me quite a while to figure out…

it now kinda works on the pi but the colour detection isnt fully working for some reason..
it does stop though

woo it works! almost ready to ship! (havent tested on raspberry pi YET), HOWEVErRRRRRR the code now can detect if the cube is a quadrilateral , and correclty identifies all colours, and it somehow actually works on a mildly saturated background!

More robust testing to check if it’s solved. If there are opposite sides on the cube that are detected (e.g. blue & green at the same time), and are both over 5000 pixels in area (the threshold value), it will not detect it as solved, since there are impossible colours.

Figured out the logic for detecting sides! And also integrated it into the alarm. Now all that’s left is to further add some more verification for detecting if it’s solved or not, and then migrating it to raspberry pi :)

output is attached below when i run the detection:

• cube sensed: true
• sides solved are listed
• number of faces solved = 3; hence cube is solved

First ~2h30m is mostly finishing the freecodecamp tutorial (https://www.youtube.com/watch?v=oXlwWbU8l2o).
Next ~1h was spent making the detection file, where it creates masks and detects if there are three or more colours shown in the picture. If there are, it returns True. trying to find the right upper and lower bounds killed me :(

Today (and the following ones) will probably be largely just learning the basics of OpenCV.
The code can currently detect edges & contours, but will probably need to be modified VERY heavily cuz… well… you can see the image… but progress is progress!
Today’s progress - I can now:

• Read images & Video
• Resize images & video
• Draw shapes & add text
• Manage essential functions (grayscale, blur, edge cascading)
• Contour Detection

made & finished time travel slider - u can now view multiple past versions of the site. obv rn its placeholder stuff but ill change the stuff to match the commits when i feel like it

Hi! If you’re just stopping by, feel free to star this post or follow this project!

I’m actually surprised that this took 3h, but it was mostly me rather than AI hehe (+ a bunch of tweaking to css). I’m overall pretty happy with how it turned out. I think I’m going to add one more tab and then a few more easter eggs, and it’ll be ready to ship!

Hello! If you’re just stopping by, feel free to follow / star this project!
But anyways, this devlog logs two new pages added, including a guestbook page (which replaced the photography button on the navigation page), as well as one featuring my Cubing stats. The snapshot feature seems to kinda be working now but that’s probably something I’ll be working on in the future. I’m overall pretty happy with the turnout, and I’m beginning to get a good grasp on react. Hopefully I can be coding mostly without claude as my crutch by the end of the week? :)

I made a bunch of changes, not really to the base functions, but rather to the looks and stuff. Every graphic / former emoji now sources from the Lucide React library. Claude/I did a reorganization of the files (it added a backend for some reason but I’ll just keep it there for now). In addition, there is now a photography page, with photos I’ve taken (layout kinda inspired by vsco.co), a background for the website, so the ‘translucency’ (?) is more visible, and a bunch of CSS changes (a lot of the three hours were just fixing CSS 😭). There were some other features added though, including a shattering effect when you enter the konami code (up up down down left right left right B A), a navigation button, and a time travel slider that is in progress, which will hopefully show the viewer different iterations of the website in the past when completed.

Next steps are probably adding a few more pages, fixing/fully implementing the time travel slider, connecting a few things, and maybe changing some other aspects of the CSS.

Also, thank you +raghavbansal.sphere for the suggestion! Unfortunately I didn’t see it till now, but I will likely implement some form of an achievements/projects section in the homepage!

Feedback is welcome :)

This is the first version. I’m thinking of doing a massive overhaul and changing a lot of stuff in the future but whatever. This is mostly inspired by apple widgets and the liquid glass aesthetic (although there is no background). But it has all I really want for the basics of the website so that’s that. Built using React.