Heatmap generator incoming

Our newest moderator @Dimava has created a plugin for the forum that will automatically generate heatmaps for funscripts.

We are demoing it in a private discourse at the moment and this is on the way. Once it’s ready this will work for ALL posts. So once it’s ready it would be a good idea to go through and remove the old heatmaps (optional). This is what it will (roughly) look like:

Update

Heatmaps are LIVE

Please use this thread for feedback
Heatmaps are now in all themes excluding minima

15 Likes

I’m not a fan of the clutter and this might discourage me from posting scripts unless the heatmap design is changed.
I’d be fine with it if the header color reflection was removed so all the text is over one solid color. Or at least make it less intrusive, such as being a thinner color strip at the top or bottom. Just not behind the text.

3 Likes

The idea is good, but I also think it is a lot of clutter in the suggested heatmap. Keep it simple for “readability”.

  • Use one visual style instead of having two variants in the same image.
  • Let text be written on a solid neutral color instead of having it written over the colors in the heatmap (required to support different visual themes).
  • Remove that L0 box on the far left. (I don’t understand its purpose, but I assume it has one).

Is the “1.funscript” counter (length, size) part of the image or is it just how you took the screenshot? If the click counter is included in the image then the heatmap will need to be generated for every refresh of the page. That seems like an unnecessary load on the server.

4 Likes

It’s the script’s axis, since these heatmaps are multi-axis compatible. L0 is the MFP designation for the regular up-down single axis script.

Someone saying that they wouldn’t post scripts anymore just because they didn’t like the heatmap design feels a little shallow imo. Removing old heatmaps is (optional), and I don’t see any mention of a rule that you couldn’t continue to post your own design.

That being said, since this is a plugin for the forum, I wonder if it’s possible to add and choose between heatmap styles under preferences. Something to think about after it’s up and running.

2 Likes

Cool idea to have a plugin automatically making heatmaps, really convenient.
How would this work? I assume I would need to upload the script and then the heatmap gets generate from that?

Only thing I am missing are chapters. I really like to have chapters in the heatmap. Makes it easy to see what sections a video has, how long they go and how intense they are.

To clarify, I’m not holding scripts hostage (I’m not really a scripter). I’m expressing my feeling about the design and how I’d feel about it appearing in my topics.
I’ll concede that being discouraged from posting because an image I find unappealing would be added to my post is shallow. That criticism is very fair.

2 Likes

In my opinion, starting with the older design that didn’t have the color bands and then later adding an option for other designs, like @bringiton23 mentioned, would be a much better idea.

The current iteration looks like an accessibility nightmare. Raw text without borders or shadows shouldn’t be rendered on top of a colorful background without knowing both the text and the background beforehand - in this case, since it’s generated, you don’t know either, and adding a border/shadow would make it even more cluttered.

2 Likes

This. It’s ugly as fuck. Sorry to say that. Let people decide by themself.

The idea itself is good, but someone should be able to opt out and post their own heatmaps.

1 Like

I’m a programmer, so my designs are data-centric rather then UI-centric
@here if you have suggestions on how to make it better please tell

The image is SVG generated on client and it consists of:

  • gradient layers - based on average speed
  • script line layer
  • texts
    It may lag a bit for len-60-plus scripts and a lot for pages with 100+ scripts
    If fetches the script so we have to make sure it doesn’t count as a download

Plans:

  • not available for Scripts > Paid Scripts at start, paid scripters will be able to generate and upload images from editor
  • make L0 show $ for paid scripts
  • If the scripter has some design preferences we may consider making script theming
4 Likes

On the one hand it’s a good idea and we’d end up with a standardized heatmap format and we get key stats, especially duration. (I find it annoying when duration isn’t posted, but I digress).

But the text cannot be easily read in it’s current format shown in the example. It needs to not be overlaid on the heatmap and instead be a separate element that contrasts with it’s background.

Also, I do not quite understand how it will be invoked. If you post a funscript file to be uploaded and stored on Eroscripts as most free scripts are, I can see how the plugin would come in automatically and generate your heatmap.

But some people like to post their free scripts on their Mega or other platform. So how would the plugin be invoked for them?

And paid scripts don’t get posted on Eroscripts at all, so how will they have their heatmaps generated?

EDIT: I just read @Dimava 's post about paid scripts.

EDIT: To be constructive, it seems to me like there should be a manual method of invoking the heatmap generator for scripts not hosted on Eroscripts. Maybe a special forum bbcode or something, to which you supply a copy of the funscript, so that it generates the heatmap using the plugin and then stores only the generated graphic on Eroscripts without storing the funscript itself. I do not know if that is technically possible.

2 Likes

It’s a theme thingy, if you have specific preferences we may just integrate them to user theme settings

Intent was having a “line” map for understanding value and “gradient” map for understanding speed - from beta.funscript.io maps and OFS maps accordingly. I just took both without thinking because why not.

It’s “axis” mark, it’s required for multi-axis, currently is has Axis (L0-R2), Handy (hand emoji) and planned Paid ($) variants

It’s the link itself. Theme component inserts SVG inside the link.

I need a designer so I there’s no point in replying to this. (its badly worded but hopefully you get what I mean)

For free scripts it fetches the script from client and generates SVG
For paid scripts there will be a field in editor, by dropping funscript there it’ll generate PNG on client and add it to the post

Great thought, I need a design. Didn’t really use them so they’re not in SVG yet

It won’t be added it’s generated on client

I don’t really like having Heatmap/Time/Script sections so they are all merged
Script duration is still visible after the script link (4:37 on image)

1 Like

The image generator is same as on
http://funscript.dimava.ru/bright/
but will be polished a bit

Before this topic was made, I had sent you a message on the Discord server with a suggestion, and I have suggested it again in this topic: please try making the text background cleaner. Other people have also suggested the same here.

In terms of design, your old iteration without the gradients was pretty nice and clean. It had a clear intent and it was easy to read. The problem arises from…

Taking two things that work in isolation and putting them together as is sometimes work, but often leads to something worse. It’s like, milky drinks are great, sodas are great, then you mix them up and you have instantly curdled milk.

I think the design would be fine without the gradient bars - the colors of the lines already indicate speed, even if less accurately.
The current design could also be fine if the gradients didn’t extend to the top bar where the text is rendered.

To reduce the confusion on how it looks like I’ve uploaded a new image

I find proper font with properly configured background much more readable then Vlad’s screenshot

A couple of suggestions for slight changes:


I would appreciate it if other users come up with their own concrete thoughts and suggestions.

1 Like

Actually, maybe the left square should have lower opacity

1 Like

I think mockups are best for showing us what you want.
As well these aren’t images being generated on posts.
These are rendered live in the browser as you see funscript attachments in a page.
There’s a bit of JavaScript that runs, pulls the script and generates the heatmap embedding it locally.

It might be possible to give users the option of what heatmaps they want to see, would require a plugin and some integration with the theme.

Yeah, I checked the demo to understand what Dimava meant.
The script attachment link becomes embedded within an SVG element in the post.