This is also a very good (if not an excellent) block trainer:
http://cubegrass.appspot.com/block_trainer/
(If you don't work with those colors, just turn your cube before).
I can see in the javascript this line where it would be easy to adjust the color scheme:
var color_scheme = {"U": "#FFFFFF", "F": "#00FF00", "R": "#FF0000", "B": "#0000FF", "L": "#FF8000", "D": "#FFFF00", " ": "#808080"};
But, even if I copy down the html and javascript files it makes a call to an external get_block.php which I have not been able to figure out how to get access to. Does anyone know who maintains this page? It would be quite a bit more useful to the community if you could work with your own color orientation and this should be pretty easy to do.
Edit: Ah, nevermind. I got it working. If you want to host your own version of block_trainer with your personal color orientation, here's what you do:
1. Download the 3 files - block_trainer.html, block_trainer.js, and jquery.js and put them in a directory together.
2. Edit block_trainer.js and make two changes:
2a. Change this line:
var url = "get_block.php?levels=" + levels_list + "&block=" + block_suffix;
to this line (which adds the server address to get_block.php since it's not local):
var url = "http://cubegrass.appspot.com/block_trainer/get_block.php?levels=" + levels_list + "&block=" + block_suffix;
2b. Edit the color_scheme line to your personal tastes. This is the way it comes, with white on top and green in front:
var scheme = {"U": "#FFFFFF", "F": "#00FF00", "R": "#FF0000", "B": "#0000FF", "L": "#FF8000", "D": "#FFFF00", " ": "#808080"};
And this is changed to what I'm currently using with blue on left and yellow on top. It seems that a lot of Roux users put blue or green to the left:
var color_scheme = {"D": "#FFFFFF", "R": "#00FF00", "F": "#FF0000", "L": "#0000FF", "B": "#FF8000", "U": "#FFFF00", " ": "#808080"};
You're done! Now just open the block_trainer.html in your browser and enjoy.