Mixbox/mixbox
1
0
Fork 0
mirror of https://github.com/scrtwpns/mixbox.git synced 2026-03-19 22:49:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

add mixbox for javascript

Browse Source
This commit is contained in:
Ondrej Jamriska
2022-09-21 05:05:21 +02:00
parent ee38da6176
commit 4bfc462204
18 changed files with 3057 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
javascript/examples/hello.html Normal file
View File

@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="blue" class="box">BLUE</div>
<div id="mixed" class="box">MIXED</div>
<div id="yellow" class="box">YELLOW</div>
<script src="https://scrtwpns.com/mixbox.js"></script>
<script>
var blue = "rgb(0, 33, 133)";
var yellow = "rgb(252, 211, 0)";
var t = 0.5;
var mixed = mixbox.lerp(blue, yellow, t);
document.getElementById("blue").style.backgroundColor = blue;
document.getElementById("mixed").style.backgroundColor = mixed;
document.getElementById("yellow").style.backgroundColor = yellow;
</script>
<style>
.box{width: 200px; height: 200px; padding: 10px; margin: 10px; color: white; font-weight: bold;}
</style>
</body>
</html>