- Go to menu Help > Enter License.
- Copy the license key below and paste it into the textbox > Click the Use License button.
- Enjoy! 👍
- HTTP://DEFCONCEPTS.COM
render | |
for each particle | |
x, y = particle.position | |
color = sample( colorMap, x, y ) | |
noise = sample( noiseMap, x, y ) | |
angle = noise * PI * 2 | |
particle.velocity.add( cos(angle), sin(angle) ) |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset=utf-8> | |
<title>Liquid Particles 3D | spielzeugz.de/lab </title> | |
<meta name="description" content="HTML5 Demo, particles trapped in a sphere." /> | |
<meta name="keywords" content="html5,canvas,javascript,particles,interactive,velocity,programming,flash" /> | |
<style> | |
*{ |
//----------------------------------------------------- | |
// name: "Noise" | |
// version: "1.1" | |
// author: "Grame" | |
// license: "BSD" | |
// copyright: "(c)GRAME 2009" | |
// | |
// Code generated with Faust 0.9.67 (http://faust.grame.fr) | |
//----------------------------------------------------- | |
/* link with */ |
When I started thinking about this Codebrawl, I had essentially two ideas how to do get the selective color effect: Try to detect each crayon as an object and keep one of them in color, or take a reference color and just keep the colors that are similar to it. The first idea would be more universal, but seems to me much harder to implement. I chose the second one, so I needed a way to measure the distance between to colors.
There are several ways to get a value that tells you how much colors are like each other. If you have an RGB pixel, you could just take these 3 values as coordinates in a 3D space and calculate the distance there. I did not actually implement this, as it does not represent similar colors in the way we would see them. For example, the color (255,0,0) and (127,0,0) would both be just red, but they would have the same distance as (255, 128, 0), which introduces green to the color mix and looks pretty diff
A direct visualization of data from themigrantsfiles.com. The data was exported to CSV format from this Google Doc on September 7, 2015. Each row of the table is represented as a red circle on the map.
Inspired by
The MIT License (MIT) | |
Copyright (c) 2015 Curran Kelleher | |
Permission is hereby granted, free of charge, to any person obtaining a copy | |
of this software and associated documentation files (the "Software"), to deal | |
in the Software without restriction, including without limitation the rights | |
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
copies of the Software, and to permit persons to whom the Software is | |
furnished to do so, subject to the following conditions: |
The MIT License (MIT) | |
Copyright (c) 2015 Curran Kelleher | |
Permission is hereby granted, free of charge, to any person obtaining a copy | |
of this software and associated documentation files (the "Software"), to deal | |
in the Software without restriction, including without limitation the rights | |
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
copies of the Software, and to permit persons to whom the Software is | |
furnished to do so, subject to the following conditions: |
Each of these commands will run an ad hoc http static server in your current (or specified) directory, available at http://localhost:8000. Use this power wisely.
$ python -m SimpleHTTPServer 8000
#include "marching-squares.hh" | |
#include "point.hh" | |
#include "polygon.hh" | |
#include "douglas-peucker.hh" | |
#include <ps/canvas/canvas.hh> | |
#include <cstring> | |
#include <vector> |