he4et/browser-milje-2077
1
0
Fork 0
mirror of https://github.com/He4eT/browser-milje-2077.git synced 2026-05-05 01:17:25 +00:00
Code Issues Projects Releases Packages Wiki Activity

milje.js: use additional params

Browse source
This commit is contained in:
He4eT 2024-08-15 21:03:55 +02:00
commit ce7fef59bb
1 changed files with 29 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

43
content_scripts/milje.js
View file

@ -61,16 +61,20 @@ function run({
green, green,
blue, blue,
}) { }) {
const pattern = generatePattern( const pattern = generatePattern({
halfPatternSize, halfPatternSize,
gridSize, gridSize,
randomSeed || new Date(), randomSeed: randomSeed || new Date(),
) density,
const miljeCanvas = matrixToCanvas( })
const miljeCanvas = matrixToCanvas({
pattern, pattern,
halfPatternSize, halfPatternSize,
scaleFactor, scaleFactor,
) red,
green,
blue,
})
document.body.appendChild(miljeCanvas) document.body.appendChild(miljeCanvas)
return miljeCanvas return miljeCanvas
@ -115,7 +119,12 @@ const LCG = (seed) => {
/* Pattern generation */ /* Pattern generation */
function generatePattern(halfPatternSize, gridSize, randomSeed) { function generatePattern({
halfPatternSize,
gridSize,
randomSeed,
density,
}) {
const random = LCG(randomSeed) const random = LCG(randomSeed)
const matrix = Array(halfPatternSize * 2).fill(null) const matrix = Array(halfPatternSize * 2).fill(null)
.map(() => Array(halfPatternSize * 2).fill(0)) .map(() => Array(halfPatternSize * 2).fill(0))
@ -140,7 +149,7 @@ function generatePattern(halfPatternSize, gridSize, randomSeed) {
if ((i % gridSize === 0) || (j % gridSize === 0)) { if ((i % gridSize === 0) || (j % gridSize === 0)) {
put(i, j, 1) put(i, j, 1)
} else { } else {
put(i, j, Number(random() > 0.5)) put(i, j, Number(random() > density))
} }
} }
} }
@ -191,8 +200,15 @@ function scaleImageData(imageData, scale, ctx) {
return scaled return scaled
} }
function matrixToCanvas(matrix, halfPatternSize, scaleFactor) { function matrixToCanvas({
const flatMatrix = matrix.flat() pattern,
halfPatternSize,
scaleFactor,
red,
green,
blue,
}) {
const flatMatrix = pattern.flat()
const canvasSize = halfPatternSize * 2 const canvasSize = halfPatternSize * 2
const canvas = getCanvas(canvasSize * scaleFactor) const canvas = getCanvas(canvasSize * scaleFactor)
@ -200,12 +216,11 @@ function matrixToCanvas(matrix, halfPatternSize, scaleFactor) {
const imageData = ctx.createImageData(canvasSize, canvasSize) const imageData = ctx.createImageData(canvasSize, canvasSize)
for (let i = 0; i < flatMatrix.length; i++) { for (let i = 0; i < flatMatrix.length; i++) {
const value = flatMatrix[i] * 255
const index = i * 4 const index = i * 4
imageData.data[index + 0] = value // Red imageData.data[index + 0] = red
imageData.data[index + 1] = value // Green imageData.data[index + 1] = green
imageData.data[index + 2] = value // Blue imageData.data[index + 2] = blue
imageData.data[index + 3] = value ? 255 : 0 // Alpha imageData.data[index + 3] = flatMatrix[i] ? 255 : 0 // Alpha
} }
const scaledImageData = scaleImageData(imageData, scaleFactor, ctx) const scaledImageData = scaleImageData(imageData, scaleFactor, ctx)