\nFax generation.\n\nGenerate a fax-like image from text.\n\nUse like: https://${url.hostname}?message=my+message\n\nView Source\n

\n\n

\n\n\n `,\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n }\n return createFaxImage(message);\n}\n\n// Simple Deno Fax Machine Text Generator\n// Usage: deno run --allow-read --allow-write main.ts \"Your text here\"\n// Requires a font file named \"font.ttf\" in the same directory.\n\nimport { Image, TextLayout } from \"https://deno.land/x/imagescript@1.3.0/mod.ts\";\n\n// URL for the TTF font file used for rendering text.\nconst FONT_URL = \"https://github.com/maxmcd/t/raw/refs/heads/main/font.ttf\";\n// Cache for the loaded font data to avoid repeated fetching on subsequent requests.\nlet FONT_DATA: Uint8Array | null = null;\n\n// Fetches and caches the font data. Subsequent calls will return the cached version.\nasync function loadFont(): Promise {\n if (FONT_DATA) return FONT_DATA;\n try {\n console.log(`Fetching font from ${FONT_URL}...`);\n const response = await fetch(FONT_URL);\n if (!response.ok) {\n throw new Error(`Failed to fetch font: ${response.status} ${response.statusText}`);\n }\n const fontArrayBuffer = await response.arrayBuffer();\n FONT_DATA = new Uint8Array(fontArrayBuffer);\n console.log(`Font loaded successfully from ${FONT_URL}`);\n return FONT_DATA;\n } catch (error) {\n console.error(`Error loading font from ${FONT_URL}:`, error);\n // Return null to indicate failure in a server context.\n return null;\n }\n}\n\n// Pre-load the font when the script initializes to improve response time for the first request.\nawait loadFont();\n\n// Creates the fax image with text and applies distortion effects.\nasync function createFaxImage(text: string): Promise {\n try {\n const fontData = await loadFont();\n if (!fontData) {\n // Font is essential, return an internal server error if it's unavailable.\n return new Response(\"Error: Could not load required font.\", { status: 500 });\n }\n\n // Dimensions based on US Letter paper ratio (8.5x11), scaled up for detail.\n const width = 1700;\n const height = 2200;\n const img = new Image(width, height);\n\n img.fill(0xFFFFFFFF); // Start with a plain white background.\n\n // Render the text onto the image using specified margins and font size.\n await addRenderedText(img, text, 200, 200, 40);\n\n // Apply various fax-like distortion effects over the image.\n await addFaxDistortions(img);\n\n const encodedImage: Uint8Array = await img.encode();\n\n // Return the generated PNG image data.\n console.log(`Image generated successfully.`);\n return new Response(encodedImage, {\n headers: {\n \"Content-Type\": \"image/png\",\n },\n });\n } catch (error: unknown) {\n console.error(\"Error creating fax image:\", error);\n // Return an internal server error response if anything goes wrong during generation.\n return new Response(`Error creating image: ${Deno.inspect(error)}`, { status: 500 });\n }\n}\n\n// Renders the input text onto the image canvas.\nasync function addRenderedText(\n img: Image,\n text: string,\n marginLeft: number,\n marginTop: number,\n fontSize: number,\n): Promise {\n const fontData = await loadFont();\n if (!fontData) return; // Should be caught earlier, but safety check.\n\n // Configure text layout: wrap words within margins.\n const layout = new TextLayout({\n maxWidth: img.width - marginLeft * 2,\n wrapStyle: \"word\",\n });\n\n // Render text to a temporary image using dark grey for a faded look.\n const textColor = 0x333333FF;\n const textImage = await Image.renderText(fontData, fontSize, text, textColor, layout);\n\n // Introduce a slight horizontal skew to mimic scanner misalignment.\n const skewOffset = Math.floor(Math.random() * 8 - 4);\n const textXPos = marginLeft + skewOffset;\n const textYPos = marginTop;\n\n // Composite the rendered text onto the main image.\n if (\n textXPos >= 0 && textYPos >= 0 && textXPos + textImage.width < img.width && textYPos + textImage.height < img.height\n ) {\n img.composite(textImage, textXPos, textYPos);\n } else {\n console.warn(\"Rendered text might be partially out of bounds.\");\n // Attempt compositing anyway, allowing the library to clip if needed.\n img.composite(textImage, Math.max(0, textXPos), Math.max(0, textYPos));\n }\n}\n\n// Applies various visual distortions to mimic fax machine artifacts.\nasync function addFaxDistortions(img: Image): Promise {\n const width = img.width;\n const height = img.height;\n\n // --- Vertical Streaking ---\n // Simulates toner drag or scanner issues creating vertical lines downwards from dark areas.\n const streakProbability = 0.08; // Chance per column to start a streak.\n const maxStreakLength = 15; // Max length of streaks.\n const streakIntensity = 0.10; // Controls how quickly streaks fade downwards (higher = faster fade).\n\n for (let x = 1; x < width; x++) {\n if (Math.random() < streakProbability) {\n for (let y = 1; y < height - maxStreakLength; y++) {\n const originalColor = img.getPixelAt(x, y);\n const [r, g, b, a] = Image.colorToRGBA(originalColor);\n\n // Check if the pixel is dark and opaque enough to initiate a streak.\n if (r < 150 && g < 150 && b < 150 && a > 200) {\n const streakLength = Math.floor(Math.random() * maxStreakLength) + 1;\n let currentIntensity = 1.0;\n\n for (let streakY = 1; streakY <= streakLength; streakY++) {\n const targetY = y + streakY;\n if (targetY >= height) break;\n\n const bgColor = img.getPixelAt(x, targetY);\n const [bgR, bgG, bgB, bgA] = Image.colorToRGBA(bgColor);\n\n // Blend the color of the initiating pixel downwards, fading its contribution.\n currentIntensity *= 1.0 - streakIntensity;\n const blendedR = Math.floor(r * currentIntensity + bgR * (1 - currentIntensity));\n const blendedG = Math.floor(g * currentIntensity + bgG * (1 - currentIntensity));\n const blendedB = Math.floor(b * currentIntensity + bgB * (1 - currentIntensity));\n\n const newColor = Image.rgbaToColor(blendedR, blendedG, blendedB, bgA);\n\n // Only apply the streak color if it actually darkens the target pixel\n // (prevents bright streaks on white background).\n const [newR, newG, newB] = Image.colorToRGBA(newColor);\n if (newR < bgR || newG < bgG || newB < bgB) {\n img.setPixelAt(x, targetY, newColor);\n }\n }\n // Skip the main loop ahead past the area just streaked to avoid overlapping streaks from the same source column.\n y += streakLength;\n }\n }\n }\n }\n\n // --- Horizontal Smudging/Dragging ---\n // Simulates minor horizontal misalignment or dragging within small bands.\n const numSmudges = Math.floor(Math.random() * 12) + 7; // Number of smudge bands.\n const maxSmudgeWidth = 65; // Max width of a band.\n const maxSmudgeHeight = 5; // Max height of a band (usually short and wide).\n const maxOffset = 3; // Max horizontal pixel shift within a band.\n\n for (let i = 0; i < numSmudges; i++) {\n const smudgeX = Math.floor(Math.random() * (width - maxSmudgeWidth));\n const smudgeY = Math.floor(Math.random() * (height - maxSmudgeHeight));\n const smudgeWidth = Math.floor(Math.random() * maxSmudgeWidth) + 10;\n const smudgeHeight = Math.floor(Math.random() * maxSmudgeHeight) + 1;\n const offsetX = Math.floor(Math.random() * (maxOffset * 2 + 1)) - maxOffset;\n\n if (offsetX === 0) continue;\n\n // Clone the area *before* modification to ensure source pixels aren't affected by ongoing smudging.\n const tempSmudgeArea = img.clone().crop(smudgeX, smudgeY, smudgeWidth, smudgeHeight);\n\n for (let y = 0; y < smudgeHeight; y++) {\n for (let x = 0; x < smudgeWidth; x++) {\n const targetX = x + offsetX;\n\n // Apply the color from the *shifted* position in the clone back to the original image.\n if (targetX >= 0 && targetX < smudgeWidth) {\n const sourceColor = tempSmudgeArea.getPixelAt(targetX + 1, y + 1); // 1-based coords\n img.setPixelAt(smudgeX + x + 1, smudgeY + y + 1, sourceColor); // 1-based coords\n }\n // Optional: Fill edge pixels (where content was dragged from) with white/grey if needed.\n // else { img.setPixelAt(smudgeX + x + 1, smudgeY + y + 1, 0xF8F8F8FF); }\n }\n }\n }\n\n // --- Faint Random Artifacts ---\n // Adds subtle, sparse specks like stray toner particles or paper imperfections.\n const numArtifacts = Math.floor(Math.random() * 7) + 3; // Number of artifact spots.\n for (let i = 0; i < numArtifacts; i++) {\n const artX = Math.floor(Math.random() * (width - 60)) + 30; // Position away from edges.\n const artY = Math.floor(Math.random() * (height - 60)) + 30;\n const radius = Math.floor(Math.random() * 20) + 6; // Size of the artifact area.\n\n // Draw points within a circle using random probability for a sparse, irregular shape.\n for (let y = -radius; y < radius; y++) {\n for (let x = -radius; x < radius; x++) {\n if (x * x + y * y < radius * radius && Math.random() < 0.38) { // Check radius and probability.\n const pixelX = artX + x;\n const pixelY = artY + y;\n\n if (pixelX >= 1 && pixelX < width && pixelY >= 1 && pixelY < height) {\n const artifactAlpha = Math.floor(Math.random() * 40) + 10; // Very faint alpha.\n const existingColor = img.getPixelAt(pixelX, pixelY);\n // Blend the faint artifact color by slightly darkening the existing pixel's RGB.\n const blendedColor = Image.rgbaToColor(\n ...Image.colorToRGBA(existingColor).map((val, idx) =>\n idx < 3 ? Math.floor(val * (1 - artifactAlpha / 255)) : val // Darken RGB based on alpha.\n ) as [number, number, number, number],\n );\n // Only apply if the pixel actually gets darker.\n const [exR, exG, exB] = Image.colorToRGBA(existingColor);\n const [blR, blG, blB] = Image.colorToRGBA(blendedColor);\n if (blR < exR || blG < exG || blB < exB) {\n img.setPixelAt(pixelX, pixelY, blendedColor);\n }\n }\n }\n }\n }\n }\n}","deleted","label","fax",[98],"permalink","https://www.val.town/x/maxm/textToFax/code/main.ts","extension","actionData","errors"]