Made a simple browser tool to build Cock Hero charts for any video / song

[er0ktshn]

Hi everyone,
Long-time lurker here — this forum has been my main source of new Cock Hero releases for a while, so first of all, thank you to everyone posting here.
I wanted something I could use to throw together quick Cock Hero charts for my own favorite videos and songs, without learning a full DAW or video editor. I couldn't quite find what I wanted, so I built it. Sharing it in case anyone else has the same itch.
make_hero_notes is a small browser-based chart editor + player. Everything runs locally — no server, no upload, no account.
Try it:

• Live demo: https://zingy-scone-f1f357.netlify.app
  Source: https://github.com/pianyon/make_hero_notes
  Movie: https://drive.google.com/file/d/1Xk974R ... sp=sharing

What it does:

• Editor — set BPM / Offset, build patterns in a step sequencer, arrange them on a timeline, export as JSON
  Player — load chart JSON + your audio + (optional) your video, and it overlays falling notes synced to the beat
  Built-in metronome to help you nail the offset
  Theater mode (Ctrl+Enter) for clean fullscreen playback

Workflow is roughly:

1. Pick a song, find its BPM and offset
   Build a few patterns (verse, chorus, etc.) in the step sequencer
   Drag them onto the timeline, set repeat counts
   Export the chart, load it in the player along with the video, hit play

Limitations / honest disclaimers:

• Single-lane charts only (one note stream, no left/right or multi-color lanes)
  No funscript export — it's purely a visual chart player
  No automatic beat detection — you enter BPM manually (or tap-tempo it elsewhere)
  I'm a Japanese native speaker and lean heavily on AI to write English, so please forgive any awkward phrasing. I read English fine, just slow at writing.

It's MIT-licensed, so feel free to fork or strip it for parts. If anyone gives it a try I'd be curious to hear how it goes — but mostly I just wanted to put it out there in case it's useful to someone.
Thanks again for keeping this corner of the internet alive.
https://github.com/pianyon

[palvinolag]

My User Interface is in Japanese.

[juliasilva]

would be great if one could generate the beatbar while playing the video by hitting spacebar on the song rytm

[juliasilva]

I wrote myself a improved version with suport for editing beatbars live during playback by hitting spacebar, I will try to fork it into your repo once I finish a few improvements, or I can just share here later my repo link of my fork once I get it to github

[LateBoy]

..... make_hero_notes is a small browser-based chart editor + player....

Sorry I ask. But what should it be used for?

[er0ktshn]

My User Interface is in Japanese.

Sorry about that! It's Japanese only for now, but I'm planning to add English support.

[er0ktshn]

I wrote myself a improved version with suport for editing beatbars live during playback by hitting spacebar, I will try to fork it into your repo once I finish a few improvements, or I can just share here later my repo link of my fork once I get it to github

That sounds awesome! Are you the one who sent the PR on GitHub? If so, thank you so much! I'd love to merge your improvements. Looking forward to it!

[er0ktshn]

..... make_hero_notes is a small browser-based chart editor + player....

Sorry I ask. But what should it be used for?

Here's how to get started:

1. Download the zip from here: https://github.com/pianyon/make_hero_no ... s/main.zip
2. Extract the zip file
3. Open index.html in your browser

For detailed usage instructions, check out the English README: https://github.com/pianyon/make_hero_no ... ADME.en.md

[juliasilva]

You could also update your hosting link to match the latest version on GitHub.

That way, anyone can use the latest version with the same URL, and your live app won't be outdated.

If Netlify generates a new URL with every merge, you'll only need to edit the initial message and replace the link with the new one.

JP AI Translation: そっちのホスティングリンク、GitHubの最新状態に合わせて更新っておくって手もあるよ。
そうすれば同じURLで誰でも最新版が使えて、ライブアプリが古いままになることもないし。
もしNetlifyがマージのたびに新しいURLを生成する仕様なら、最初のメッセージを編集して新しいリンクに差し替えるだけで済むから。

[LateBoy]

...........A Guitar Hero-style rhythm chart editor and player that runs entirely in your browser. No server, no install — just open the HTML files............

Sorry I ask. But what is it for, what does it do ?

[er0ktshn]

...........A Guitar Hero-style rhythm chart editor and player that runs entirely in your browser. No server, no install — just open the HTML files............

Sorry I ask. But what is it for, what does it do ?

Sorry if it wasn't clear! In short, this is a simple browser-based tool to create and play visual falling-note charts for any video or song (without needing a complex video editor).

You can use it to:

1. Set the BPM and build your own note patterns.
2. Arrange them on a timeline.
3. Play the video/audio with the falling notes overlaid on top!

(Note: It's purely a visual player and single-lane only.)

[er0ktshn]

You could also update your hosting link to match the latest version on GitHub.

That way, anyone can use the latest version with the same URL, and your live app won't be outdated.

If Netlify generates a new URL with every merge, you'll only need to edit the initial message and replace the link with the new one.

JP AI Translation: そっちのホスティングリンク、GitHubの最新状態に合わせて更新っておくって手もあるよ。
そうすれば同じURLで誰でも最新版が使えて、ライブアプリが古いままになることもないし。
もしNetlifyがマージのたびに新しいURLを生成する仕様なら、最初のメッセージを編集して新しいリンクに差し替えるだけで済むから。

Thanks for the advice! I just connected Netlify to GitHub, so it'll automatically sync from now on. Appreciate it!

[zou2oury]

Thanks bro --but how we can include many pattern in same videos?