予定通りリリースされたようだ。

http://support.microsoft.com/kb/971644
早速インストールしてみることにする。
インストール後、Direct2DHelloWorldサンプルをビルド、実行してみたところ動いた！

SimplePathAnimationSampleも当たり前だが動く。

どうも明日プラットフォームアップデートの中の１つという形でVista用のDirect 2Dがリリースされるらしい。
http://freesoft.tvbok.com/cat97/soon_vista_sp3.html

Microsoft SDK 7.0には、Windows Core Audioのサンプルがある。
http://msdn.microsoft.com/en-us/library/dd316764(VS.85).aspx
前バージョンのものよりも内容が豊富になっているが、WinAudioサンプルがなくなってしまった。。。

Radium Softwareに載っていたもの。
確かにすごい。

512Byteのjavascriptのデモ。
http://www.p01.org/releases/512b_jspongy/jspongy.htm
512Byteではないが、これもすごい。
http://www.p01.org/releases/20_lines_twinkle/

JavasScriptには、有名なライブラリがあるのだということがわかった。

Prototype is a JavaScript Framework that aims to ease development of dynamic web applications.

http://www.prototypejs.org/

JavaScriptとHTMLの相互作用を強化する軽量なJavaScriptライブラリ

http://jquery.com/

なつかしい。。。

ぼちぼちと実装を進めている。
もう少しで音が出せそうだ。
まあ、僕のペースはご承知のとおり、気分や状況によって変わるのでいつになるかわからないが、。

WASAPIというかWindows Core Audioは後発だけあってよくできていると思う。そういう意味でVistaはもっと評価されていいのではないかと考える。Windows7では共有モードでも低レンテンシで再生できるらしいので、ＯＳを入手したら評価してみたい。

しかし、COMというアーキテクチャもよくよく考えてみればよくできている。Windows95あたりからだからもう14年くらいはたっているが、Windows7でも新APIはまずCOM実装で提供されていることからも伺える。
これはＭＳ社内でもメソドロジが確立していて、早期にリリースできるためという面もあるだろうが。

よくよく考えてみると、PC界ではMACも含めバイナリレベルでほぼX86で互換性を有しているので、ＣＯＭというバイナリレベルインターフェースでＯＳや言語実装の差異を吸収できる時代になってきているといえるかも知れない。
JavaVMやCLIはそういうOSや言語実装の差異を埋めるために生まれてきたと記憶しているが、今の状態はそういうプラットフォーム上で生まれる成果物が逆に互換性を狭くし、本来PCが持つパフォーマンスを下げてしまっているかもしれないね。

MAMEでフリーで遊べるゲームがある。Circusもその１つだ。
小学生のとき、僕はこのゲームをゲームセンターで見て衝撃を受けた。

いろいろなCircleアルゴリズムで描画してみた。 元ネタ：http://openfmi.net/snippet/detail.php?type=snippet&id=8 (Google Chromeブラウザでのみ動作チェックしています)

/*--------------------------------------------------------------------
  DrawingCircles.c - javascript porting version
  Comparing Circles Drawed By
  canvas, The Simplest Drawing Circle Algorithm,
  Bresenham Circle Algorithm, Michener Algorithm
  By S.F.
  元ネタ：http://openfmi.net/snippet/detail.php?type=snippet&id=8
  --------------------------------------------------------------------*/

var ctx;
var bmp;
var w,h;
var dt;

function pset(x,y,r,g,b,a)
{
	var st = (x + w * y) * 4;
	dt[st++] = r;
	dt[st++] = g;
	dt[st++] = b;
	dt[st++] = a;
}


// the simplest way to draw a circle:
function reallySimpleCircle (radius, centerx,centery,r,g,b,a)
{
	var	cx = 0, cy;
	var	xLimit = Math.sqrt ((radius * radius) / 2);

	while (cx++ <= xLimit)
	{
		cy = Math.floor (Math.sqrt (radius * radius - cx * cx));
		pset ( cx + centerx, cy + centery, r,g,b,a);		// 45-90	degrees
		pset ( cx + centerx, -cy + centery, r,g,b,a);		// 270-315	degrees
		pset ( -cx + centerx, cy + centery, r,g,b,a);		// 90-135	degrees
		pset ( -cx + centerx, -cy + centery, r,g,b,a);	// 225-270	degrees
		pset ( cy + centerx, cx + centery, r,g,b,a);		// 0-45		degrees
		pset ( cy + centerx, -cx + centery, r,g,b,a);		// 315-360	degrees
		pset ( -cy + centerx, cx + centery, r,g,b,a);		// 135-180	degrees
		pset ( -cy + centerx, -cx + centery, r,g,b,a);	// 180-225	degrees
	}
}

