←back to thread

Show HN: Bicyclopedia

(bicyclopedia.lemoing.ca)
123 points lemoing | 2 comments | | HN request time: 0.001s | source

Hey folks!

A bit of background: I'm a software engineer by trade, but I'm currently on sabbatical doing a year-long working holiday in Australia. I love riding bikes but only had the most beginner-level knowledge of them before I found a job at a bike shop. This was a fun personal project to try to capture some of what I've learned so far, targeted at fellow beginners. It's going to be incomplete/lacking if you already have some bike knowledge, but I hope you all enjoyed it all the same.

Please keep the feedback coming; it's late in Australia, but I want to make sure the bike info is at least accurate, if not comprehensive!

Show context
Evidlo ◴[] No.45003974[source]
Cool!

The text printing time felt pretty long to wait for the whole paragraph.

Also another simpler approach might be to use SVG animations like this: https://codepen.io/mikemjharris/post/svg-toggling

replies(1): >>45004247 #
lemoing ◴[] No.45004247[source]
Thanks for the feedback! I think the text speed might be an issue with my implementation: it adds a single character on each animation frame with a WPM speed limit, but this would cause problems if a device isn't able to animate very quickly. A better approach would probably be to use the wall clock time to figure out how many characters to add on each animation frame.

As for SVG, I've used that in other projects but since I was working with pixelated drawings instead of vectors, I chose canvas instead. The downside is having to do a lot more of the work on animations yourself (but this ended up being an upside for me since it was a lot of fun :) )

replies(2): >>45004462 #>>45009480 #
1. hamdingers ◴[] No.45004462{3}[source]
What's the WPM limit you're using? It seems to be significantly slower than my silent reading speed.
replies(1): >>45004540 #
2. lemoing ◴[] No.45004540[source]
It's set to 3600 characters per minute here, so 60/second: https://github.com/nlemoing/bici/blob/main/bike.ts#L451