in which i spend way too much time going “what was that one game where you can either fix a pond ecosystem or a toilet?”

i’ve been taking a trip down memory lane (there’s so much future to live, not sure what the point is, but it is kind of fun :] )

Here are some of the games I remember playing (with the help of google. sweet oranges, this took Advanced Googling Skills), along with images / videos / play online / download links

1) Super Solvers: Midnight Rescue!

This was a fun detective game. For some reason, I remember it being in black-and-white… anyway, I remember liking the soundtrack a lot, turns out it’s this super-classy song (skip to 0:58 for the part in the game):

Here’s a video of it:

Read more about it / picture sources:

• http://www.giantbomb.com/super-solvers-midnight-rescue/3030-9077/
• http://www.abandonia.com/en/games/1008/Super+Solvers+-+Midnight+Rescue.html
• Wikipedia

Ooh! I found another version of the game (I never played this) which you can play in your browser at the Internet Archive Software Library:

• https://archive.org/details/msdos_Super_Solvers_OutNumbered_1990

2) Number Munchers

I didn’t remember playing this game, even by the screenshots, until I played some version of it online and heard the music.

• Read more / image source: http://www.giantbomb.com/number-munchers/3030-7138/
• Wikipedia
• Play online (I couldn’t get this one to work :/): https://archive.org/stream/Number_Munchers_v1.2_1986_MECC/Number_Munchers_v1.2_1986_MECC.dsk?module=apple2c&scale=1
• Here’s another online one: http://wallofgame.com/free-online-games/arcade/988/Number_Munchers.html

3) Oregon Trail II

I think I played II, not super sure. Here’s a song:

Here’s a full playlist:

image source: Wikipedia.

Play online: https://archive.org/details/msdos_Oregon_Trail_Deluxe_The_1992

’nuff said.

4) The Amazon Trail

 I remember this one better than Oregon Trail. Whoo! I had fun playing this.

• Read more / image source: http://www.myabandonware.com/game/the-amazon-trail-1mf
• Wikipedia
• Play online: https://archive.org/details/msdos_Amazon_Trail_1993

5) O’Dell Down Under

Fishies and exploring the ocean! I realllly liked this game 😀

Image source:

http://youtu.be/fZHsymfQQvs?t=40s

(video has the original soundtrack :] )

• Wikipedia
• Not available online, sadly, but here’s a possible download link: http://www.old-games.com/download/3331/odell-down-under

6) Treasure MathStorm!

I have super fond memories of this too! 😀 heehee catching elves

https://www.youtube.com/watch?v=sjbDJx3p6Hg

(video has the original soundtrack :] )

• Read more / Image source: http://www.old-games.com/download/5809/super-solvers-treasure-mathstorm
• http://www.myabandonware.com/game/treasure-mathstorm-1r6
• http://www.abandonia.com/games/1011/
• Wikipedia
• I couldn’t find a link for playing online, but try the old-games.com link for downloading

7) Math Blaster

 

Possibly the “Episode 1: In Search of Spot” version? I don’t remember being super-entertained by this, but I do remember playing it and enjoying it. Here’s what it sounded / played like as a video:

• http://www.myabandonware.com/game/math-blaster-episode-one-in-search-of-spot-41t
• Wikipedia (also the image source)

Home / Misc.

Some games I remember playing or watching other people play were

• myst (soundtrack) (some scenes) this game was great. I never had the patience to solve it all myself without looking up guides online, but it was a ton of fun to explore the world and mythology regardless
• starcraft
• red alert
• neopets
• megaman

Wrap-up

Those are the main ones I remember playing! I also remember a pond ecosystem / toilet plumbing simulator (yes, one game!), but I think it is forever lost to time. Oh well, there’s more future to live!

What games do you remember playing in school?

Protip: If your game is on https://archive.org/details/software, you can often play it online right in your browser.

I needed to create some FASTA files of important regions of the human genome for work. BRCA1 & 2 are important in breast cancer research, SMA is implicated in  spinal muscular atrophy, and KIR and MHC are important for your immune system (e.g. why you have to have organ donor “compatibility”). I wrote a bash script that used Entrez Direct to automatically download these files from the NCBI servers.

FASTA files

If you just want the FASTA files to play with, they are here.

They were downloaded from the NCBI website and based on the NCBI Gene database coordinates against hg38.

source code

https://github.com/nouyang-curoverse/GA4GH_regions

