EVR.include("level/cheers/marquee/Spectrum.js");
EVR.Level.Cheers.Marquee = function(
   cheers, color_offset, placement_offset, z_index, opacity)
{
   EVR.Graphic.call(this, cheers);
   this.cheers = cheers;
   this.spectrum = new EVR.Level.Cheers.Marquee.Spectrum(color_offset);
   this.placement_offset = placement_offset || [0, 0];
   this.z_index = z_index || 0;
   this.spectrum_index = CHEERS_SPECTRUM_STARTING_INDEX;
   this.font_size = CHEERS_FONT_SIZE;
   this.opacity = opacity;
   this.glyphs = [];
   this.setAttributes();
   this.append();
}
EVR.Level.Cheers.Marquee.prototype = new EVR.Graphic;
EVR.Level.Cheers.Marquee.prototype.setAttributes = function()
{
   this.set_z(this.z_index);
   this.set_opacity(this.opacity);
   var css = this.css;
   css.fontWeight = "bold";
   css.textAlign = "left";
   css.whiteSpace = "nowrap";
   this.setFontSize();
}
EVR.Level.Cheers.Marquee.prototype.setFontSize = function()
{
   var dimensions = this.cheers.level.container.get_dimensions();
   var modifier = dimensions[1] / dimensions[0];
   var basis = dimensions[0] * modifier;
   var size = parseInt(basis * this.font_size);
   this.css.fontSize = size + "px";
   this.whitespace_length = basis * CHEERS_GLYPH_PADDING;
}
EVR.Level.Cheers.Marquee.prototype.place = function()
{
   EVR.Graphic.prototype.place.call(this, 0, CHEERS_MARQUEE_OFFSET);
   var x = this.get_coordinates()[0] + this.placement_offset[0];
   var y = this.get_coordinates()[1] + this.placement_offset[1];
   this.set_coordinates([x, y]);
}
EVR.Level.Cheers.Marquee.prototype.addCheer = function(cheer)
{
   var parent = this.element;
   for (var ii = cheer.length - 1; ii >= 0; ii--)
   {
      var color = this.spectrum.get(this.spectrum_index);
      this.addGlyph(cheer.charAt(ii), color, ii == cheer.length - 1);
   }
}
EVR.Level.Cheers.Marquee.prototype.addGlyph = function(character, color, pad)
{
   var parent = this.element;
   var element = document.createElement("span");
   element.innerHTML = character;
   element.style.color = color;
   parent.insertBefore(element, parent.firstChild);
   if (pad)
   {
      element.style.paddingRight = this.whitespace_length + "px";
   }
   this.glyphs.push(element);
   this.spectrum_index++;
}
EVR.Level.Cheers.Marquee.prototype.addJeer = function()
{
   var color = CHEERS_JEER_COLOR;
   var jeer = CHEERS_JEER_TEXT;
   for (var ii = jeer.length - 1; ii >= 0; ii--)
   {
      this.addGlyph(jeer.charAt(ii), color, ii == jeer.length - 1);
   }
}
EVR.Level.Cheers.Marquee.prototype.draw = function()
{
   EVR.Graphic.prototype.draw.call(this);
   this.setFontSize();
   var glyph, glyphs = this.glyphs;
   for (var ii = 0; ii < glyphs.length; ii++)
   {
      glyph = glyphs[ii];
      if (parseInt(glyph.style.paddingRight) > 0)
      {
	 glyph.style.paddingRight = this.whitespace_length;
      }
   }
}
EVR.Level.Cheers.Marquee.prototype.toString = function()
{
   return "[EVR.Level.Cheers.Marquee]";
}
EVR.Level.Cheers.Marquee.Spectrum = function(offset)
{
   this.offset = offset;
   this.build();
}
EVR.Level.Cheers.Marquee.Spectrum.prototype.build = function()
{
   var max = 255 - this.offset;
   var count = CHEERS_SPECTRUM_LENGTH;
   var interval = Math.round(count / 6);
   var step = Math.round(max / (interval - 1));
   var component, color, spectrum = [];
   for (var ii = 0; ii < interval; ii++)
   {
      component = step * ii;
      spectrum.push(new EVR.Color([max, component, 0]));
   }
   for (var ii = interval - 1; ii >= 0; ii--)
   {
      component = step * ii;
      spectrum.push(new EVR.Color([component, max, 0]));
   }
   for (var ii = 0; ii < interval; ii++)
   {
      component = step * ii;
      spectrum.push(new EVR.Color([0, max, component]));
   }
   for (var ii = interval - 1; ii >= 0; ii--)
   {
      component = step * ii;
      spectrum.push(new EVR.Color([0, component, max]));
   }
   for (var ii = 0; ii < interval; ii++)
   {
      component = step * ii;
      spectrum.push(new EVR.Color([component, 0, max]));
   }
   for (var ii = interval - 1; ii >= 0; ii--)
   {
      component = step * ii;
      spectrum.push(new EVR.Color([max, 0, component]));
   }
   this.spectrum = spectrum;
}
EVR.Level.Cheers.Marquee.Spectrum.prototype.get = function(index)
{
   var spectrum = this.spectrum;
   return spectrum[index % spectrum.length].get_string();
}
EVR.Level.Cheers.Marquee.Spectrum.toString = function()
{
   return "[object EVR.Level.Cheers.Marquee.Spectrum]";
}
EVR.include("level/loader/Parser.js");
EVR.Level.Loader = function(level)
{
   this.level = level;
}
EVR.Level.Loader.prototype.load = function()
{
   this.build_requester();
   var document = this.requester.execute();
   this.parser = new EVR.Level.Loader.Parser(this.level, document);
}
EVR.Level.Loader.prototype.build_requester = function()
{
   var path = SOURCE_PATH + "level/loader/fetch.php";
   var query = "id=" + this.level.id;
   this.requester = new EVR.Requester(path, query);
}
EVR.Level.Loader.prototype.toString = function()
{
   return "[object EVR.Level.Loader]";
}
EVR.Level.Loader.Parser = function(level, document)
{
   this.level = level;
   this.root = document.getElementsByTagName("level")[0];
   this.parse();
}
EVR.Level.Loader.Parser.prototype.parse = function()
{
   this.parse_attributes();
   this.parse_sky();
   this.parse_beams();
   this.parse_path();
}
EVR.Level.Loader.Parser.prototype.parse_attributes = function()
{
   var level = this.level;
   var root = this.root;
   level.background = root.getAttribute("background");
   level.goal = new EVR.Time(root.getAttribute("goal"));
   level.advanced = new EVR.Time(root.getAttribute("advanced"));
   level.threshold = parseFloat(root.getAttribute("threshold"));
   level.sound.set_song(root.getAttribute("song"));
}
EVR.Level.Loader.Parser.prototype.parse_sky = function()
{
   var node = this.root.getElementsByTagName("sky")[0];
   var tags = node.getElementsByTagName("background");
   var sky = this.level.sky = [];
   for (var ii = 0; ii < tags.length; ii++)
   {
      sky.push(tags[ii].getAttribute("color"));
   }
}
EVR.Level.Loader.Parser.prototype.parse_beams = function()
{
   var node = this.root.getElementsByTagName("beams")[0];
   var tags = node.getElementsByTagName("beam");
   this.level.beams = [];
   for (var ii = 0; ii < tags.length; ii++)
   {
      this.level.beams.push(tags[ii].getAttribute("color"));
   }
}
EVR.Level.Loader.Parser.prototype.parse_path = function()
{
   var node = this.root.getElementsByTagName("path")[0];
   var tags = node.getElementsByTagName("cluster");
   this.level.clusters = [];
   for (var ii = 0; ii < tags.length; ii++)
   {
      this.add_cluster(tags[ii]);
   }
}
EVR.Level.Loader.Parser.prototype.add_cluster = function(tag)
{
   var level = this.level;
   var passage = tag.getAttribute("passage");
   var width = tag.getAttribute("width");
   var gap = tag.getAttribute("gap");
   var cluster = new EVR.Level.Cluster(passage, width, gap, level.practice);
   level.clusters.push(cluster);
}
EVR.Level.Loader.Parser.prototype.toString = function()
{
   return "[object EVR.Level.Loader.Parser]";
}
35.175.107.142
35.175.107.142
35.175.107.142
 