////////////////////////////////////////////////////////
// Bresenham Circle Algorithm: 
//
//               -Yi              Xi
// ---------------o---------------o---------------
//      Hi    <=  |  >  Di    <=  |  >  Vi
//                |               |                       
//      x++       |     x++,y--   |     y--       
////////////////////////////////////////////////////////
function bresenhamCircle (radius, centerx,centery,  r,g,b,a)
{
	var cx, cy, d;

	cx = 0;
	cy = radius;
	d = 2 - 2 * radius;

	// let's start drawing the circle:
	pset ( cx + centerx, cy + centery, r,g,b,a);	// point (0, R);
	pset ( cx + centerx, -cy + centery, r,g,b,a);	// point (0, -R);
	pset ( cy + centerx, cx + centery, r,g,b,a);	// point (R, 0);
	pset ( -cy + centerx, cx + centery, r,g,b,a);	// point (-R, 0);
	
	while (1)
	{
		if (d > -cy)
		{
			--cy;
			d += 1 - 2 * cy;
		}

		if (d <= cx)
		{
			++cx;
			d += 1 + 2 * cx;
		}

		if (!cy) return;	// cy is 0, but these points are already drawn;

		// the actual drawing:
		pset ( cx + centerx, cy + centery, r,g,b,a);		// 0-90		degrees
		pset ( -cx + centerx, cy + centery, r,g,b,a);		// 90-180	degrees
		pset ( -cx + centerx, -cy + centery, r,g,b,a);	// 180-270	degrees
		pset ( cx + centerx, -cy + centery, r,g,b,a);		// 270-360	degrees
	}
}

// Miechener circle algorithm:
function miechenerCircle (radius, centerx,centery,  r,g,b,a)
{
	var cx, cy, d;

	d = 3 - 2 * radius;
	cy = radius;

	// let's start drawing the circle:
	pset ( centerx, radius + centery, r,g,b,a);	// point (0, R);
	pset ( centerx, -radius + centery, r,g,b,a);	// point (0, -R);
	pset ( radius + centerx, centery, r,g,b,a);	// point (R, 0);
	pset ( -radius + centerx, centery, r,g,b,a);	// point (-R, 0);

	for (cx = 0; cx <= cy; cx++)
	{
		if (d >= 0)
			// in this case we choose Hi:
			d += 10 + 4 * cx - 4 * cy--;
		else
			// in this case we choose Di:
			d += 6 + 4 * cx;

		// the actual drawing:
		pset ( cy + centerx, cx + centery, r,g,b,a);		// 0-45		degrees
		pset ( cx + centerx, cy + centery, r,g,b,a);		// 45-90	degrees
		pset ( -cx + centerx, cy + centery, r,g,b,a);		// 90-135	degrees
		pset ( -cy + centerx, cx + centery, r,g,b,a);		// 135-180	degrees
		pset ( -cy + centerx, -cx + centery, r,g,b,a);	// 180-225	degrees
		pset ( -cx + centerx, -cy + centery, r,g,b,a);	// 225-270	degrees
		pset ( cx + centerx, -cy + centery, r,g,b,a);		// 270-315	degrees
		pset ( cy + centerx, -cx + centery, r,g,b,a);		// 315-360	degrees
	}
}
///////////////////////////////////////////////////////////
// double substraction method for drawing a circle:
// 
// d0	-> H -> d1  = d0H+d0 -> D -> d2  = d1D+d1
// d0H	     -> d1H = d0H+2		  -> d2H = d1H+2
// d0D	     -> d1D = d0D+2		  -> d2D = d1D+4
// step 0	    step 1				 step 2
//
///////////////////////////////////////////////////////////
function dsCircle (radius, centerx,centery,  r,g,b,a)
{
	var cx, cy, d, dH, dD;

	d	= 1 - radius;
	dH	= 3;
	dD	= 5 - 2 * radius;
	cy	= radius;

	// drawing the circle:
	for (cx = 0; cx <= cy; cx++)
	{
		if (d < 0)
		{
			d	+= dH;
			dH	+= 2;
			dD	+= 2;
		}
		else
		{
			d	+= dD;
			dH	+= 2;
			dD	+= 4;
			--cy;
		}

		// the actual drawing:
		pset ( cy + centerx, cx + centery, r,g,b,a);		// 0-45		degrees
		pset ( cx + centerx, cy + centery, r,g,b,a);		// 45-90	degrees
		pset ( -cx + centerx, cy + centery, r,g,b,a);		// 90-135	degrees
		pset ( -cy + centerx, cx + centery, r,g,b,a);		// 135-180	degrees
		pset ( -cy + centerx, -cx + centery, r,g,b,a);	// 180-225	degrees
		pset ( -cx + centerx, -cy + centery, r,g,b,a);	// 225-270	degrees
		pset ( cx + centerx, -cy + centery, r,g,b,a);		// 270-315	degrees
		pset ( cy + centerx, -cx + centery, r,g,b,a);		// 315-360	degrees
	}
}


