«Visual demonstration of aliasing/foldover (modified from James Harkins)» by jnarveson

on 15 Jan'14 12:30 in informativeeducationalnyquist

James Harkins already posted already excellent little visualizer for illustrating the importance of the Nyquist frequency - I just wanted to add a slider for variable sample rate, and some grid lines that makes it easier for me to see the sampling rate.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
(
// a slightly modified version of the excellent example patch by James Harkins.
// I added some grid lines for the samples, an adjustable sampling rate, and changed some colors.
// Jascha Narveson

var screen = Window.screenBounds,
	height = (screen.height - 120).asInteger,
	width = (screen.width - 120).asInteger,
win = Window(\aliasing, Rect.aboutPoint(screen.center, width / 2, height / 2 + 60)).background_(Color.white),
	sinPts = 400, sampPts = 20, sr,
	freq = 1, fsl,
	sinColor = Color.red, sampColor = Color.blue, lineColor = Color.grey;

win.drawHook = {
	var pt;
	pt = Point(0, height/2);
	Pen.color_(sampColor)
		.moveTo(pt);
	(1..sampPts).do { |x|
		Pen.moveTo(pt);
		pt = Point(x * (width / sampPts), sin(x * freq / sampPts * 2pi).linlin(-1, 1, height, 0));
		Pen.lineTo(pt).stroke
			.fillRect(Rect.aboutPoint(pt, 3, 3));
	};

	Pen.color_(sinColor)
		.moveTo(Point(0, height/2));
	(1..sinPts).do { |x|
		Pen.lineTo(Point(
			x * (width / sinPts),
			sin(x * freq / sinPts * 2pi).linlin(-1, 1, height, 0)
		));
	};

	Pen.stroke;

	Pen.color_(lineColor);
	(1..sinPts).do({|x|
		var xpos = x * (width / sampPts);
		Pen.moveTo(Point(xpos, 0));
		Pen.lineTo(Point(xpos, height));
		Pen.stroke;
	});

};

fsl = EZSlider(
	win,
	Rect(5, height + 10, width-10, 20),
	"freq of input wave (red):",
	ControlSpec(1, 40, 'lin', 0, 20),
	{|slider| freq = slider.value; win.refresh },
	1,
	labelWidth: 200,
	initAction: true
);

sr = EZSlider(
	win,
	Rect(5, height + 30, width-10, 20),
	"samp rate (output wave in blue):",
	ControlSpec(1, 44, 'lin', 1, 20),
	{|slider| sampPts = slider.value; win.refresh },
	1,
	labelWidth: 200,
	initAction: true
);
win.front;
)
raw 1733 chars (focus & ctrl+a+c to copy)
reception
comments