Initial commit

Main
Glenwing 7 years ago
commit f2f9783e36

17
.gitattributes vendored

@ -0,0 +1,17 @@
# Auto detect text files and perform LF normalization
* text=auto
# Custom for Visual Studio
*.cs diff=csharp
# Standard to msysgit
*.doc diff=astextplain
*.DOC diff=astextplain
*.docx diff=astextplain
*.DOCX diff=astextplain
*.dot diff=astextplain
*.DOT diff=astextplain
*.pdf diff=astextplain
*.PDF diff=astextplain
*.rtf diff=astextplain
*.RTF diff=astextplain

47
.gitignore vendored

@ -0,0 +1,47 @@
# Windows image file caches
Thumbs.db
ehthumbs.db
# Folder config file
Desktop.ini
# Recycle Bin used on file shares
$RECYCLE.BIN/
# Windows Installer files
*.cab
*.msi
*.msm
*.msp
# Windows shortcuts
*.lnk
# =========================
# Operating System Files
# =========================
# OSX
# =========================
.DS_Store
.AppleDouble
.LSOverride
# Thumbnails
._*
# Files that might appear in the root of a volume
.DocumentRevisions-V100
.fseventsd
.Spotlight-V100
.TemporaryItems
.Trashes
.VolumeIcon.icns
# Directories potentially created on remote AFP share
.AppleDB
.AppleDesktop
Network Trash Folder
Temporary Items
.apdisk

File diff suppressed because it is too large Load Diff

@ -0,0 +1,105 @@
<!DOCTYPE html>
<html>
<head>
<title>Color Flickerer</title>
<script src="../jquery-3.2.0.min.js"></script>
</head>
<body>
<style>
span.label {
vertical-align: top;
}
body {
font-family: Inconsolata;
font-size: 14px;
line-height: 150%;
}
div {
width: 256px;height: 256px
}
div.bg {
background-color: #FFFFFF;
}
td.flickerbox {
width: 256px;
height: 256px;
border: 1px solid #888888;
}
</style>
<!--<br/><br/>
Colors (00-FF): <input type="text" id="c1 in" size="1" maxlength="2" style="text-align: center;"/>&nbsp;<input type="text" id="c2 in" size="1" maxlength="2" style="text-align: center;"/>&nbsp;<button onclick="UpdateC()">Update</button>
<br/><br/>-->
<table style="padding-left: 20px;">
<tr>
<td style="background-color: #CCCCCC; border: 1px solid #000000; font-weight: bold; text-align: center; cursor: pointer; height: 50px;" colspan="3" onclick="OnOffToggle(); RunC();">
On / Off
</td>
</tr>
<tr>
<td colspan="3" style="text-align: center;">
<!--<label><input type="checkbox" id="button" onclick="RunC();"/><span class="label">Enable</span></label>
<br/><br/>-->
<table align="center">
<tr>
<td style="text-align: left;">
<label><input type="radio" name="framerate" id="f1" onclick="RunC();" checked/><span class="label">Single Frames</span></label>
<br/>
<label><input type="radio" name="framerate" id="f2" onclick="RunC();"/><span class="label">Double Frames</span></label>
<br/>
<label><input type="radio" name="framerate" id="f4" onclick="RunC();"/><span class="label">Quadruple Frames</span></label>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="text-align: center">
C1
</td>
<td>&nbsp;&nbsp;&nbsp;</td>
<td style="text-align: center">
C2
</td>
</tr>
<tr>
<td style="text-align: center;">
<form id="c1form">
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="0" checked/><span class="label">000 (#00)</span></label><br/>
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="50"/><span class="label">050 (#32)</span></label><br/>
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="100"/><span class="label">100 (#64)</span></label><br/>
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="150"/><span class="label">150 (#96)</span></label><br/>
<label><input type="radio" name="c1radio" onclick="UpdateCR();" value="200"/><span class="label">200 (#C8)</span></label><br/>
<br/>
</form>
</td>
<td></td>
<td style="text-align: center;">
<form id="c2form">
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="50"/><span class="label">050 (#32)</span></label><br/>
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="100"/><span class="label">100 (#64)</span></label><br/>
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="150"/><span class="label">150 (#96)</span></label><br/>
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="200"/><span class="label">200 (#C8)</span></label><br/>
<label><input type="radio" name="c2radio" onclick="UpdateCR();" value="255" checked/><span class="label">255 (#FF)</span></label><br/>
<br/>
</form>
</td>
</tr>
<tr>
<td class="flickerbox" colspan="3" id="a">
</td>
</tr>
</table>
<script src="js/main.js"></script>
</body>
</html>

@ -0,0 +1,135 @@
var box = document.getElementById("a");
var button = document.getElementById("button");
var f1 = document.getElementById("f1");
var f2 = document.getElementById("f2");
var c1 = "";
var c2 = "";
var on = false;
/*function UpdateC() {
var v1 = document.getElementById("c1 in").value;
var v2 = document.getElementById("c2 in").value;
c1 = "#" + v1 + v1 + v1;
c2 = "#" + v2 + v2 + v2;
console.log("Colors updated; C1: " + c1 + "; C2: " + c2);
}*/
function OnOffToggle() {
if (on) {
on = false;
console.log('Toggled Off');
}
else if (!on) {
on = true;
console.log('Toggled On');
}
}
function UpdateCR() {
var v1 = $("input[name=c1radio]:checked", "#c1form").val();
var v2 = $("input[name=c2radio]:checked", "#c2form").val();
c1 = "RGB(" + v1 + "," + v1 + "," + v1 + ")";
c2 = "RGB(" + v2 + "," + v2 + "," + v2 + ")";
console.log("Colors updated; C1: " + c1 + "; C2: " + c2);
}
//document.getElementById("c1 in").value = "00";
//document.getElementById("c2 in").value = "FF";
UpdateCR();
function setS1() {
if (on == true) {
box.style.backgroundColor = c1;
requestAnimationFrame(setS2);
}
}
function setS2() {
box.style.backgroundColor = c2;
requestAnimationFrame(setS1);
}
function setD1() {
if (on == true) {
box.style.backgroundColor = c1;
requestAnimationFrame(setD2);
}
}
function setD2() {
box.style.backgroundColor = c1;
requestAnimationFrame(setD3);
}
function setD3() {
box.style.backgroundColor = c2;
requestAnimationFrame(setD4);
}
function setD4() {
box.style.backgroundColor = c2;
requestAnimationFrame(setD1);
}
function setQ1() {
if (on == true) {
box.style.backgroundColor = c1;
requestAnimationFrame(setQ2);
}
}
function setQ2() {
box.style.backgroundColor = c1;
requestAnimationFrame(setQ3);
}
function setQ3() {
box.style.backgroundColor = c1;
requestAnimationFrame(setQ4);
}
function setQ4() {
box.style.backgroundColor = c1;
requestAnimationFrame(setQ5);
}
function setQ5() {
box.style.backgroundColor = c2;
requestAnimationFrame(setQ6);
}
function setQ6() {
box.style.backgroundColor = c2;
requestAnimationFrame(setQ7);
}
function setQ7() {
box.style.backgroundColor = c2;
requestAnimationFrame(setQ8);
}
function setQ8() {
box.style.backgroundColor = c2;
requestAnimationFrame(setQ1);
}
function RunC() {
if (f1.checked) {
requestAnimationFrame(setS1);
}
else if (f2.checked) {
requestAnimationFrame(setD1);
}
else if (f4.checked) {
requestAnimationFrame(setQ1);
}
}

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save