function draw()
{
	reallySimpleCircle(60,w/4,100,80,80,80,255);
	bresenhamCircle(60,w/4 * 3,100,80,80,80,255);
	miechenerCircle(60,w/4,240,80,80,80,255);
	dsCircle(60,w/4*3,240,80,80,80,255);
	ctx.putImageData(bmp,0,0);
	ctx.beginPath();
	ctx.arc(w/4,380, 60, 0, 2 * Math.PI, true);
	ctx.stroke();
	ctx.textAlign = "center";
	ctx.fillText("Simple",w/4,100);
	ctx.fillText("Bresenham",w/4*3,100);
	ctx.fillText("Miechener",w/4,240);
	ctx.fillText("Double Substraction",w/4*3,240);
	ctx.fillText("Canvas",w/4,380);
}

window.onload = function()
{
	ctx = document.getElementById("ctx").getContext("2d");
	w = document.getElementById("ctx").width;
	h = document.getElementById("ctx").height;
	bmp = ctx.createImageData(w,h);
	dt = bmp.data;
	draw();
}

ただランダムに線を引くコード。
確かこのアルゴリズムはブレゼンハムだったかな？
(Google Chromeブラウザでのみ動作チェックしています)

＜ソースコード＞

var ctx;
var bmp;
var w,h;
var dt;

function pset(x,y,r,g,b,a)
{
	var st = (x + w * y) * 4;
	dt[st++] = r;
	dt[st++] = g;
	dt[st++] = b;
	dt[st++] = a;
}

function line(sx,sy,ex,ey,r,g,b,a)
{
	var dx = ex - sx;
	var dy = ey - sy;
	var adx = Math.abs(dx);
	var ady = Math.abs(dy);

	if(adx > ady)
	{
		var ddy = Math.floor(adx / 2);
		var dxtick = (dx < 0)?-1:1;
		var dytick = (dy < 0)?-1:1;
		for(;sx != ex;sx += dxtick)
		{
			pset(sx,sy,r,g,b,a);
			ddy += ady;
			if(ddy >= adx)
			{
				ddy -= adx;
				sy += dytick;
			}
		}
	} else {
		var ddx = Math.floor(ady / 2);
		var dxtick = (dx < 0)?-1:1;
		var dytick = (dy < 0)?-1:1;
		for(;sy != ey;sy += dytick)
		{
			pset(sx,sy,r,g,b,a);
			ddx += adx;
			if(ddx >= ady)
			{
				ddx -= ady;
				sx += dxtick;
			}
		}
	}
}

function draw()
{

	line(Math.floor(Math.random() * (w - 1)),Math.floor(Math.random() * (h - 1))
		,Math.floor(Math.random() * (w  - 1)),Math.floor(Math.random() * (h - 1))
		,Math.floor(Math.random() * 255),Math.floor(Math.random() * 255),Math.floor(Math.random() * 255),255); 


	ctx.putImageData(bmp,0,0);
}

window.onload = function()
{
	ctx = document.getElementById("ctx").getContext("2d");
	w = document.getElementById("ctx").width;
	h = document.getElementById("ctx").height;
	bmp = ctx.createImageData(w,h);
	dt = bmp.data;
}

ただランダムに点を打つだけのサンプル。
(Google Chromeブラウザでのみ動作チェックしています)
http://sfpgmr.web.fc2.com/sample0001.html

var ctx;
var bmp;
var w,h;

function pset(x,y,r,g,b,a)
{
	var st = (x + w * y) * 4;
	var dt = bmp.data;
	dt[st++] = r;
	dt[st++] = g;
	dt[st++] = b;
	dt[st++] = a;
}

function draw()
{
	
	pset(Math.floor(Math.random() * 128),Math.floor(Math.random() * 128)
	,Math.random() * 256,Math.random() * 255,Math.random() * 255,255); 
	ctx.putImageData(bmp,0,0);
}

window.onload = function()
{
	ctx = document.getElementById("ctx").getContext("2d");
	w = document.getElementById("ctx").width;
	h = document.getElementById("ctx").height;
	bmp = ctx.createImageData(w,h);
	window.setInterval(draw,10);
}

メガデモシーンはまだ健在だった。

http://www.pouet.net/prod.php?which=30244

4Kデモとか、、、4Kのファイルサイズなのにすごい。
http://pouet.net/prod.php?which=53937

これも4Kデモだが、どうやって4Kに収めているのだろう。

http://pouet.net/prod.php?which=52938

http://pouet.net/

Windows7発売。
http://www.microsoft.com/japan/windows/
でも僕はボーナスまで様子見かな。

そういえばMSはこんなことも言ってたな。。。
http://www.watch.impress.co.jp/pc/docs/article/980513/kaigai01.htm