This repository contains a link to download the final FASTA files, the ids.csv file I used as the master list of “mhc” and “kir” genes, the bash script file, and the xsl “xml transform” file I used to extract the information I needed from the xml file.

what i learned

Hey, what’s a gene anyway? If you use various databases (ensembl, ncbi, genenames, lumc, omim, lrg), you”ll get a whole range of coordinates for the same gene.

Take, for instance, BRCA2:

Start	End	Length	Source
32,889,611	32,974,403	84,792	ensembl
32,884,617	32,975,809	91,192	lrg
32,889,617	32,973,809	84,192	ncbi entrez
32,889,616	32,973,808	84,192	OMIM
32,890,598	32,972,907	82,309	COSMIC sanger
32,889,641	32,907,422	17,781	CGAP

 

In the end I standardized around using the NCBI Gene database and ignored the rest.

Hey, what’s the KIR gene region anyway? Turns out there’s a gazillion KIR genes, and there’s not exactly a “list” of them. Same for HLA. I just used my best human judgement and culled them from searches on NCBI Gene. From the git repo Readme:

For the HLA genes, I used the IMGT list of gene names, found at ftp://ftp.ebi.ac.uk/pub/databases/ipd/imgt/hla/fasta/ . For the KIR genes, I used NCBI Gene query to list all the KIR genes. http://www.ncbi.nlm.nih.gov/gene and "Homo sapiens"[porgn] AND KIR

The final list is in ids.csv.

The manual process was to download the FASTA file from the NCBI Gene database.

 

But for some genes, that is the KIR and HLA genes, each gene (e.g. just HLA-E) has many “alternate locii” versions.

Downloading these by hand would take days. Therefore, I needed to figure out a way to script this. My initial thought was to write a scraper using Google Sheet Scripts or a python library like Beautiful Soup. However, I thought this was dumb, because this NCBI Gene site is clearly the front-end to some database that hopefully had an API for programmatic access of some kind.

After a few days (seriously, this all took way longer than I thought it would) and with help from the biostars community I was able to figure out how to use Entrez Direct and write a bash script to automate the process for all the  genes.

(It has a hacky fix, where the bash script needs to be run again for each line in the file,

for run in {1..48} #change this!

 

I was too lazy to debug it that day and just wanted to get this finally done).

 

The source code is provided here, and contains reasonable comments and spits out some debugging info when you run it.

That’s all.

Leave a comment if you have questions 🙂

appendix

Emailed from me to ga4gh-dwg :

With help from biostars*, I finished pulling out the KIR and HLA regions and fixed the SMA region.

The updated collection may be publicly viewed at
https://workbench.qr1hi.arvadosapi.com/collections/download/qr1hi-4zz18-7zk4muy5grnaqpv/4qji0cfumh25dttlwteo6rj2b83z2b8vz1l0rja3uzo82bf3s/

The updated collection README and scripts are at
https://github.com/nouyang-curoverse/GA4GH_regions (the FASTA files are named by gene name and ncbi gene id, e.g. BRCA1-672.fa)

