Add minifier and minified version

serial
William Toohey 10 years ago
parent e60b2bc868
commit d0f17ba999
  1. 29
      Makefile
  2. 107
      index-min.html
  3. 2
      index.html
  4. 6
      js/HuesCore.js
  5. 2
      js/HuesSettings.js

@ -0,0 +1,29 @@
JS=HuesCanvas.js HuesCore.js HuesSettings.js HuesUI.js ResourceManager.js ResourcePack.js SoundManager.js
all:
cd ./js ; java -jar ../compiler.jar --js $(JS) --js_output_file hues-min.js
-rm ./css/hues-min.css
cd ./css ; java -jar ../yuicompressor-2.4.8.jar --type css -o hues-m-min.css hues-m.css
cd ./css ; java -jar ../yuicompressor-2.4.8.jar --type css -o hues-r-min.css hues-r.css
cd ./css ; java -jar ../yuicompressor-2.4.8.jar --type css -o hues-w-min.css hues-w.css
cd ./css ; java -jar ../yuicompressor-2.4.8.jar --type css -o hues-x-min.css hues-x.css
cd ./css ; java -jar ../yuicompressor-2.4.8.jar --type css -o hues-res-min.css hues-res.css
cd ./css ; java -jar ../yuicompressor-2.4.8.jar --type css -o style-min.css style.css
cat ./css/*-min.css >> hues-min.css
cat ./css/font-awesome.min.css >> hues-min.css
rm ./css/*-min.css
mv ./hues-min.css ./css/
pack:
mkdir -p release
cp index-min.html release/index.html
cp favicon.ico release/
mkdir -p release/js
mkdir -p release/css
mkdir -p release/fonts
mkdir -p release/respacks
cp -r respacks release/
cp -r fonts release/
cp -r js/lib release/js
cp js/hues-min.js release/js
cp css/hues-min.css release/css

@ -0,0 +1,107 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>0x40</title>
<!-- Non minified at https://github.com/mon -->
<link rel="stylesheet" href="css/hues-min.css">
<script type="text/javascript" src="js/hues-min.js"></script>
<script type="text/javascript" src="js/lib/zip.js"></script>
<script type="text/javascript" src="js/lib/zip-fs.js"></script>
<script type="text/javascript">
window.onload = function() {
zip.workerScriptsPath = "js/lib/";
var defaults = {
respacks : ["./respacks/Defaults_v5.0.zip",
"./respacks/CharPackagev0.03.zip",
"./respacks/HuesMixA.zip",
//"./respacks/HuesMixB.zip",
//"./respacks/PackShit.zip"
],
firstSong : "Nhato - Miss You",
//load : false, //debug
//autoplay : false // debug
};
core = new HuesCore(defaults);
};
</script>
</head>
<body>
<div id="preloadHelper">
<div id="preloader">
<div id="preMain">0x00</div>
<div id="preSub"></div>
</div>
</div>
<div id="settingsHelper">
<div id="settingsWindow">
<div id="closeButton">x</div>
<div id="tabs">
<input class="tab-input" type="radio" name="tabs" id="tab1">
<label class="tab-label" for="tab1">RESOURCES</label>
<input class="tab-input" type="radio" name="tabs" id="tab2">
<label class="tab-label" for="tab2">OPTIONS</label>
<input class="tab-input" type="radio" name="tabs" id="tab3" checked>
<label class="tab-label" for="tab3">INFO</label>
<div id="tab1-content" class="tab-content">
<!-- Populated by ResourceManager.js -->
<div id="huesResources"></div>
</div>
<div id="tab2-content" class="tab-content">
<!-- Populated by HuesSettings.js -->
<div id="huesSettings"></div>
</div>
<div id="tab3-content" class="tab-content">
<div id="about">
<h1>0x40 Hues of JS, v0.1</h1>
<h2>Adapted from the <a target="_blank" href="http://0x40hues.blogspot.com">0x40 Flash</a></h2>
<h2>Web-ified by <a target="_blank" href="https://github.com/mon">mon</a></h2>
<h3>With help from <a target="_blank" href="https://github.com/kepstin/0x40hues-html5">Kepstin</a></h3>
</div>
<div id="reference">
<div class="info-ref">
<h3>Beat glossary</h3>
<ul>
<li>x Vertical blur (snare)</li>
<li>o Horizontal blur (bass)</li>
<li>- No blur</li>
<li>+ Blackout</li>
<li>| Short blackout</li>
<li>: Color only</li>
<li>* Image only</li>
<li>X Vertical blur only</li>
<li>O Horizontal blur only</li>
<li>~ Fade color</li>
<li>= Fade and change image</li>
</ul>
</div>
<div class="info-ref">
<h3>Keyboard shortcuts</h3>
<ul>
<li>↑↓ Change song</li>
<li>←→ Change image</li>
<li>[SHIFT] Random song</li>
<li>-+ Change volume</li>
<li>[M] Toggle mute</li>
<li>[F] Toggle automode</li>
<li>[H] Toggle UI hide</li>
<li>[C] Character list</li>
<li>[S] Song list</li>
<li>[W] Toggle window</li>
<li>[R] Resource packs</li>
<li>[O] Options</li>
<li>[I] Information</li>
<li>[1-4] Change UI</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Populated by HuesUI.js -->
<div id="huesUI"></div>
<canvas id="waifu" width="1280" height="720"></canvas>
</body>
</html>

@ -28,7 +28,7 @@
"./respacks/HuesMixB.zip", "./respacks/HuesMixB.zip",
"./respacks/PackShit.zip" "./respacks/PackShit.zip"
], ],
load : false, //debug //load : false, //debug
autoplay : false // debug autoplay : false // debug
}; };
core = new HuesCore(defaults); core = new HuesCore(defaults);

@ -50,7 +50,11 @@ HuesCore = function(defaults) {
}, 1500); }, 1500);
that.setImage(0); that.setImage(0);
if(defaults.autoplay) { if(defaults.autoplay) {
that.setSong(0); if(defaults.firstSong) {
that.setSongByName(defaults.firstSong);
} else {
that.setSong(0);
}
} }
}, function(progress) { }, function(progress) {
var prog = document.getElementById("preMain"); var prog = document.getElementById("preMain");

@ -5,6 +5,8 @@ HuesSettings.prototype.defaultSettings = {
autoplay : true, autoplay : true,
// If true, defaults passed in initialiser override locally saved // If true, defaults passed in initialiser override locally saved
overwriteLocal : false, overwriteLocal : false,
// If set, will attempt to play the named song first
firstSong: null,
// UI accessible config // UI accessible config
// Autosong stuff is a todo, becuase why even implement that // Autosong stuff is a todo, becuase why even implement that

Loading…
Cancel
Save