max/karl
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: build with esbuild

Browse Source
This commit is contained in:
max_richter
2021-03-12 18:47:53 +01:00
parent 41243299af
commit 7f6d8b0896
13 changed files with 1455 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
view/public/index.html
View File

@ -9,12 +9,12 @@
<link rel='icon' type='image/png' href='favicon.png'>
<link rel='stylesheet' href='global.css'>
<link rel='stylesheet' href='build/bundle.css'>
<link rel='stylesheet' href='build/main.css'>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;900&display=swap" rel="stylesheet">
<script defer src='build/bundle.js'></script>
<script defer src='build/main.js'></script>
</head>
<body>

73
view/public/worker.js
View File

@ -1,73 +0,0 @@
self.addEventListener('message', function (e) {
const { data: { i, pixels, correctDistortion = true, width, height } } = e;
// This is the old method just by counting pixels
const oldStore = {};
//This method applies some weight to the pixels
const store = {};
let totalPixelValue = 0;
let total = pixels.length / 4;
const threshold = 200;
for (let i = 0; i < total; i++) {
const r = pixels[i * 4 + 0] > threshold ? 1 : 0;
const g = pixels[i * 4 + 1] > threshold ? 1 : 0;
const b = pixels[i * 4 + 2] > threshold ? 1 : 0;
const id = r + "-" + g + "-" + b;
//Caclulate y position of pixel
const y = Math.floor(i / width);
// KarlKilian Formel
//const pixelValue = Math.cos(360 / (Math.pow(height, 2)) * Math.pow(y, 2) + (-360 / height) * y + 90);
const pixelValue = (2 * Math.sqrt(y * (height - y))) / height;
oldStore[id] = oldStore[id] + 1 || 1;
if (id in store) {
store[id] += pixelValue;
} else {
store[id] = pixelValue;
}
totalPixelValue += pixelValue;
}
const finalResult = {};
// Normalize stores
Object.keys(oldStore).forEach(k => {
finalResult[k] = {
distortedValue: oldStore[k] / total
}
});
Object.keys(store).forEach(k => {
finalResult[k].value = store[k] / totalPixelValue;
});
// Conver to array for easier
const result = Object.keys(finalResult).map(key => {
const [r, g, b] = key.split("-").map((n) => parseInt(n) * 255);
return {
id: key,
color: `rgb(${r},${g},${b})`,
value: finalResult[key].value,
distortedValue: finalResult[key].distortedValue
}
}).sort((a, b) => a.value > b.value ? -1 : 1)
self.postMessage({ result, i });
}, false);