JSFiddle

  • Maze Runner (ASCII) #5 is the latest revision

    A simple, ASCII-based maze game to demonstrate how to start using progressive enhancement in browser-based games.

    var map, player = {
        x: 1,
        y: 8
    },
        i, maze = document.getElementById('maze'),
        win, playerDirection = 'north';
    
    function mapToHTML(map) {
        var html ...
  • Maze Runner (ASCII) #17 is the latest revision

    A simple, ASCII-based maze game to demonstrate how to start using progressive enhancement in browser-based games.

    var map, player = {
        x: 1,
        y: 8
    },
        i, maze = document.getElementById('maze'),
        win, playerDirection = 'north',
        game = document.getElementById('game');
    
    function ...
  • Maze Runner (ASCII) #32 is the latest revision

    A simple, ASCII-based maze game to demonstrate how to start using progressive enhancement in browser-based games.

    var map, player = { x: 1, y: 8 }, i, maze = document.getElementById('maze'), win;
    function mapToHTML(map) {
        var html = '', x, y ...
  • Maze Runner (ASCII) #50 is the latest revision

    A simple, ASCII-based maze game to demonstrate how to start using progressive enhancement in browser-based games.

    var map, player = { x: 1, y: 8 }, i, maze = document.getElementById('maze'), win;
    function updateMap() {
        var displayMap = [], x, y;
        for ...
  • Calculating the intersection of two lines. #183 is the latest revision

    Demonstrating a function for calculating the intersection of two lines, and determining whether the intersection point is on either line segment.

    var line1XSlider = document.getElementById('line1XSlider'),
        line1YSlider = document.getElementById('line1YSlider'),
        line2XSlider = document.getElementById('line2XSlider'),
        line2YSlider = document.getElementById('line2YSlider'),
        context = document.getElementById ...