Has been some time since I made something!
When I saw the WebOS sidequest, I thought of making a portfolio based on the Sword Art Online menu. I don’t actually think this classifies as a WebOS (maybe if you narrow your eyes a little?) but I really like the idea, so I’m giving it a try
The append is a timelapse of me designing the first part of the menu
Log in to leave a comment
I underestimated how troublesome would be to get this UI to work. For a simple feature as a toggle that readjust the layout showed in the video, it took me almost 7 hours, a little more than 300 lines of code, a lot of refactoring, debugging and messing with unityExplorer. I even talked with other modders from the PeakModding Discord to understand how I could do this… Either way, the foundation is here!
Log in to leave a comment
I shipped this project when I thought the deadline for the jam was done - to it get moved one week away. In the additional week, I made more additions to the project. Now that my previous ship got enough votes, I’m shipping it again (now the actual version submitted to the jam). If you are one of the voters for the past ship, sorry for the confusion! I also didn’t meant to cut in half this project ship! And in case you really liked the project, vote for me in the jam when the voting opens! https://borked.irtaza.xyz
https://lapse.hackclub.com/timelapse/MQARP09ihXeN
The link above is a timelapse of me designing in Figma the interface for role assignment the mod will feature. I’m not sure I can actually replicate this in-game, but is the thought that counts, right? … Right?
The attachment is the finished version from Figma!
Log in to leave a comment
A mod for Peak that adds the ‘blind-deaf-mute’ challenge to the ascent!
I had this idea while playing with friends and I decided to give it a try. I have some ideas to bring this challenge as a “gamemode” other than just an unfair challenge. I mean, it’s still going to be unfair in it’s own terms, but I want to make it a little more special. Let’s see if I pull this off! The attachment for today is a simple patch. Most of the time logged was me setting the initial template and understanding how to use ILSpy.
Log in to leave a comment
https://toderodavi.github.io/feedback-form/
The plane for favicon and project banner are from lucide icons. I recommend this site if you need to find icons for your things!
Log in to leave a comment
Your demo is messed up try to fix it.
Weird, I just tested it and seems alright. What happened?
https://toderodavi.github.io/feedback-form/
Well, I’m making this the final version of the project, at least for the voting phase of the Jam. If someone liked the project, vote for it! voting will be enabled in the next week. It would be cool to get in the leaderboard! Today I saw some entries and I’m not so confident of making it - still, this also is my first project with a follower and a commenter! So I guess at least two people found it cool.
Log in to leave a comment
Also: Before I ship the project again (still waiting the previous ship to get enough votes…) I may add some things, in case someone gives me feedback. If you want to, just fill the formulary! (jk, please don’t try to send something by the form, just send it here, in the repo or in slack dm)
https://toderodavi.github.io/feedback-form/
As the deadline is tomorrow and I ended up adding quite a lot of things, the next blog may be the last. Will the textarea continue to be the main protagonist?! Will I add a new pointless feature instead of wrapping up this project?! Give a follow for the project to know!
Log in to leave a comment
Uhh, fun fact about “select” in html:
The dropdown it creates is actually an OS generation. Like, the own OS generates the dropdown with it’s own assets. As I only was capturing the browser’s screen, when clicking the select, the dropdown doesn’t appear (as the rendering occurs on the OS). This also makes styling and targeting of this dropdown more limited in CSS/JS. Initially, I wanted the dropdown to cover the whole screen with a lot of options, but it would only be achievable by creating a ‘custom selection element’, which would take a little time figuring out and I decided to let the idea aside for now.
https://toderodavi.github.io/feedback-form/
Give it a shift + f5 to hard reload css/js!
The attachments are just some wacky happenings of the implementation. I must say, getting this binary search was harder than I thought!
Check the site for the working feature!
Log in to leave a comment
I wanted to put the working feature video here, but apparently I can just attach 1 video per blog, so I decided to let the unexpected happenings! Check the site for the working feature!
https://toderodavi.github.io/feedback-form/
Expect big things for the next post!
Log in to leave a comment
the Jam deadline was moved to the 25th.
So, I decided to add some new things - starting by refactoring what was already here!
https://toderodavi.github.io/feedback-form/
Log in to leave a comment
The site won’t be updated until the next blog - As I’m still refactoring and adding some things
Project is shipped for the Jam!
This was an unexpected first shipped project for me, as I expected it to be the extension I was doing (I’m looking at you, Owlbear! Just you wait!)
Anyway, It was my first actual experience using the DOM, moreover to actually screw with it. It was really fun to make weird inputs and chaotic animations! I didn’t even perceive the 10 hours I spent on this project.
If anyone who sees the project happens to have a cool idea to implement, tell me in the repository or here and I will look into it! Or feel free to make a pull request!
https://toderodavi.github.io/feedback-form/
(check the site yourself! The video is a small showcase for this update)
That’s the final devblog for this project (at least for now!) It was a cool experience to mess around with JS and CSS to make an actual horrible UI experience. Being honest, it was kinda hard to get some things working, resulting in some cool things I wanted to add being left out because of the Jam’s deadline.
Log in to leave a comment
https://toderodavi.github.io/feedback-form/
Next blog may be the last for this project, as the deadline for the Jam is closing in and most of my ideas are already implemented.
Log in to leave a comment
Log in to leave a comment
https://toderodavi.github.io/feedback-form/
Log in to leave a comment
lmao, potentially one of the finest forms of all time
Just you wait for the next updates!
Available on: https://toderodavi.github.io/feedback-form/
This time there won’t be a video showcase; check the site!
Log in to leave a comment
