bugfix: minor legibility changes
move elements around and less jitter on the crt effect because it was kinda annoying
This commit is contained in:
@@ -313,8 +313,8 @@ function renderFrame(t: number) {
|
|||||||
gl.uniform1f(U.bloom, /*--*/ 0.5)
|
gl.uniform1f(U.bloom, /*--*/ 0.5)
|
||||||
gl.uniform1f(U.vig, /*----*/ 1)
|
gl.uniform1f(U.vig, /*----*/ 1)
|
||||||
gl.uniform1f(U.noise, /*--*/ noise)
|
gl.uniform1f(U.noise, /*--*/ noise)
|
||||||
gl.uniform1f(U.flicker, /**/ 0.045)
|
gl.uniform1f(U.flicker, /**/ 0.0375)
|
||||||
gl.uniform1f(U.jitter, /*-*/ 0.00075)
|
gl.uniform1f(U.jitter, /*-*/ 0.0005)
|
||||||
gl.uniform1f(U.bright, /*-*/ 0.8)
|
gl.uniform1f(U.bright, /*-*/ 0.8)
|
||||||
gl.uniform1f(U.sat, /*----*/ 1.0)
|
gl.uniform1f(U.sat, /*----*/ 1.0)
|
||||||
gl.uniform1f(U.corner, /*-*/ 0.1)
|
gl.uniform1f(U.corner, /*-*/ 0.1)
|
||||||
@@ -325,7 +325,7 @@ function renderFrame(t: number) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function nextSlide(init = false) {
|
async function nextSlide(init = false) {
|
||||||
const duration = 1000
|
const transitionTime = 1000
|
||||||
const nextIndex = slideCounter++ % slides.length
|
const nextIndex = slideCounter++ % slides.length
|
||||||
if (nextIndex === slideIndex) return
|
if (nextIndex === slideIndex) return
|
||||||
slideIndex = nextIndex
|
slideIndex = nextIndex
|
||||||
@@ -365,10 +365,10 @@ async function nextSlide(init = false) {
|
|||||||
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, textureCanvasB)
|
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, textureCanvasB)
|
||||||
|
|
||||||
if (init) {
|
if (init) {
|
||||||
tween(0, 0.02, duration, (t) => (noise = t))
|
tween(0, 0.025, transitionTime, (t) => (noise = t))
|
||||||
setInterval(nextSlide, duration + 8000)
|
setInterval(nextSlide, transitionTime + 8000)
|
||||||
}
|
}
|
||||||
await tween(0, 1, duration, (t) => (degauss = t))
|
await tween(0, 1, transitionTime, (t) => (degauss = t))
|
||||||
|
|
||||||
textureContextA.drawImage(next.image!, 0, 0, W, H)
|
textureContextA.drawImage(next.image!, 0, 0, W, H)
|
||||||
gl.activeTexture(gl.TEXTURE0)
|
gl.activeTexture(gl.TEXTURE0)
|
||||||
|
|||||||
@@ -30,6 +30,7 @@
|
|||||||
<div class="section">
|
<div class="section">
|
||||||
<span>LOCAL</span>
|
<span>LOCAL</span>
|
||||||
<a href="/about.html">About</a>
|
<a href="/about.html">About</a>
|
||||||
|
<a href="https://files.pancakz.net/">Files</a>
|
||||||
<a href="https://code.pancakz.net/">Code</a>
|
<a href="https://code.pancakz.net/">Code</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="section">
|
<div class="section">
|
||||||
@@ -55,8 +56,8 @@
|
|||||||
|
|
||||||
<div style="height: 32px;"></div>
|
<div style="height: 32px;"></div>
|
||||||
|
|
||||||
<p class="layout-message">© 2026 bakonpancakz. All Rights Reserved.</p>
|
|
||||||
<p class="layout-message" id="motd"></p>
|
<p class="layout-message" id="motd"></p>
|
||||||
|
<p class="layout-message">© 2026 bakonpancakz. All Rights Reserved.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
@@ -70,8 +70,8 @@ export default defineConfig({
|
|||||||
return `<script type="application/json" id="${metadata}">\n${content}</script>`
|
return `<script type="application/json" id="${metadata}">\n${content}</script>`
|
||||||
}
|
}
|
||||||
|
|
||||||
// Embed as Base64 URI
|
// Embed as data URI
|
||||||
if (['.png', '.gif'].find((ext) => filepath.endsWith(ext))) {
|
if (['.png', '.jpg', '.jpeg', '.gif', '.webp', '.avif'].find((ext) => filepath.endsWith(ext))) {
|
||||||
const content = readFileSync(join(ROOT, filepath), 'base64')
|
const content = readFileSync(join(ROOT, filepath), 'base64')
|
||||||
return `data:${metadata};base64,${content}`
|
return `data:${metadata};base64,${content}`
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user