Habt ihr es schon bemerkt?

Freitag, 27.6.2025, 07:15 > daMax

Ich bin ja stolz wie Bolle auf diesen neuen Effekt, den ChatGPT und ich in trauter Zweisamkeit im Laufe der letzten Abende gecodet haben. Allerdings befällt mich die Befürchtung, dass das mal mal wieder niemand mitkriegt, so subtil wie die Chose ist.

Das Logo da rechts wandert jetzt "am Knick entlang":

Könnte ich mir stundenlang angucken Allerdings nur den Effekt, nicht so sehr den Code, denn der ist leider extrem hässlich und voller magic numbers, die ich selber nicht verstehe

Für Interessierte:

/******************************
 * Das Logo mit scrollen lassen
 */
function updateLogoPosition() {
	const logo = document.getElementById('logowrapper');
	logo.style.position ='fixed'; // für noscripter ist das Ding absolute
                                      // weil es sonst halt echt doof aussieht
	const scrollY = window.scrollY;

	const maxOffset = 88;
	const cycleLength = 1732;

	const posInCycle = scrollY % cycleLength;
	const halfCycle = cycleLength / 2;

	// Der Übergang von nach-links-wandern zu nach-rechts-wandern klappt nie.
	// Workaround mit ein paar magic numbers, trial-and-error ¯\_(ツ)_/¯ 
	let knickAusgleich;
	let isRotating = posInCycle > halfCycle - 160;

	if  (posInCycle < 1600) {
		knickAusgleich = 0
	}
	else {
		knickAusgleich = 177;
		isRotating = false;
	}

	const zigzagFactor = !isRotating
	? (posInCycle / halfCycle) * maxOffset - knickAusgleich
	: (maxOffset - ((posInCycle - halfCycle) / halfCycle) * maxOffset) - 30;

	logo.style.marginLeft = 540 + zigzagFactor + 'px';

	// Add rotation
	logo.style.transform = isRotating ? 'rotate(10deg)' : 'rotate(0deg)';
}
addEvent(window, "scroll", updateLogoPosition);

| Abgelegt unter 1337, Coding
The views expressed by the author are personal.

Artikel aus der gleichen Kategorie:
CachyOS: Mein Weg weg von Windows? «
Eine Website in Portal2 bauen «
YouTube - Bullshit = NSFWYouTube [update] «

6 Meinungen zu “Habt ihr es schon bemerkt?”

Sitz nur rum meinte:

27.6.2025 um 08:37 Uhr

Cool! Sieht aus wie ausm Retro Game.

Welche ChatGPT Version nutzt du? Hab versucht mit Chat eine Wetterstation in Home Assistant einzubinden. Entweder ich bin da zu ungenau, oder ChatGPT ist meh.

Antworten

daMax meinte:

27.6.2025 um 11:42 Uhr

@Sitz nur rum: Einfach nur das, was man ohne Anmeldung auf der Website zu sehen bekommt. Mein Ansatz ist der: ich gebe meistens schon groben Code vor (HTML,CSS), dann soll ChatGPT Code schreiben zu dem was ich machen will, dann übernehme ich wieder ein bisschen, gebe das an ChatGPT usw. Also ein ständiges Hin und Her, immer mit meinen vielen vielen Jahren Codingerfahrung im Hintergrund. Ich erwarte überhaupt keinen funktionalen Code von ChatGPT, denn den wirst du eh nie bekommen, dazu schreibt der viel zu großen Müll.

Aber z.B. die Zeile mit dem Zigzagfactor kam erstmal von ChatGPT, da wäre ich so wahrscheinlich nicht drauf gekommen. Auch die das mit cycleLenght und halfCycle war chatGPTs Idee.

Allerdings wäre ChatGPT niemals auf die Idee gekommen, die Position des Logos per margin-left zu setzen, der wollte das immer per style.left machen und das war ganz schlimm laggy. Die margin-left Idee war schon so in meinem CSS drin und wurde dann von mir auch wieder so eingebaut.

Antworten

Schwarzes_Einhorn meinte:

27.6.2025 um 12:05 Uhr

Klingt für mich alles wie klingonisch - aber der Effekt gefällt mir. Wollte ich ein Blog, dann wollte ich auch sowas. Aber kann es sein, daß Wurli weg ist? Mit dem spiele ich auch gerne mal rum. Jetzt erscheint er aber nicht.

Antworten

daMax meinte:

27.6.2025 um 13:28 Uhr

@Schwarzes_Einhorn: Der ist immer nur auf der "Hauptseite", nicht in einzelnen Artikeln.

Antworten

Schwarzes_Einhorn meinte:

27.6.2025 um 15:24 Uhr

Stimmt! Grad hat er wieder zwei Sternchen gefressen. Ist einfach witzig, das Ding.

Antworten

daMax meinte:

