26 points dh1011 5 hours ago 18 comments

I made hjkl to help myself remember Vim commands. It’s a little browser game you can play when you want to unwind and get a bit of Vim practice in.

There are still a lot of commands I want to add, but I hope someone finds it useful in the meantime :)

jaydonb 3 hours ago | parent

This is great, definitely going to be using this to practice!

One note: It might be useful to keep the "undo" prompt when the user messes up after the first two prompted lessons for a clear recovery path.

Thank you for making this!

dh1011 2 hours ago | parent

Thanks for the suggestion! I will add that in.

senectus1 3 hours ago | parent

oh man this is great. thank you!

dh1011 2 hours ago | parent

Thanks for trying it out!

anil_gr 3 hours ago | parent

Cool, a small ux issue I noticed is that the grid cells are not clickable as a whole.

dh1011 2 hours ago | parent

Agreed, it would be nicer if the whole cell were clickable. I’ll work on this. I also recommend to use hjkl to navigate and Space to select. I think that’s more fun :).

usrme 3 hours ago | parent

I did the first challenge or exercise, but I was honestly a little surprised that Vim motions aren't able to be used to choose the next exercise(s) in the sidebar that becomes visible. That could potentially be something that the player unlocks later on as well.

dh1011 2 hours ago | parent

Good idea! I will work on this.

glibg10b 2 hours ago | parent

For all of the ciw examples, ce is easier since the cursor is at the first letter of the word.

Where dw works, this game teaches vlllld instead, which is a bad habit to teach.

Ctrl+A increments the first number after the cursor, which is easier than, say, f6r7 in cases where they do the same thing. Similarly, Ctrl+X decrements.

t:t: is weird when fY is much easier.

The Vim simulator has a minor difference compared to real Vim:

    0
    0
Start on line one and do CTRL-V then j then CTRL-A. Real Vim would increment both. The simulator only increments the one under the cursor.

sponno 1 hour ago | parent

Very annoyed I cannot operate the website with the keyboard, have to do the practices then use my mouse.

alabhyajindal 1 hour ago | parent

very cool! one feedback - when i selected all skills the game started with all the options of "fix a typo" first - i would like a version where all the challenges are jumbled up.

also there is an opportunity to turn this into something like vim.golf but in the browser

parasti 58 minutes ago | parent

This got a laugh out of me. I guess I practiced vim commands in the most boring way - by using vim.

syngrog66 49 minutes ago | parent

vim use is whats reliably helped me to remember vim commands. a bonus is I can use the same tactic for all other software and in many other domains where I'd like to keep related skills fresh in mind, at figurative fingertips

etuil 41 minutes ago | parent

the marker "ma" exercises are a bit confusing since you do make a marker but in most cases you don't have to go back to make a change to that marker

autuni 16 minutes ago | parent

I have considered getting into Vim a couple of times because it always seemed like the thing to do, but never did.

It does not make sense to me that I should use an editor I need to study and practice for. It can't possibly that much more efficient, especially given that usually speed is not the limiting factor for what I do.

Maybe one day I will be tempted to find out why it's supposedly worth it again.

glibg10b 10 minutes ago | parent

For me, it's about comfort. No need to bounce my right hand between the home row, the arrow keys and the mouse. No need to stretch my left pinky to Ctrl and Shift for every shortcut. Everything is near the home row in Vim, by design.

internet_points 9 minutes ago | parent

The best game to learn hjkl movement will always be nethack :)

francescobonomi 5 minutes ago | parent

This unlocked the memory of when I first used vimtutor and discovered the beautiful world of vim