nullwert/re_capitulating_queer
1
0
Fork 0
Code Activity

pattern: fix

Browse Source
This commit is contained in:
Philip Wagner
2024-10-21 13:02:09 +02:00
parent 8aab0fdee1
commit 092f91c79e
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
site/templates/home.php
View File

@@ -17,15 +17,20 @@ const MOBILE_BIG = 19.5
let small = NORMAL_SMALL let small = NORMAL_SMALL
let big = NORMAL_BIG let big = NORMAL_BIG
let dpr = window.devicePixelRatio || 1
let IS_DESKTOP = true
function setupCanvas(canvas) { function setupCanvas(canvas) {
const dpr = window.devicePixelRatio || 1 dpr = window.devicePixelRatio || 1
const rect = canvas.getBoundingClientRect() const rect = canvas.getBoundingClientRect()
canvas.width = rect.width * dpr canvas.width = rect.width * dpr
canvas.height = rect.height * dpr canvas.height = rect.height * dpr
const ctx = canvas.getContext('2d') const ctx = canvas.getContext('2d')
ctx.scale(dpr, dpr) ctx.scale(dpr, dpr)
if ((canvas.width / dpr) > 750) { IS_DESKTOP = (canvas.width / dpr) > 750
if (IS_DESKTOP) {
small = NORMAL_SMALL small = NORMAL_SMALL
big = NORMAL_BIG big = NORMAL_BIG
} else { } else {
@@ -102,18 +107,15 @@ function bg(colorIndex, canvas, ctx, randomColors) {
} }
function font(colorIndex, canvas, ctx) { function font(colorIndex, canvas, ctx) {
if (canvas.width > 750) { if (IS_DESKTOP) {
ctx.font = '195px Kobata' ctx.font = '195px Kobata'
kerningNormal = { R: -12, E: -27, C: -13, A: -13, P: -13, I: -13, T: -13, U: -13, L: -13, N: -13, G: -13 }
kerningWide = { Q: 178.7, U: 178.7, E: 178.7 }
} else { } else {
ctx.font = '74px Kobata' ctx.font = '74px Kobata'
kerningNormal = { R: -6, E: -13, C: -6, A: -6, P: -6, I: -6, T: -6, U: -6, L: -6, N: -6, G: -6 }
kerningWide = { Q: 38, U: 38, E: 38 }
} }
let kerningNormal = { R: -12, E: -27, C: -13, A: -13, P: -13, I: -13, T: -13, U: -13, L: -13, N: -13, G: -13 }
let kerningWide = { Q: 178.7, U: 178.7, E: 178.7 }
const patterns = [ const patterns = [
[0], [0],
[0, 1] [0, 1]
@@ -131,7 +133,7 @@ function font(colorIndex, canvas, ctx) {
if (kerning[char]) { if (kerning[char]) {
let k = kerning[char] let k = kerning[char]
if (canvas.width < 750) k = k * 0.51724138 if (!IS_DESKTOP) k = k * (0.34482759 * (1 / dpr))
x += k x += k
} }