crsnbrt

4 ms·

1. 1.▲
   by crsnbrt 6y ago

   It's a react app using three.js or the keyboard rendering
2. 2.▲
   by crsnbrt 6y ago

   thanks, I'll take a look
3. 3.▲
   by crsnbrt 6y ago

   You can also use space or enter to activate i made sure you can do everything from the keyboard alone. Adding an extra keypress was by design, since I have to generate new textures i.e. ( https://raw.githubusercontent.com/crs
4. 4.▲
   by crsnbrt 6y ago

   thanks for the feedback, I probably need to separate the background from the ui accent color. Any colorway with a dark accent will increase the "brightness" to for a more accessible contrast ratio.
5. 5.▲
   by crsnbrt 6y ago

   Thanks, you're right it could use a few more layouts, 75% is probably the biggest omission. I didn't want it to be too overwhelming with too many variations as I see this as more of a tool to get a vibe for what a board could look
6. 6.▲
   by crsnbrt 6y ago

   the design was based on the candybar ( https://thekey.company/collections/candybar ) but there are a lot of similar boards as well.
7. 7.▲
   by crsnbrt 6y ago

   That mk sticker shock is no joke, part of the inspiration for this :)
8. 8.▲
   by crsnbrt 6y ago

   I'm not sure if the official name for this is 50% but I included it because, as a lefty, I love the idea of it. no experience using them however.
9. 9.▲
   by crsnbrt 6y ago

   I modeled the json for building the boards around qmk ( https://beta.docs.qmk.fm/ ) for example a board layout: https://api.qmk.fm/v1/keyboards/dz60
10. 10.▲
    Show HN: Keyboard Simulator – virtual keyboard designer(keyboardsimulator.xyz)

    210 points by crsnbrt 6y ago|63 comments