JavaScript shithead game

I’d started work on this some time ago, but hadn’t gotten around to fixing a couple of bugs. I finally did today!

It’s the variant that I used to play a lot when I younger (and still do occasionally) so follows those rules, but I’ve tried to build it in a way that it should be possible to modify the game to meet your rules. I quite like the Deck and Card object prototypes and I’m hoping to re-use them in another card game I’m toying with making a clone of.

I’m quite happy with the card styling too, I like the effect of the card stack and, despite the bug when you hover over the right-hand edge of the last card in a hand, I’m happy with how it functions!

You can check it out here, and the source code is on github for your forking pleasure!

Flow Free JavaScript clone

I’ve been playing a lot of Flow Free on my phone and tablet. Probably far too much, but I really enjoy it.

The aim of the game is to link each of the dots together with their counterparts via a drawn line, but you also need to ensure the whole box is filled with the lines. This means that on some levels there are multiple solutions, or that the solution you need is not obvious!

I was interested in how easy it would be to re-make the game in web technologies, so I took the opportunity to learn about CSS variables and experimented with very minimal HTML.

The result is available to experiment with on Codepen and the source is also available on github.

GREP_COLORS tool

Seems I’ve been all about the terminal customisation recently…

I use grep a lot. Multiple times every day without fail. I used ack for a while when I started at my current workplace as that seemed to be favoured by a lot of the existing devs there. However, I found that not having ack on some servers meant I was making silly mistakes when using grep elsewhere. Ever typed this:

and sat there waiting? Well I have. So I switched away from ack and became a grep advocate. This move from ack might also help explain my grep default flags, one of which (that I didn’t mention in that post..) is -P to use perlre in the search string.

Continue readingGREP_COLORS tool”

github.io pages

I’ve been sharing my code via github a lot more lately. I’ve used Google Code in the past and haven’t really used github extensively. Using it more and more now has made me feel I should share my tools via github.io, not a lot of people want to go to links on someone elses blog in case they’re using it to gain money via ads or something. I don’t use advertising, I can’t stand ads in general and block them in any way I can, so you don’t need to worry about that here!

Anyway, I’ve added my recent tools and script to a github.io page which is accessible here:

https://dom111.github.io/

I’ll continue to publish articles here as well, and would like to use this as a way to get feedback and elaborate on any interesting parts of the code I’ve written. As well as write more rambles if and when I feel the need!

terminal-preview

terminal-preview is a collection of JavaScript and CSS that will enable parsing and styling of terminal ANSI escape codes for simple preview. It’s been developed as a result of my experimenting with bash-ps1 and image-to-ansi.

I’d wanted to extract the code I used in the those projects into a stand-alone project/component that could be added to an existing page where ANSI escape sequences need to be interpreted. I’ve toyed with the idea of making it a Web Component or something like that but haven’t just yet.

Continue reading “terminal-preview”

Learning Perl through code golf

Before I started with my current employer almost six years ago I moved from a small, privately-owned, web development company with a few developers working in the languages we chose (or at least, could make a good enough argument for) and with tools recommended by each other or the latest and greatest libraries we’d recently discovered. This was great fun and whilst we dabbled in other languages, learning Ruby and Python, tinkering with shell scripts and Haskell, there were things we didn’t touch because we didn’t have to. That was, until another developer that was no longer with us, created a Perl script that needed updating. The fear in our eyes when that script came up, or when it needed to be used again for another client…

Continue reading “Learning Perl through code golf”

Poor man’s __git_ps1

Recently one of the remotely maintained servers I worked on regularly has started to exhibit slowdowns in bash. It started only occasionally, perhaps as a result of a high number of users or long-running script, but become a lot worse and resulted in a few seconds delay every time a new prompt was drawn. A few seconds may not sound a lot, but can be incredibly frustrating!

Upon a bit of an investigation I found that the culprit was the call to __git_ps1 in my $PS1 variable. Removing this made the bash prompt speedy again! Hooray! However, having the current branch on my screen immediately is infinitely useful and I can’t really live without it any more, so I carried on digging.

On this particular set of servers git has been replaced with a set of custom script that perform a lot of tasks. This means that calls to simple git commands run a LOT of other commands, logging and getting repo information among other things. I thought about replacing all the references to git in the git-prompt.sh file with the direct path to the binary, but thought it shouldn’t be too tough to just get the information myself using the information in the .git folder.

The result is this bash function.

It’s fairly primitive, it checks the current path for a .git directory, if it doesn’t find one, it goes up one level, until either finding one, or hitting the root. It printfs the result in the same way as the real __git_ps1 and handles the basic states like |MERGING although doesn’t detect a detached HEAD any other similar states, but serve the main purpose, now I can correctly see my current branch and avoid committing the wrong thing to the wrong place!

Feel free to share if this is useful and let me know if there are any minor improvements (short of using the full version!).

Dissecting your bash prompt

I’ve always noticed really elaborate examples of what can be achieved with a highly customised PS1 variable for your bash prompt and recently have spent some time playing with my settings to make my terminal experience better with a few updates. I also felt that I would have benefitted in the past from being able to analyse what my prompt currently does, breaking it down into easier to digest blocks, so I can make more sense of what each part does.

As a result of that curiosity, I’ve created a small page that allows you to paste in an existing PS1 from your terminal which will then be parsed and previewed with some basic dummy details (which can be changed by clicking on the identifier in the preview area).

I’d like to make it into something like EzPrompt with support for 256, or even true colour additions and collate some useful scripts for displaying additional information, but at the moment it’s useful for seeing what each block does at least.

It seems to cover most of the examples I’ve tested in various searches, but the more inline-code is included, the less it can display.

Check it out here and the source is available on github.

Convert an image to ANSI escape codes

I’ve been working on cleaning up my dotfiles recently and have been playing with my PS1 and the available colours. In doing so I thought it might be interesting to extract image data from an uploaded image and turn the result into a nearest-match ANSI image. This is the result! It supports both 256 colour and true colour terminals and can utilise unicode code points to present a clear image in slightly fewer pixels as well as just using background colours and spaces if preferred.

It includes a live preview which I’ve lifted from the bash PS1 parser.

Check it out here!