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:
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.
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.
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.
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.
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.
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
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.
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)
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.
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.