27.6.2025 um 17:52 Uhr

@Schwarzes_Einhorn: ❤️

Antworten

Antworten

Das Kleingedruckte:
Halte Dich bitte an die Spielregeln. Welche Emoticons du verwenden kannst, steht hier.

Um hier kommentieren zu können, musst Du einen beliebigen Namen sowie eine beliebige E-Mail-Adresse angeben. Diese Daten werden dann erstmal zur Spamerkennung in die USA geschickt, dort und danach auch auf meinem Server gespeichert. Mit dem Absenden Deines Kommentars erklärst Du Dich damit und den hier geltenden Datenschutzbestimmungen (insbesondere dem Abschnitt Kommentarfunktion) einverstanden. Wenn Du damit nicht einverstanden bist, lass das Kommentieren bleiben, aber dann deinstalliere bitte auch sofort WhatsApp und verabschiede Dich von Facebook. Kommentarabonnements werden automatisch nach 3 Monaten gelöscht.

Wer HTML kann, ist klar im Vorteil. Diese Tags sind erlaubt:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Bei der Menge an Spam-Kommentaren passiert es hin und wieder, dass ein Kommentar vom Spamfilter gefressen wird. Bitte sei mir nicht böse aber ich habe weder Zeit noch Lust, solch verloren gegangenen Kommentaren hinterher zu forschen. Wenn das öfters passiert, schreib' mir 'ne Mail damit ich dich whitelisten kann.

daMax on Habt ihr es schon bemerkt?: “@Schwarzes_Einhorn: ❤️”

Schwarzes_Einhorn on Habt ihr es schon bemerkt?: “Stimmt! Grad hat er wieder zwei Sternchen gefressen. Ist einfach witzig, das Ding.”

daMax on Habt ihr es schon bemerkt?: “@Schwarzes_Einhorn: Der ist immer nur auf der „Hauptseite“, nicht in einzelnen Artikeln.”

Schwarzes_Einhorn on Habt ihr es schon bemerkt?: “Klingt für mich alles wie klingonisch – aber der Effekt gefällt mir. Wollte ich ein Blog, dann wollte ich auch…”

Siewurdengelesen on Mobilität für alle – Deutschlandticket retten: “Man muss sich halt im Klaren sein, dass Petitionen „Bitt“schriften sind und zu gar nichts verpflichten auf der Empfängerseite. Der…”

daMax on Habt ihr es schon bemerkt?: “@Sitz nur rum: Einfach nur das, was man ohne Anmeldung auf der Website zu sehen bekommt. Mein Ansatz ist der:…”

Sitz nur rum on Habt ihr es schon bemerkt?: “Cool! Sieht aus wie ausm Retro Game. Welche ChatGPT Version nutzt du? Hab versucht mit Chat eine Wetterstation in Home…”

daMax on Schockschwerenot! (Update 1): “@Phil: das mag alles stimmen, aber ich denke ja, der Refind Eintrag müsste eigentlich passen. Ich guck‘ mir das bei…”

Habt ihr es schon bemerkt?

6 Meinungen zu “Habt ihr es schon bemerkt?”

Antworten

Radio

Kategorien

Feeds

Zeugs

daMax woanders

Und ihr so…

Was bisher geschah:

OOPS!

Ey, lass mich einfach rein, okay?
(Setzt per Javascript einen Cookie. Wenn Du das alles deaktiviert hast, weiß ich auch nicht, wie ich dir helfen soll)

Ich will das hier nie wieder sehen.
(Setzt per Javascript einen sehr langlebigen Cookie. Wenn Du das alles deaktiviert hast oder Cookies automatisch oder auch von Hand löschst, weiß ich auch nicht, wie ich dir helfen soll)

Habt ihr es schon bemerkt?

6 Meinungen zu “Habt ihr es schon bemerkt?”

Antworten

Radio

Kategorien

Feeds

Zeugs

daMax woanders

Und ihr so…

Was bisher geschah:

OOPS!

Ey, lass mich einfach rein, okay? (Setzt per Javascript einen Cookie. Wenn Du das alles deaktiviert hast, weiß ich auch nicht, wie ich dir helfen soll)

Ich will das hier nie wieder sehen. (Setzt per Javascript einen sehr langlebigen Cookie. Wenn Du das alles deaktiviert hast oder Cookies automatisch oder auch von Hand löschst, weiß ich auch nicht, wie ich dir helfen soll)

Ey, lass mich einfach rein, okay?
(Setzt per Javascript einen Cookie. Wenn Du das alles deaktiviert hast, weiß ich auch nicht, wie ich dir helfen soll)

Ich will das hier nie wieder sehen.
(Setzt per Javascript einen sehr langlebigen Cookie. Wenn Du das alles deaktiviert hast oder Cookies automatisch oder auch von Hand löschst, weiß ich auch nicht, wie ich dir helfen soll)