Diffusion Limited Aggregation

Developer
Ben Matthews
Size
3,361 Kb
Views
8,096
  1. Diffusion Limited Aggregation Previews
  2. Diffusion Limited Aggregation HTML Codes
  3. Diffusion Limited Aggregation CSS Codes
  4. Diffusion Limited Aggregation JS Codes

How do I make an diffusion limited aggregation?

Diffusion limited aggregation is a growth model where particles traveling using a random-walk algorithm form a cluster around a seed shape.. What is a diffusion limited aggregation? How do you make a diffusion limited aggregation? This script and codes were developed by Ben Matthews on 20 December 2022, Tuesday.

Diffusion Limited Aggregation Previews
IQ Test

Diffusion Limited Aggregation - Script Codes HTML Codes

<!DOCTYPE html>
<html class="https://github.com/processing/p5.js/releases/download/0.5.6/p5.min.js">
<head> <meta charset="UTF-8"> <title>Diffusion Limited Aggregation</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="controls"> <table> <tr> <td>Simulation Speed:</td> <td><input id="speedSlider" type="range" min="1" max ="5" value="1" oninput="updateVals()"></td> </tr> <tr> <td>Active Particles:</td> <td><input id="particleSlider" type="range" min="1" max ="2000" value="1000" oninput="updateVals()"></td> </tr> <tr> <td>Angle Mod:</td> <td><input id="angleSlider" type="range" min="0" max ="6.2" value=".62" step=".01" oninput="updateVals()"></td> </tr> <tr> <td>Step Size:</td> <td><input id="stepSlider" type="range" min="1" max ="15" value="1" oninput="updateVals()"> </td> </tr> <tr> <td>Orthogonal:</td> <td><input id="orthoCheckbox" type="checkbox" onclick="updateDirs()"></td> </tr> </table> <br> <button onclick="resize()">Reseed</button>
</div> <script src='https://github.com/processing/p5.js/releases/download/0.5.6/p5.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Diffusion Limited Aggregation - Script Codes CSS Codes

* { margin:0; padding:0; }
html, body { width:100%; height:100%; }
canvas { display:block; }
#controls { margin: 20px; padding: 10px; position: absolute; top: 0; left: 0; border-radius: 10px; background-color: rgba(136, 136, 136, 0.5); color: white;
}

Diffusion Limited Aggregation - Script Codes JS Codes

window.addEventListener('resize', resize, false);
var attaches = 0;
var numParticles = 2000;
var activeParticles = 1000;
var particles = [];
var sBins = [];
var grid = [];
var orthoMove = false;
var halfWidth;
var halfHeight;
var spawnRadius = 0;
var killRadius = 5;
var angleMod = .62;
var stepSize = 1;
var speed = 1;
var dirs1 = [ [-1, -1], [0, -1], [1, -1], [-1, 0], [1, 0], [-1, 1], [0, 1], [1, 1]
]
var dirs2 = [ [0, -1], [-1, 0], [1, 0], [0, 1]
];
var dirs = dirs1;
function Particle(x, y){ this.x = floor(x); this.y = floor(y); this.angle = random()*PI*2; this.tick = function(){ if (orthoMove){ var i = floor(random()*4); this.x += dirs2[i][0]*stepSize; this.y += dirs2[i][1]*stepSize; } else { this.x += cos(this.angle)*stepSize; this.y += sin(this.angle)*stepSize; this.angle += random()*angleMod - angleMod/2; } if (this.x < 0) this.x = width-1; if (this.x >= width) this.x = 0; if (this.y < 0) this.y = height-1; if (this.y >= height) this.y = 0; } this.respawn = function(){ var spawnAngle = random()*PI*2; this.angle = spawnAngle + random()*PI - PI*1.5; this.x = cos(spawnAngle)*spawnRadius + width/2; this.y = sin(spawnAngle)*spawnRadius + height/2; }
}
function setup(){ createCanvas(); colorMode(HSB, 360, 100, 100, 100); ellipseMode(CENTER); resize();
}
function draw(){ for (var j = 0; j < speed; j++){ for (var i = 0; i < particles.length; i++){ if (j == 0){ stroke(0); point(particles[i].x, particles[i].y); } if (i >= activeParticles) continue; particles[i].tick(); var distance = getDist(particles[i]); if (distance > killRadius*killRadius) particles[i].respawn(); if (isAttached(particles[i])){ var x = floor(particles[i].x); var y = floor(particles[i].y); if (x > -1 && y > -1 && x < width && y < height){ attaches++; grid[x][y] = true; stroke(floor(45 + frameCount/20)%360, 100, 100); point(x, y); var dx = abs(x - width/2); var dy = abs(y - height/2); dist = sqrt(dx*dx + dy*dy); if (dist+5 > spawnRadius){ spawnRadius = dist+5; killRadius = spawnRadius + 5; } particles[i].respawn(); } } if (j == speed-1){ stroke(50); point(particles[i].x, particles[i].y); } } }
}
function updateVals(){ angleMod = document.getElementById("angleSlider").value; stepSize = document.getElementById("stepSlider").value; speed = document.getElementById("speedSlider").value; activeParticles = document.getElementById("particleSlider").value; // orthoMove = (angleMod == 6.2); speed = floor(speed*(1000/min(max(activeParticles, 100), 1000)));
}
function updateDirs(){ if (document.getElementById("orthoCheckbox").checked){ dirs = dirs2; } else { dirs = dirs1; }
}
function isAttached(p){ for (var i = 0; i < dirs.length; i++){ var dx = floor(p.x + dirs[i][0]); var dy = floor(p.y + dirs[i][1]); if (dx > -1 && dy > -1 && dx < width && dy < height){ if (grid[dx][dy]) return true; } } return false;
}
function getDist(p){ var dx = p.x - width/2; var dy = p.y - height/2; return dx*dx + dy*dy;
}
function resize(){ resizeCanvas(window.innerWidth, window.innerHeight); grid = []; halfWidth = floor(width/2); halfHeight = floor(height/2); for (var i = 0; i < width; i++){ grid.push([]); for (var j = 0; j < height; j++){ grid[i].push(false); } } particles = []; for (var i = 0; i < numParticles; i++){ particles.push(new Particle(random()*width, random()*height)); } attaches = 0; spawnRadius = 2; killRadius = 12; grid[floor(width/2)][floor(height/2)] = true; background(0);
}
Diffusion Limited Aggregation - Script Codes
Diffusion Limited Aggregation - Script Codes
Home Page Home
Developer Ben Matthews
Username tsuhre
Uploaded December 20, 2022
Rating 4
Size 3,361 Kb
Views 8,096
Do you need developer help for Diffusion Limited Aggregation?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Ben Matthews (tsuhre) Script Codes
Name
Flame Animation Test 2
A Pen by Ben Matthews
Zelda BOTW Sheikah Language
Number Theory Pattern Explorer
Fractal Fun
Elastic Mesh
Snow
Changing Terrain Experiment
Arcs
Circular Ogee Tiling
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!