May 17, 2018

Line Wobbler Advance is a demake of Line Wobbler for Game Boy Advance that started as a demo for Synchrony. It contains remakes of the original Line Wobbler levels and adds a challenging advance mode with levels made by various designers.


f1. Wobble at home or on-the-go with Line Wobbler Advance

This project was originally meant to be a port of Line Wobbler and kind of a joke (demaking a game made for even lower level hardware), but once the original levels were complete, a few elements were added, including a timer, different line styles and new core mechanics, such as reactive A.I.


f2. Notes on Line Wobbler

I reverse engineered the game by mapping the LED strip on paper and taking notes on each level. Many elements of the game are perfectly translated, such as enemy and lava positions and speeds and the sizes of the streams. The boss spawns enemies at precisely the same rate in both versions. Thanks in part to this effort, Line Wobbler Advance was awarded first prize in the Wild category at Synchrony.


f3. First prize at Synchrony

Advance mode is a series of levels by different designers implementing their visions of the Line Wobbler universe. This is the part of the game that got the most attention. It turned into a twitchy gauntlet filled with variations on the core mechanics, cinematic interludes and new elements, such as enemies that react to the character's movements. Most of the levels are much harder than the originals and require a lot of retries.

Thanks Robin Baumgarten for giving permission to make custom levels and share this project, and thanks to the advance mode designers Prashast Thapan, Charles Huang, John Rhee, Lillyan Ling, GJ Lee, Emily Koonce, Yuxin Gao, Brian Chung, Paloma Dawkins, Gus Boehling, Dennis Carr, Shuichi Aizawa, Blake Andrews and mushbuh!

DOWNLOAD ROM
You will need an emulator to play. Try Mednafen (Windows/Linux) or Boycott Advance (OS X)