Of note, I did not mirror the IMGT HLA contents (ftp://ftp.ebi.ac.uk/pub/databases/ipd/imgt/hla/fasta/), even though that was requested on the minutes from the DWG meeting, due to their policy https://www.ebi.ac.uk/ipd/imgt/hla/licence.html .

Feedback appreciated!

Thanks,
–Nancy

*credit to https://www.biostars.org/p/122680/ and https://www.biostars.org/p/122522/

Recently I had “great fun” modifying bootstrap v3’s image gallery slideshow thingy, Carousel (click here to see an interactive example).

It has some nice features built-in, like indicators for what slide you are on, auto-scaling so it works on any browser window size, and an easy way to select options like cycling the carousel continuously, changing the interval between auto-slides, or reacting to keyboard events.

I made some modifications to get it to look and behave the way I wanted. Namely, I wanted readable captions underneath the images. Bootstrap has the captions overlaid on the image by default, and white-on-white doesn’t work so well.

I mostly succeeded… here’s a screenshot:

…although I still dislike how verbose the Carousel code is. Oh well, our docs site was already using Bootstrap.

The how-to on bootstrap’s page is pretty terse and kind of confusing for me, so I’m writing up a more detailed explanation here.

stuff needed

From http://getbootstrap.com/getting-started/, download the zip file. You’ll need

1. css/bootstrap.css (you can use the .min version if you’d like, which is just compressed into non-human-readable form)

2. js/bootstrap.js (you can also get away with just carousel.js).

You’ll also need jquery.js from http://jquery.com/download/, try the link “Download the compressed, production jQuery 1.11.2”.

Note: We’ll include the javascript files at the end of HTML so most of the page loads quicker.

how to

Alright, now how do you include all these files? (see this gist for the full HTML file, or download a self-contained zip file of all the files: bootstrap-carousel-example).

Put the CSS at the top, either by linking to a .css file or including the CSS directly:

<head>
  <link href="./css/bootstrap.css" rel="stylesheet">
  <style>
    /* put your custom CSS here if you'd like, for instance... */
    .carousel { 
      margin: 1em; 
    }
  </style>

Inside the body section, put your Carousel HTML.  It’s kind of long so just check out the gist. Put the javascript at the bottom, either by linking to a .js file or else including it directly

<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script type="text/javascript">
// Put your custom javascript options here, for instance...
$(document).ready(function() {
    $('.carousel').carousel({interval: 100});
    });
</script>
</body>

</html>

step 3: profit?

If you load the html file in your browser, magic should now happen.

For reference, you can download this zip file where everything is set-up already: bootstrap-carousel-example

step 4: customize

What if we want the images to cycle faster, or the images to not cycle at all?

Okay, I’ve already shown how you can select some of the built-in bootstrap options using javascript:

$(document).ready(function() {
    $('.carousel').carousel({interval: 100});
    });

You can select individual carousels on a page by naming the carousel

<div id="carousel-keyfeatures" class="carousel slide" data-interval="false">

and then using a more specific jquery call

$(document).ready(function() {
    $('.carousel-keyfeatures').carousel({interval: 100});
    });

Alternatively, if you want some option to apply to all carousels on a page / site, you can pull this code out into a separate file

./js/carousel-override.js

and include it in each HTML file

<script src="./js/carousel-override.js"></script>

A third way to change an the options on a carousel is to include it in the HTML, like so:

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">

step 5: sweeter customizations!

Now, to make more custom modifications, I had to fiddle with the CSS. A few hours later, I made the modifications you can see at this gist. Alternatively, download the zip file and uncomment the line

<link href="./css/carousel-override.css" rel="stylesheet">

trouble-shooting tips (bugs!)

First, cool tools:

1) Use firefox or chrome’s powerful built-in developer tools. The default shortcut to bring them up is ctrl-shift-c (you actually can’t get rid of our change this shortcut easily, which is annoying).

You can delete things, edit things without refreshing the page or modifying files, and other wonderful tools.

2) Use a Javascript hint tool, such as http://jshint.com/.

If you just use the Console tool in Firefox Inspector to see the javascript error messages, it is fairly cryptic.

SyntaxError: missing ) after argument list

Tools like JSHint can provide some more helpful feedback about what went wrong.

bugs

these things tripped me up:

1) the Bootstrap website makes ( and { look very similar on my computer, so I skipped the curly brackets and used

$('.carousel').carousel( interval: 2000 )

instead of the correct

$('.carousel').carousel({ interval: 2000 })

UPDATE 03 April 2015

I filed a bug on github: https://github.com/twbs/bootstrap/issues/16225, or as follows:

Font in code blocks on http://getbootstrap.com/ does not distinguish { and ( clearly, can cause anguish for newcomers to javascript. Please remove the Courier New font fallback option. Just monospace works well.

In Detail

I was following the the example at http://getbootstrap.com/javascript/#carousel, and my brain removed the “extra parenthesis” I think, similar to how you don’t notice I doubled “the” in this sentence unless I point it out.

This is a screenshot of the bootstrap website “code” block font currently on my computer:

Please remove the courier new font fallback option. Just monospace works well.

 code, kbd, pre, samp {
   font-family: monospace;
 }

Results in the much-better

(Most open-source projects in have nice websites but no issue tracker nor contact info for their own website or their documentation, only for their github repo around the actual code, and it’s not always clear where to file a bug…)

END UPDATE

2) I didn’t realize I needed to include the jquery file first, so I got cryptic messages like “$ is undefined”.

3) I spent a while debugging a weird gap that left the rightmost controls in midair. It occurred when the browser window was too big. Turns out I needed to hardcode a max-width, which I just hardcoded to be slightly smaller than the smallest image width I had.

appendix

Here are the files used in this tutorial again:

Gist

bootstrap-carousel-example.zip