website/sound.html in sgl-0.4.0 vs website/sound.html in sgl-1.0.0

- old
+ new

@@ -1,141 +1,141 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" -"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> -<head> - <link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" /> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> - <title> - サウンド機能 - </title> - <script src="javascripts/rounded_corners_lite.inc.js" type="text/javascript"></script> -<style> - -</style> - <script type="text/javascript"> - window.onload = function() { - settings = { - tl: { radius: 10 }, - tr: { radius: 10 }, - bl: { radius: 10 }, - br: { radius: 10 }, - antiAlias: true, - autoPad: true, - validTags: ["div"] - } - var versionBox = new curvyCorners(settings, document.getElementById("version")); - versionBox.applyCornersToAll(); - } - </script> -</head> -<body> -<div id="main"> - - <h1>サウンド機能</h1> - <div id="version" class="clickable" onclick='document.location = "http://rubyforge.org/projects/sgl"; return false'> - <p>Get Version</p> - <a href="http://rubyforge.org/projects/sgl" class="numbers">0.4.0</a> - </div> - <h2>使い方</h2> - - - <p>サウンド機能の使い方について解説する.</p> - - -<pre syntax="ruby"> -require 'sgl' - -useSound # soundを使うことを宣言する. - -sound = loadSound('sine.wav') # サンプル音をファイルから読みこむ. - # 同じディレクトリーにsine.wavというファイルを置いておく. - -sound.play # そのサンプル音を再生する. - -wait # プログラムがすぐ終了するのをふせぐために待つ. - # Ctrl+Cで,プログラムが終了する. -</pre> - - <p>元となるサンプル音は,マイクからサンプリングしたり,インターネットから -フリーの音源をダウンロードする.波形編集ソフトを使ってMP3ファイルから -切り出したりする方法もある.</p> - - -<pre syntax="ruby"> -require 'sgl' - -def setup - useSound - window -200, -200, 200, 200 - $y = 0 - $sound = loadSound('sine.wav') -end - -def onMouseDown(x, y) - $y = y - $sound.play(y / 10 + 60) -end - -def display - line -200, $y, 200, $y -end - -mainloop -</pre> - - <p>マウスが押されると,その高さに応じた音を再生する.音量も変化する.</p> - - -<pre syntax="ruby"> -require 'sgl' - -def setup - useSound - window -200, -200, 200, 200 - $x = 0 - $y = 0 - $sound = loadSound('sine.wav') -end - -def onMouseDown(x, y) - $x = x - $y = y - $sound.play(y / 10 + 60, x / 4 + 50) -end - -def display - circle($x, $y, 10) -end - -mainloop -</pre> - - <h2>注意点</h2> - - - <p>音を同時にたくさん出すと,システム全体が固まる.プログラムが止まるだけ -でなく,マシン全体が固まる.あまりたくさん音を同時に出しすぎないように -プログラム側で調整する.</p> - - - <h2>波形編集ソフト</h2> - - - <p>AudacityやWave Editor <span class="caps">TWE</span>などのフリーの波形編集ソフトを使ってサンプル -音を編集できる.自分が持っているMP3ファイルを元に編集することもできる. -AudacityなどでMP3ファイルを開き,該当個所のみを切り出して保存しなおす -とよい.</p> - - - <ul> - <li><a href="http://audacity.sourceforge.net/">Audacity</a></li> - <li><a href="http://www.yamaha.co.jp/product/syndtm/dl/utility/twe/">Wave Editor <span class="caps">TWE</span></a></li> - </ul> - <p class="coda"> - 20th June 2007<br> - </p> -</div> - -<!-- insert site tracking codes here, like Google Urchin --> - -</body> -</html> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> + <link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" /> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title> + サウンド機能 + </title> + <script src="javascripts/rounded_corners_lite.inc.js" type="text/javascript"></script> +<style> + +</style> + <script type="text/javascript"> + window.onload = function() { + settings = { + tl: { radius: 10 }, + tr: { radius: 10 }, + bl: { radius: 10 }, + br: { radius: 10 }, + antiAlias: true, + autoPad: true, + validTags: ["div"] + } + var versionBox = new curvyCorners(settings, document.getElementById("version")); + versionBox.applyCornersToAll(); + } + </script> +</head> +<body> +<div id="main"> + + <h1>サウンド機能</h1> + <div id="version" class="clickable" onclick='document.location = "http://rubyforge.org/projects/sgl"; return false'> + <p>Get Version</p> + <a href="http://rubyforge.org/projects/sgl" class="numbers">1.0.0</a> + </div> + <h2>使い方</h2> + + + <p>サウンド機能の使い方について解説する.</p> + + +<pre syntax="ruby"> +require 'sgl' + +useSound # soundを使うことを宣言する. + +sound = loadSound('sine.wav') # サンプル音をファイルから読みこむ. + # 同じディレクトリーにsine.wavというファイルを置いておく. + +sound.play # そのサンプル音を再生する. + +wait # プログラムがすぐ終了するのをふせぐために待つ. + # Ctrl+Cで,プログラムが終了する. +</pre> + + <p>元となるサンプル音は,マイクからサンプリングしたり,インターネットから +フリーの音源をダウンロードする.波形編集ソフトを使ってMP3ファイルから +切り出したりする方法もある.</p> + + +<pre syntax="ruby"> +require 'sgl' + +def setup + useSound + window -200, -200, 200, 200 + $y = 0 + $sound = loadSound('sine.wav') +end + +def onMouseDown(x, y) + $y = y + $sound.play(y / 10 + 60) +end + +def display + line -200, $y, 200, $y +end + +mainloop +</pre> + + <p>マウスが押されると,その高さに応じた音を再生する.音量も変化する.</p> + + +<pre syntax="ruby"> +require 'sgl' + +def setup + useSound + window -200, -200, 200, 200 + $x = 0 + $y = 0 + $sound = loadSound('sine.wav') +end + +def onMouseDown(x, y) + $x = x + $y = y + $sound.play(y / 10 + 60, x / 4 + 50) +end + +def display + circle($x, $y, 10) +end + +mainloop +</pre> + + <h2>注意点</h2> + + + <p>音を同時にたくさん出すと,システム全体が固まる.プログラムが止まるだけ +でなく,マシン全体が固まる.あまりたくさん音を同時に出しすぎないように +プログラム側で調整する.</p> + + + <h2>波形編集ソフト</h2> + + + <p>AudacityやWave Editor <span class="caps">TWE</span>などのフリーの波形編集ソフトを使ってサンプル +音を編集できる.自分が持っているMP3ファイルを元に編集することもできる. +AudacityなどでMP3ファイルを開き,該当個所のみを切り出して保存しなおす +とよい.</p> + + + <ul> + <li><a href="http://audacity.sourceforge.net/">Audacity</a></li> + <li><a href="http://www.yamaha.co.jp/product/syndtm/dl/utility/twe/">Wave Editor <span class="caps">TWE</span></a></li> + </ul> + <p class="coda"> + 30th June 2007<br> + </p> +</div> + +<!-- insert site tracking codes here, like Google Urchin --> + +</body> +</html>