Skip to content

Instantly share code, notes, and snippets.

@st44100

st44100/index.html

Created January 9, 2015 15:29
Show Gist options
  • Save st44100/949e26fb1caa3a6e18b1 to your computer and use it in GitHub Desktop.
Save st44100/949e26fb1caa3a6e18b1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
var mix, rgb, shade, tint;
mix = function(src, target, mix) {
return [Math.floor(target[0] + (src - target[0]) * mix), Math.floor(target[1] + (src - target[1]) * mix), Math.floor(target[2] + (src - target[2]) * mix)];
};
shade = function(target, m) {
return mix(0, target, m);
};
tint = function(target, m) {
return mix(255, target, m);
};
rgb = [255, 10, 10];
console.log(shade(rgb, 0.1));
console.log(tint(rgb, 0.1));
</script>
<script id="jsbin-source-javascript" type="text/javascript">
mix = (src, target, mix) ->
[
Math.floor(target[0] + (src - target[0]) * mix)
Math.floor(target[1] + (src - target[1]) * mix)
Math.floor(target[2] + (src - target[2]) * mix)
]
shade = (target, m) -> mix 0, target, m
tint = (target, m) -> mix 255, target, m
# Test
rgb = [
255
10
10
]
console.log shade(rgb, 0.1)
console.log tint(rgb, 0.1)
</script></body>
</html>
Raw
jsbin.tusehi.js
var mix, rgb, shade, tint;
mix = function(src, target, mix) {
return [Math.floor(target[0] + (src - target[0]) * mix), Math.floor(target[1] + (src - target[1]) * mix), Math.floor(target[2] + (src - target[2]) * mix)];
};
shade = function(target, m) {
return mix(0, target, m);
};
tint = function(target, m) {
return mix(255, target, m);
};
rgb = [255, 10, 10];
console.log(shade(rgb, 0.1));
console.log(tint(rgb, 0.1));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment