furk4ngg/FURK4NGG.github.io
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update 404.html

Browse Source
This commit is contained in:
FURK4NGG
2025-03-15 23:56:42 +03:00
committed by GitHub
parent f550bec0c4
commit 111e1870cf
1 changed files with 28 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
404.html
+28 -5
View File
@@ -1,3 +1,4 @@
<!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>Furkan Karlıoğlu - 404 Page</title> <title>Furkan Karlıoğlu - 404 Page</title>
@@ -52,6 +53,7 @@
<script> <script>
let width = window.innerWidth; let width = window.innerWidth;
let height = window.innerHeight; let height = window.innerHeight;
let attractionForce = 7000; // Çekim gücü negatif olunca baloncuklar birbirini iter
const nodes = [ const nodes = [
{ id: 1, radius: 60, text: "Not" }, { id: 1, radius: 60, text: "Not" },
@@ -64,11 +66,11 @@
.attr("height", height); .attr("height", height);
const simulation = d3.forceSimulation(nodes) const simulation = d3.forceSimulation(nodes)
.force("center", d3.forceCenter(width / 2, height / 2)) // Merkezde tutan kuvvet .force("center", d3.forceCenter(width / 2, height / 2))
.force("collision", d3.forceCollide().radius(d => d.radius + 5)) .force("collision", d3.forceCollide().radius(d => d.radius + 5))
.force("attraction", d3.forceManyBody().strength(100)) // Çekim kuvveti .force("attraction", d3.forceManyBody().strength(attractionForce)) // Güç buradan çekiliyor
.force("x", d3.forceX(width / 2).strength(0.1)) // X ekseninde merkezde tutar .force("x", d3.forceX(width / 2).strength(0.1))
.force("y", d3.forceY(height / 2).strength(0.1)) // Y ekseninde merkezde tutar .force("y", d3.forceY(height / 2).strength(0.1))
.on("tick", ticked); .on("tick", ticked);
const bubbles = svg.selectAll("circle") const bubbles = svg.selectAll("circle")
@@ -76,7 +78,11 @@
.enter() .enter()
.append("circle") .append("circle")
.attr("r", d => d.radius) .attr("r", d => d.radius)
.attr("fill", "rgba(255, 87, 51, 0.8)"); .attr("fill", "rgba(255, 87, 51, 0.8)")
.call(d3.drag()
.on("start", dragStarted)
.on("drag", dragged)
.on("end", dragEnded));
const texts = svg.selectAll("text") const texts = svg.selectAll("text")
.data(nodes) .data(nodes)
@@ -90,6 +96,23 @@
texts.attr("x", d => d.x).attr("y", d => d.y); texts.attr("x", d => d.x).attr("y", d => d.y);
} }
function dragStarted(event, d) {
if (!event.active) simulation.alphaTarget(0.3).restart();
d.fx = d.x;
d.fy = d.y;
}
function dragged(event, d) {
d.fx = event.x;
d.fy = event.y;
}
function dragEnded(event, d) {
if (!event.active) simulation.alphaTarget(0);
d.fx = null;
d.fy = null;
}
function resize() { function resize() {
width = window.innerWidth; width = window.innerWidth;
height = window.innerHeight; height = window.innerHeight;