From be94db33e209de98ae0aee52301407c069cde5bd Mon Sep 17 00:00:00 2001 From: min Date: Wed, 10 Sep 2025 04:26:14 -0400 Subject: [PATCH] more? --- TimesNewPixel.ttf | Bin 0 -> 11632 bytes index.html | 9 +++++++-- js/main.js | 2 +- shader/bg.frag | 18 ++++++++++++++---- style.css | 13 +++++++++++++ templogo.png | Bin 0 -> 1554 bytes 6 files changed, 35 insertions(+), 7 deletions(-) create mode 100644 TimesNewPixel.ttf create mode 100644 templogo.png diff --git a/TimesNewPixel.ttf b/TimesNewPixel.ttf new file mode 100644 index 0000000000000000000000000000000000000000..99fb38b8bc1deac72a559c8a75b2b551d03f015d GIT binary patch literal 11632 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 DLZKt@ literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 58802a5..ee1f1df 100644 --- a/index.html +++ b/index.html @@ -21,10 +21,15 @@
-

Title

+ +
+

Test for internet websites

+
-

page footer

+
+

2025 (c) minish ^.^

+
diff --git a/js/main.js b/js/main.js index 3b235db..b44bd65 100644 --- a/js/main.js +++ b/js/main.js @@ -6,7 +6,7 @@ var gl = canvas.getContext("webgl", { }); function resizeCanvas() { - const scl = (p) => Math.trunc(p / 4); + const scl = (p) => Math.trunc(p / 2); var width = scl(gl.canvas.clientWidth); var height = scl(gl.canvas.clientHeight); diff --git a/shader/bg.frag b/shader/bg.frag index 9a4595b..5da5c1e 100644 --- a/shader/bg.frag +++ b/shader/bg.frag @@ -61,9 +61,19 @@ void main() { float dist = distance(herescaled, center); float distf = smoothstep(0.0, shortside, dist); - float second = floor(u_time * 1.1); - float noise = snoise(vec2(herescaled.x * herescaled.y, second)); - float final = distf - noise * 0.8; + // at lower clock values, we make vignette gradient denser + // (at kinda slow rate for a breathing effect) + float slowtime = u_time / 2.0; + float timing = sin(slowtime) + 1.0; + float vig = distf + mix(-0.05, 0.0, timing); - gl_FragColor = mix(lighter, darker, final); + // randomize noise pattern every second ish + float fasttime = u_time * 1.1; + float second = floor(fasttime); + float noise = snoise(vec2(herescaled.x * herescaled.y, second)); + + // blend noise and gradient + float final = (1.0 - vig) - noise * 0.9; + + gl_FragColor = mix(darker, lighter, final); } diff --git a/style.css b/style.css index 6ca7a2d..3e13737 100644 --- a/style.css +++ b/style.css @@ -3,6 +3,11 @@ --fg1: #ffffff; } +@font-face { + font-family: TimesNewPixel; + src: url("/TimesNewPixel.ttf"); +} + * { margin: 0px; padding: 0px; @@ -15,6 +20,13 @@ body { background: var(--bg); color: var(--fg1); + + font-family: TimesNewPixel; +} + +.shadow { + filter: drop-shadow(1px 1px 0 var(--bg)) drop-shadow(-1px 1px 0 var(--bg)) + drop-shadow(1px -1px 0 var(--bg)) drop-shadow(-1px -1px 0 var(--bg)); } #bg { @@ -42,4 +54,5 @@ footer { bottom: 0; left: 0; width: 100vw; + padding: 4px; } diff --git a/templogo.png b/templogo.png new file mode 100644 index 0000000000000000000000000000000000000000..d82bed7c17a2d7513d210234b4087733edddea84 GIT binary patch literal 1554 zcmd5)`#0NX82=`fDm_)FWv8X>+O_6#N>$g*v>jC`xd@SH+zAp%E71}SbDODAm#{8` zjc9i!MOW&6D>hMD*SIItwbV84LqL!Ogbnd!ob)cwrD&&EiG+% zc{w8^BQ7q^-`{^=U|@H5x3#r3Ha2#9d;9(S_f#rXEEZQ)RlR!kYHx4v-Me=ZiR8_j zH`dnHQmK^1Vs&+O_4f8QH#gVS)ipFU6ciL-u~-ie51CBn<>l4g-AyKwx3;!$INZ|G z($3CKVq&6;i_7NbW=BUyUtgb%jSZbnfAHV|3WW*_3u|m_tf{FP8yiET(L5dxgTbt< ztjx^JL`6j{EG(3kmU6k=)zwvZclZ4K{Kdt^q@<*Tgal7dPYQ)HIXUU;>swx4J~ub_ z^y$;ruU|VkImN`pY;0^)R8&k&O_4~XCr_SCPfrI01r-+;2L=XmIGnt^y!G{UM@Pqr ziHVSqknr$uXJ=<`Z|{hRh_<%2!NI}$`uf?~*`c8!6BCo%+}z5_%ATGcdwct}wKW=z zR$E&u6bd6FBVW9DQB+hkK0YoG2nYni$jC@%XJ<-EN>)}@Sy>qpiDa|cOeQluJ-xrb zKQuISetw=vB&MdOA`l3XNHjb=TvAfv=H^yiUCm%HTwPs#e0=zPKDao`Fr8@-5*T(E z9Jqr2ivagNGmzh!(p@XZ002+{M^)iNn*4ISLFX|B+<}4fBQuype-dCzq|zA%7&!j) zWrK?b#+uaG95APh7! z#wdL7-v+r{JV2G#|BL_m6aZ&URs5;Xyv$3A9mR*6{kEmVkvZu?Ye;*B>V39gt6@*;LRQpE*?#je z=ty^^YxKYl;R`%_y(F|yc(Nz*$R(j(Ha-QNY8W{J8`QFa|&{|2aywjrAWW03x+g}$(zwliGUU? z5zru^VcO?|?L<6WxF~IhI*JY`5wV-Q9{Ki$|JF;#x0_g~n<-Z6nP{)!izw1n1|*Z{ zsmy#X1_b)^@wE|%Yd_f}-C&`i99>w?#s=b^mX2PD%wA+VntYj37@C)`eZ`lD2xLQ%DtHvOo~@KTGObhs}WE8 zl{+&fbZ#{|9K5auzeB6O!*a|#5oI<^+W1 literal 0 HcmV?d00001