Activity

toderodavi

https://lapse.hackclub.com/timelapse/MQARP09ihXeN

The first UI! (prototype)

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!

Attachment
1

Comments

toderodavi
toderodavi about 11 hours ago

The idea is to make the ‘player profile’ in the right draggable into the roles bubbles in the left.

toderodavi

My newest project!

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.

1

Comments

toderodavi
toderodavi 1 day ago

Also, I have zero experience with Unity, bepInEx, ILSpy or C#. About devblogs, for this project, I’ll try to maintain 4 hours for each, as it probably will be the time for me to develop meaningful features. The next devlog will have to do with the GUIManager of the game! (The same class used to change the hero text in the video).

toderodavi

https://toderodavi.github.io/feedback-form/


Changelog

  • Textarea is indeed the protagonist!
  • The SQL Injections are a serious matter!

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.

1

Comments

toderodavi
toderodavi 6 days ago

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)

toderodavi

https://toderodavi.github.io/feedback-form/


Changelog

  • You can pick your favorite color! (of 30~ options, named in hexadecimal)
  • A really annoying mouse trail that you can’t disable!

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!

1

Comments

toderodavi
toderodavi 7 days ago

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.

toderodavi

https://toderodavi.github.io/feedback-form/
Give it a shift + f5 to hard reload css/js!


Changelog

  • You can now insert your birthday!
  • The form can’t be submitted! (it would be fitting for the theme, but it will be fixed because we care a lot about our users!)

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!

Attachment
1

Comments

toderodavi
toderodavi 8 days ago

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!

toderodavi

https://toderodavi.github.io/feedback-form/


Changelog

  • Refactored JS and CSS, they are more readable and maintainable now (not the move button, this one won’t)
  • TextArea is weirdier!
  • The page has the icon of an airplane! For no reason!
  • The rainbow grows menacingly!

Expect big things for the next post!

Attachment
0
toderodavi

We are so back!

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/

Changelog

  • CSS selectors are crazy! Some things are being removed from the js and going to the css
  • Now there is a menacingly growing rainbow border! (idk why, I just felt like it)
Attachment
1

Comments

toderodavi
toderodavi 10 days ago

The site won’t be updated until the next blog - As I’m still refactoring and adding some things

toderodavi

Shipped this project!

Hours: 10.74
Cookies: 🍪 235
Multiplier: 21.87 cookies/hr

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!

toderodavi

https://toderodavi.github.io/feedback-form/
(check the site yourself! The video is a small showcase for this update)

Changelog

  • Form now can be submitted!
  • Textarea is the main protagonist!
  • Some general adjustments in styles

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.

0
toderodavi

https://toderodavi.github.io/feedback-form/

Changelog

  • The move-to-the-top and move-to-the-bottom button!
  • The textarea has anxiety!

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.

0
toderodavi

Available on: https://toderodavi.github.io/feedback-form/

Changelog

  • Updated the form style
  • Updated the apology letter
  • Updated the button to close the apology letter!
  • Added inputs and labels!
  • Site is now available from github pages!

This time there won’t be a video showcase; check the site!

Attachment
0
toderodavi

Feedback form for our services and products.

Features

  • Formal apology letter for the user
1

Comments

toderodavi
toderodavi 17 days ago

And lots of time planning the next UI components!

toderodavi

WIP for the next update!

Features

  • One way teleports can be created!
  • Two way teleports are still here!
  • Toggle that shows all wormholes hitboxes and directions!
    … And you can’t actually disable the toggle. I mean, it’s the intended feature, right…?
1

Comments

toderodavi
toderodavi 20 days ago

For anyone who may be interested in why the hitboxes squares were ‘leaking’ out of their respective wormholes shapes:
$
Owlbear Rodeo is completely built in HTML, CSS and JS. This allows a variety of things to be created, as my extension itself uses Typescript and React (I can even display React components into the tabletop!)
$
Every element in HTML have a position. This position refers to the element top-left corner (x,y) pixel position.
$
As scene items in owlbear takes from HTML, an element position in the scene will also be it’s top-left corner.
$
The problem is that… a circle doesn’t have a ‘top-left’ corner, nor a shape composed of various points (as the ones in the top). Because of this, you need to take some more steps (eg. calculating the centroid of the shape) to get a usable position.
$
Anyway, their hitboxes shouldn’t be like that - will be fixing them for the next blog!

toderodavi

Character token made by: t8y

As the first actual blog for the project, I wanted to give some insight on why I took 10 hours to achieve a simple teleport function and expand on ‘why’ of the project.

Features

  • Select two Items in the scene to ‘link’ them, creating a wormhole.
  • Drag an Item to a wormhole and it will be teleported to the other side of it.

The 10 hours

Unknown to me, Owlbear SDK hasn’t been updated in more than a year. Not only, but the tools provided by it are far from extensive. In other words - they don’t really give proper tools to create a teleporting functionality and the documentation for the SDK… barely holds itself together. It’s pretty much “here, take those functions!” and you figure the rest yourself.

So yeah, the 10 hours spent where trying to figure workarounds the limitations of the SDK and fixing unexpected bugs. It also was a huge test of my typescript knowledge, as I had to back track a lot on the progress of implementation because of typescript screaming that I was typing things wrongly…

Why all this trouble if out there is the Portals Extension?

Well, the GM of the table I’m currently playing stated to me how Portal was ‘buggy’, not working as intended. As I had no idea for a project for this event, I suggested I could give it a try on remaking it.

Ironically or not, in those 10 hours I happened to understand why the errors she spoke about are happening on the Portal Extension, as they also are happening on mine. It goes back to what tools the SDK provides and their respective limitations.

Next updates

I plan to add visual cues about what Items are linked to what and other visual feedbacks so the experience of creating wormholes is overall better and intuitive, as well the option to create one-way wormholes. All in all, the next devlog may be the last for this project.

Bye bye!

1

Comments

toderodavi
toderodavi 21 days ago

Repost with the video attached!

toderodavi

Initial work on the extension.
This commit was mostly testing with the API features and getting a understand of the Owlbear SDK.
I probably will have to delete everything made up until now to recreate the project in typescript.

Images: Showcase of the implemented tool (simple line tool for testing)

Attachment
Attachment
0