sgl 0.4.0 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/ChangeLog +254 -234
- data/History.txt +6 -0
- data/Manifest.txt +10 -0
- data/Rakefile +27 -7
- data/examples/cocoa1-basic.rb +14 -14
- data/examples/cocoa10-transparent.rb +26 -26
- data/examples/cocoa11-application.rb +13 -13
- data/examples/cocoa2-draw.rb +23 -23
- data/examples/cocoa3-affine.rb +29 -29
- data/examples/cocoa4-font.rb +24 -24
- data/examples/cocoa5-image.rb +22 -22
- data/examples/cocoa6-sound.rb +24 -24
- data/examples/cocoa7-movie.rb +40 -40
- data/examples/cocoa8-movieoverlay.rb +42 -42
- data/examples/cocoa9-streaming.rb +40 -40
- data/examples/opengl1-basic.rb +14 -14
- data/examples/opengl11-application.rb +13 -13
- data/examples/opengl2-draw.rb +23 -23
- data/examples/opengl3-affine.rb +29 -29
- data/examples/sample1.rb +11 -11
- data/examples/sample10.rb +16 -16
- data/examples/sample11.rb +22 -22
- data/examples/sample11a.rb +33 -33
- data/examples/sample12.rb +30 -30
- data/examples/sample12a.rb +35 -35
- data/examples/sample13.rb +116 -116
- data/examples/sample15.rb +24 -24
- data/examples/sample16.rb +31 -31
- data/examples/sample16a.rb +35 -35
- data/examples/sample6.rb +18 -18
- data/examples/sample7.rb +16 -16
- data/examples/sample9.rb +20 -20
- data/examples/testgl.rb +169 -169
- data/lib/sgl/bass.rb +46 -46
- data/lib/sgl/cocoa-app.rb +43 -43
- data/lib/sgl/cocoa-color.rb +65 -65
- data/lib/sgl/cocoa-draw.rb +72 -72
- data/lib/sgl/cocoa-event.rb +229 -229
- data/lib/sgl/cocoa-media.rb +144 -144
- data/lib/sgl/cocoa-notuse.rb +493 -493
- data/lib/sgl/cocoa-window.rb +203 -203
- data/lib/sgl/cocoa.rb +8 -8
- data/lib/sgl/opengl-app.rb +38 -38
- data/lib/sgl/opengl-color.rb +44 -44
- data/lib/sgl/opengl-draw.rb +260 -260
- data/lib/sgl/opengl-event.rb +325 -325
- data/lib/sgl/opengl-modules.rb +22 -22
- data/lib/sgl/opengl-window.rb +224 -224
- data/lib/sgl/opengl.rb +7 -7
- data/lib/sgl/sgl-button.rb +135 -135
- data/lib/sgl/sgl-client.rb +21 -21
- data/lib/sgl/sgl-color.rb +68 -82
- data/lib/sgl/sgl-connect.rb +9 -9
- data/lib/sgl/sgl-server.rb +58 -58
- data/lib/sgl/sgl-spring.rb +216 -216
- data/lib/sgl/version.rb +2 -2
- data/scripts/lib-txt2html.rb +130 -0
- data/scripts/txt2html +2 -63
- data/spec/sgl_spec.rb +13 -0
- data/spec/spec.opts +1 -0
- data/spec/spec_helper.rb +1 -0
- data/test/test_cocoa_app.rb +291 -291
- data/test/test_module_ruby16.rb +30 -30
- data/test/test_opengl_app.rb +147 -147
- data/test/test_opengl_basic.rb +22 -22
- data/test/test_opengl_fullscreen.rb +23 -23
- data/test/test_opengl_novice.rb +35 -35
- data/website/challenge1.html +91 -91
- data/website/challenge1.txt +3 -3
- data/website/challenge2.html +143 -144
- data/website/challenge2.txt +13 -14
- data/website/challenge3.html +66 -63
- data/website/challenge3.txt +7 -7
- data/website/cocoa.html +85 -88
- data/website/cocoa.txt +2 -4
- data/website/description.html +138 -138
- data/website/description.txt +1 -1
- data/website/exercise1.html +262 -264
- data/website/exercise1.txt +58 -53
- data/website/exercise2.html +241 -683
- data/website/exercise2.txt +11 -427
- data/website/exercise3.html +206 -0
- data/website/exercise3.txt +155 -0
- data/website/exercise4.html +198 -0
- data/website/exercise4.txt +151 -0
- data/website/exercise5.html +162 -0
- data/website/exercise5.txt +113 -0
- data/website/exhibition.html +84 -84
- data/website/howto.html +146 -134
- data/website/howto.txt +9 -0
- data/website/index.html +178 -178
- data/website/index.txt +20 -19
- data/website/sound.html +141 -141
- metadata +16 -3
@@ -0,0 +1,151 @@
|
|
1
|
+
h1. 練習問題4
|
2
|
+
|
3
|
+
h2. 課題21: 速度
|
4
|
+
|
5
|
+
<pre syntax="ruby">
|
6
|
+
# kadai21.rb
|
7
|
+
require 'sgl'
|
8
|
+
|
9
|
+
def setup
|
10
|
+
window -200, -200, 200, 200
|
11
|
+
background 100
|
12
|
+
$x = 0
|
13
|
+
$y = 0
|
14
|
+
end
|
15
|
+
|
16
|
+
def display
|
17
|
+
x = mouseX
|
18
|
+
y = mouseY
|
19
|
+
speed = 20.0
|
20
|
+
vx = (x - $x)/speed
|
21
|
+
vy = (y - $y)/speed
|
22
|
+
$x = $x + vx
|
23
|
+
$y = $y + vy
|
24
|
+
color 100, 0, 0
|
25
|
+
circle($x, $y, 50, POLYGON)
|
26
|
+
end
|
27
|
+
|
28
|
+
mainloop
|
29
|
+
</pre>
|
30
|
+
|
31
|
+
物の位置に加え,速度を導入する.円がマウスのところに近付こうとする.
|
32
|
+
|
33
|
+
<pre syntax="ruby">
|
34
|
+
require 'sgl'
|
35
|
+
|
36
|
+
def setup
|
37
|
+
window -200, -200, 200, 200
|
38
|
+
background 100
|
39
|
+
$pos=[]
|
40
|
+
for i in 0..9
|
41
|
+
$pos[i] = [-200 + i * 40, 0] # 最初の位置を指定する.
|
42
|
+
end
|
43
|
+
end
|
44
|
+
|
45
|
+
def display
|
46
|
+
x = mouseX
|
47
|
+
y = mouseY
|
48
|
+
|
49
|
+
speed = 10.0
|
50
|
+
for i in 0..9
|
51
|
+
pos = $pos[i]
|
52
|
+
vx = (x - pos[0]) / speed # マウスに吸い寄せられる速度
|
53
|
+
vy = (y - pos[1]) / speed
|
54
|
+
speed += 2.0 # 円によって速度が異なるようにする.
|
55
|
+
pos[0] = pos[0] + vx # マウスに吸い寄せられた位置
|
56
|
+
pos[1] = pos[1] + vy
|
57
|
+
color 100, 0, 0, 10
|
58
|
+
circle(pos[0], pos[1], 50, POLYGON)
|
59
|
+
end
|
60
|
+
end
|
61
|
+
|
62
|
+
mainloop
|
63
|
+
</pre>
|
64
|
+
|
65
|
+
配列の使い方を説明する.
|
66
|
+
|
67
|
+
<pre syntax="ruby">
|
68
|
+
require 'sgl'
|
69
|
+
|
70
|
+
def setup
|
71
|
+
window -200, -200, 200, 200
|
72
|
+
background 100
|
73
|
+
|
74
|
+
$pos=[]
|
75
|
+
$orgpos=[]
|
76
|
+
for i in 0..19
|
77
|
+
$pos[i] = [-200 + i * 40, 0] # 最初の位置を指定する.
|
78
|
+
$orgpos[i] = [-200 + i * 40, 0] # もう一つ別の配列にも保存する.
|
79
|
+
end
|
80
|
+
end
|
81
|
+
|
82
|
+
def display
|
83
|
+
x = mouseX
|
84
|
+
y = mouseY
|
85
|
+
|
86
|
+
for i in 0..19
|
87
|
+
pos = $pos[i] # 現在の円の位置
|
88
|
+
orgpos = $orgpos[i] # 元々の位置
|
89
|
+
|
90
|
+
if mouseDown # ボタンが押されているときだけマウスに吸いつく.
|
91
|
+
vx = x - pos[0]
|
92
|
+
vy = y - pos[1]
|
93
|
+
mag = Math.sqrt(vx * vx + vy * vy)
|
94
|
+
mag = mag / 40
|
95
|
+
mag = mag * mag + 1
|
96
|
+
vx = vx / mag
|
97
|
+
vy = vy / mag
|
98
|
+
pos[0] = pos[0] + vx
|
99
|
+
pos[1] = pos[1] + vy
|
100
|
+
end
|
101
|
+
|
102
|
+
speed = 3.0
|
103
|
+
vx2 = (orgpos[0] - pos[0]) / speed # 元々の位置に吸い寄せられる速度
|
104
|
+
vy2 = (orgpos[1] - pos[1]) / speed
|
105
|
+
pos[0] = pos[0] + vx2 # マウスに吸い寄せられた位置
|
106
|
+
pos[1] = pos[1] + vy2
|
107
|
+
color 100, 0, 0, 30
|
108
|
+
circle(pos[0], pos[1], 50, POLYGON)
|
109
|
+
end
|
110
|
+
end
|
111
|
+
|
112
|
+
mainloop
|
113
|
+
</pre>
|
114
|
+
|
115
|
+
マウスにすいよせられる円.マウスボタンを押しているときだけ反応する.
|
116
|
+
|
117
|
+
<pre syntax="ruby">
|
118
|
+
require 'sgl'
|
119
|
+
|
120
|
+
def setup
|
121
|
+
window -200, -200, 200, 200
|
122
|
+
background 100
|
123
|
+
$xpos = [] # 配列を準備する.
|
124
|
+
$ypos = []
|
125
|
+
for i in 0..9
|
126
|
+
$xpos[i] = -200 + i * 40
|
127
|
+
$ypos[i] = 0
|
128
|
+
end
|
129
|
+
end
|
130
|
+
|
131
|
+
def display
|
132
|
+
x = mouseX
|
133
|
+
y = mouseY
|
134
|
+
|
135
|
+
speed = 10.0
|
136
|
+
for i in 0..9
|
137
|
+
vx = (x - $xpos[i]) / speed # マウスに吸い寄せられる速度
|
138
|
+
vy = (y - $ypos[i]) / speed
|
139
|
+
speed += 2.0 # 円によって速度が異なるようにする.
|
140
|
+
$xpos[i] = $xpos[i] + vx # マウスに吸い寄せられた位置
|
141
|
+
$ypos[i] = $ypos[i] + vy
|
142
|
+
color 100, 0, 0, 10
|
143
|
+
circle($xpos[i], $ypos[i], 50, POLYGON)
|
144
|
+
end
|
145
|
+
end
|
146
|
+
|
147
|
+
mainloop
|
148
|
+
</pre>
|
149
|
+
|
150
|
+
配列の使い方を変更した.
|
151
|
+
|
@@ -0,0 +1,162 @@
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
2
|
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
3
|
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
4
|
+
<head>
|
5
|
+
<link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" />
|
6
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
7
|
+
<title>
|
8
|
+
練習問題5
|
9
|
+
</title>
|
10
|
+
<script src="javascripts/rounded_corners_lite.inc.js" type="text/javascript"></script>
|
11
|
+
<style>
|
12
|
+
|
13
|
+
</style>
|
14
|
+
<script type="text/javascript">
|
15
|
+
window.onload = function() {
|
16
|
+
settings = {
|
17
|
+
tl: { radius: 10 },
|
18
|
+
tr: { radius: 10 },
|
19
|
+
bl: { radius: 10 },
|
20
|
+
br: { radius: 10 },
|
21
|
+
antiAlias: true,
|
22
|
+
autoPad: true,
|
23
|
+
validTags: ["div"]
|
24
|
+
}
|
25
|
+
var versionBox = new curvyCorners(settings, document.getElementById("version"));
|
26
|
+
versionBox.applyCornersToAll();
|
27
|
+
}
|
28
|
+
</script>
|
29
|
+
</head>
|
30
|
+
<body>
|
31
|
+
<div id="main">
|
32
|
+
|
33
|
+
<h1>練習問題5</h1>
|
34
|
+
<div id="version" class="clickable" onclick='document.location = "http://rubyforge.org/projects/sgl"; return false'>
|
35
|
+
<p>Get Version</p>
|
36
|
+
<a href="http://rubyforge.org/projects/sgl" class="numbers">1.0.0</a>
|
37
|
+
</div>
|
38
|
+
<h2>課題22: キーボードからの入力を受け取る</h2>
|
39
|
+
|
40
|
+
|
41
|
+
<pre syntax="ruby">
|
42
|
+
# kadai22.rb
|
43
|
+
require 'sgl'
|
44
|
+
|
45
|
+
def setup
|
46
|
+
window 200, 200
|
47
|
+
background 100
|
48
|
+
$key = 0
|
49
|
+
end
|
50
|
+
|
51
|
+
def onKeyDown(key)
|
52
|
+
p key
|
53
|
+
$key = key
|
54
|
+
end
|
55
|
+
|
56
|
+
def display
|
57
|
+
colorHSV $key, 100, 100
|
58
|
+
line $key, 0, $key, 200
|
59
|
+
end
|
60
|
+
|
61
|
+
mainloop
|
62
|
+
</pre>
|
63
|
+
|
64
|
+
<p>アルファベットのキーを押すと,keyに1〜26の値が入る.Aが1,Zが26という
|
65
|
+
関係になる.</p>
|
66
|
+
|
67
|
+
|
68
|
+
<p>それら以外のキーを押したときにどのようなキーコードになるかは,
|
69
|
+
<code>c:\ruby\doc\rubysdl\rubysdl_const_list.txt</code> に記述されている.
|
70
|
+
数字の0が押されたときは,<code>SDL::Key::K0</code>という値となる.</p>
|
71
|
+
|
72
|
+
|
73
|
+
<h2>課題23: 配列の使い方をもう一度考える</h2>
|
74
|
+
|
75
|
+
|
76
|
+
<pre syntax="ruby">
|
77
|
+
# kadai23.rb
|
78
|
+
require 'sgl'
|
79
|
+
|
80
|
+
def setup
|
81
|
+
window -200, -200, 200, 200
|
82
|
+
background 100
|
83
|
+
$pos = [] # 中身が空の配列を用意する.
|
84
|
+
for a in 0..10 # 配列の要素それぞれについて繰り返す.
|
85
|
+
$pos[a] = 0 # 中身に全部0を入れておく.
|
86
|
+
end
|
87
|
+
$index = 0 # 現在配列のどこの部分を指しているかを示す変数である.
|
88
|
+
end
|
89
|
+
|
90
|
+
def display
|
91
|
+
$pos[$index] = mouseX # 配列の$indexの示す個所に現在のマウスのx座標を入れる.
|
92
|
+
|
93
|
+
for a in 0..10 # 配列の要素それぞれについて繰り返します.
|
94
|
+
x = $pos[a]
|
95
|
+
color 0
|
96
|
+
line x, -100, x, 100 # 縦線を描く.
|
97
|
+
end
|
98
|
+
|
99
|
+
$index = $index + 1 # 現在を示す$indexを次の値のところにセットする.
|
100
|
+
if 10 < $index # $indexが配列の大きさを越えたら0にセットしなおす.
|
101
|
+
$index = 0
|
102
|
+
end
|
103
|
+
|
104
|
+
p $pos # $posという配列の中身を表示する.
|
105
|
+
end
|
106
|
+
|
107
|
+
mainloop
|
108
|
+
</pre>
|
109
|
+
|
110
|
+
<p>配列の使い方の基本形である.縦線が,マウスの動きを追って動く.つまりマ
|
111
|
+
ウスのx座標だけを保存している.x座標,y座標を保存するとどうなるか,実
|
112
|
+
験する.</p>
|
113
|
+
|
114
|
+
|
115
|
+
<pre syntax="ruby">
|
116
|
+
require 'sgl'
|
117
|
+
|
118
|
+
def setup
|
119
|
+
window -200, -200, 200, 200
|
120
|
+
background 100
|
121
|
+
$xpos = [] # 中身が空の配列を,x座標,y座標について用意する.
|
122
|
+
$ypos = []
|
123
|
+
for a in 0..10 # 配列の要素それぞれについて繰り返す.
|
124
|
+
$xpos[a] = 0
|
125
|
+
$ypos[a] = 0
|
126
|
+
end
|
127
|
+
$index = 0 # 現在配列のどこの部分を指しているかを示す変数.
|
128
|
+
end
|
129
|
+
|
130
|
+
def display
|
131
|
+
$xpos[$index] = mouseX
|
132
|
+
$ypos[$index] = mouseY
|
133
|
+
|
134
|
+
for a in 0..10 # 配列の要素それぞれについて繰り返す.
|
135
|
+
x = $xpos[a]
|
136
|
+
y = $ypos[a]
|
137
|
+
color 0
|
138
|
+
circle x, y, 50
|
139
|
+
end
|
140
|
+
|
141
|
+
$index = $index + 1 # 現在を示す$indexを,次の値のところにセットする.
|
142
|
+
if 10 < $index # $indexが配列の最大を越えたら,0にセットしなおす.
|
143
|
+
$index = 0
|
144
|
+
end
|
145
|
+
|
146
|
+
p $xpos
|
147
|
+
p $ypos
|
148
|
+
end
|
149
|
+
|
150
|
+
mainloop
|
151
|
+
</pre>
|
152
|
+
|
153
|
+
<p>このように値を保存する配列を増やしていくようにする.</p>
|
154
|
+
<p class="coda">
|
155
|
+
30th June 2007<br>
|
156
|
+
</p>
|
157
|
+
</div>
|
158
|
+
|
159
|
+
<!-- insert site tracking codes here, like Google Urchin -->
|
160
|
+
|
161
|
+
</body>
|
162
|
+
</html>
|
@@ -0,0 +1,113 @@
|
|
1
|
+
h1. 練習問題5
|
2
|
+
|
3
|
+
h2. 課題22: キーボードからの入力を受け取る
|
4
|
+
|
5
|
+
<pre syntax="ruby">
|
6
|
+
# kadai22.rb
|
7
|
+
require 'sgl'
|
8
|
+
|
9
|
+
def setup
|
10
|
+
window 200, 200
|
11
|
+
background 100
|
12
|
+
$key = 0
|
13
|
+
end
|
14
|
+
|
15
|
+
def onKeyDown(key)
|
16
|
+
p key
|
17
|
+
$key = key
|
18
|
+
end
|
19
|
+
|
20
|
+
def display
|
21
|
+
colorHSV $key, 100, 100
|
22
|
+
line $key, 0, $key, 200
|
23
|
+
end
|
24
|
+
|
25
|
+
mainloop
|
26
|
+
</pre>
|
27
|
+
|
28
|
+
アルファベットのキーを押すと,keyに1〜26の値が入る.Aが1,Zが26という
|
29
|
+
関係になる.
|
30
|
+
|
31
|
+
それら以外のキーを押したときにどのようなキーコードになるかは,
|
32
|
+
@c:\ruby\doc\rubysdl\rubysdl_const_list.txt@ に記述されている.
|
33
|
+
数字の0が押されたときは,@SDL::Key::K0@という値となる.
|
34
|
+
|
35
|
+
h2. 課題23: 配列の使い方をもう一度考える
|
36
|
+
|
37
|
+
<pre syntax="ruby">
|
38
|
+
# kadai23.rb
|
39
|
+
require 'sgl'
|
40
|
+
|
41
|
+
def setup
|
42
|
+
window -200, -200, 200, 200
|
43
|
+
background 100
|
44
|
+
$pos = [] # 中身が空の配列を用意する.
|
45
|
+
for a in 0..10 # 配列の要素それぞれについて繰り返す.
|
46
|
+
$pos[a] = 0 # 中身に全部0を入れておく.
|
47
|
+
end
|
48
|
+
$index = 0 # 現在配列のどこの部分を指しているかを示す変数である.
|
49
|
+
end
|
50
|
+
|
51
|
+
def display
|
52
|
+
$pos[$index] = mouseX # 配列の$indexの示す個所に現在のマウスのx座標を入れる.
|
53
|
+
|
54
|
+
for a in 0..10 # 配列の要素それぞれについて繰り返します.
|
55
|
+
x = $pos[a]
|
56
|
+
color 0
|
57
|
+
line x, -100, x, 100 # 縦線を描く.
|
58
|
+
end
|
59
|
+
|
60
|
+
$index = $index + 1 # 現在を示す$indexを次の値のところにセットする.
|
61
|
+
if 10 < $index # $indexが配列の大きさを越えたら0にセットしなおす.
|
62
|
+
$index = 0
|
63
|
+
end
|
64
|
+
|
65
|
+
p $pos # $posという配列の中身を表示する.
|
66
|
+
end
|
67
|
+
|
68
|
+
mainloop
|
69
|
+
</pre>
|
70
|
+
|
71
|
+
配列の使い方の基本形である.縦線が,マウスの動きを追って動く.つまりマ
|
72
|
+
ウスのx座標だけを保存している.x座標,y座標を保存するとどうなるか,実
|
73
|
+
験する.
|
74
|
+
|
75
|
+
<pre syntax="ruby">
|
76
|
+
require 'sgl'
|
77
|
+
|
78
|
+
def setup
|
79
|
+
window -200, -200, 200, 200
|
80
|
+
background 100
|
81
|
+
$xpos = [] # 中身が空の配列を,x座標,y座標について用意する.
|
82
|
+
$ypos = []
|
83
|
+
for a in 0..10 # 配列の要素それぞれについて繰り返す.
|
84
|
+
$xpos[a] = 0
|
85
|
+
$ypos[a] = 0
|
86
|
+
end
|
87
|
+
$index = 0 # 現在配列のどこの部分を指しているかを示す変数.
|
88
|
+
end
|
89
|
+
|
90
|
+
def display
|
91
|
+
$xpos[$index] = mouseX
|
92
|
+
$ypos[$index] = mouseY
|
93
|
+
|
94
|
+
for a in 0..10 # 配列の要素それぞれについて繰り返す.
|
95
|
+
x = $xpos[a]
|
96
|
+
y = $ypos[a]
|
97
|
+
color 0
|
98
|
+
circle x, y, 50
|
99
|
+
end
|
100
|
+
|
101
|
+
$index = $index + 1 # 現在を示す$indexを,次の値のところにセットする.
|
102
|
+
if 10 < $index # $indexが配列の最大を越えたら,0にセットしなおす.
|
103
|
+
$index = 0
|
104
|
+
end
|
105
|
+
|
106
|
+
p $xpos
|
107
|
+
p $ypos
|
108
|
+
end
|
109
|
+
|
110
|
+
mainloop
|
111
|
+
</pre>
|
112
|
+
|
113
|
+
このように値を保存する配列を増やしていくようにする.
|
data/website/exhibition.html
CHANGED
@@ -1,84 +1,84 @@
|
|
1
|
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
2
|
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
3
|
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
4
|
-
<head>
|
5
|
-
<link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" />
|
6
|
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
7
|
-
<title>
|
8
|
-
作品合同展示
|
9
|
-
</title>
|
10
|
-
<script src="javascripts/rounded_corners_lite.inc.js" type="text/javascript"></script>
|
11
|
-
<style>
|
12
|
-
|
13
|
-
</style>
|
14
|
-
<script type="text/javascript">
|
15
|
-
window.onload = function() {
|
16
|
-
settings = {
|
17
|
-
tl: { radius: 10 },
|
18
|
-
tr: { radius: 10 },
|
19
|
-
bl: { radius: 10 },
|
20
|
-
br: { radius: 10 },
|
21
|
-
antiAlias: true,
|
22
|
-
autoPad: true,
|
23
|
-
validTags: ["div"]
|
24
|
-
}
|
25
|
-
var versionBox = new curvyCorners(settings, document.getElementById("version"));
|
26
|
-
versionBox.applyCornersToAll();
|
27
|
-
}
|
28
|
-
</script>
|
29
|
-
</head>
|
30
|
-
<body>
|
31
|
-
<div id="main">
|
32
|
-
|
33
|
-
<h1>作品合同展示</h1>
|
34
|
-
<div id="version" class="clickable" onclick='document.location = "http://rubyforge.org/projects/sgl"; return false'>
|
35
|
-
<p>Get Version</p>
|
36
|
-
<a href="http://rubyforge.org/projects/sgl" class="numbers">0.
|
37
|
-
</div>
|
38
|
-
<h2>合同展示</h2>
|
39
|
-
|
40
|
-
|
41
|
-
<ul>
|
42
|
-
<li>展示場所,見せ方について考える.複数のプログラムを統合したものを見せる.</li>
|
43
|
-
<li>まずは全員のプログラムをお互いに観賞し,どのような作品ができたかを見る.</li>
|
44
|
-
<li>useFullScreenを使って画面を最大化する.必要な変更をする.
|
45
|
-
<ul>
|
46
|
-
<li>全画面使用に伴い,デザインを変更する必要がある.</li>
|
47
|
-
</ul>
|
48
|
-
</li>
|
49
|
-
<li>キーボードは展示に出さないため,マウスだけで操作できるようにする.
|
50
|
-
<ul>
|
51
|
-
<li>どのように変更すればいいかを説明する.</li>
|
52
|
-
</ul>
|
53
|
-
</li>
|
54
|
-
<li>複数のプログラムを連結する方法について説明する.
|
55
|
-
<ul>
|
56
|
-
<li>展示用のファイル名を指定する.指定したディレクトリーにそのファイルを置く.</li>
|
57
|
-
</ul>
|
58
|
-
</li>
|
59
|
-
<li>展示についてのリーダーを決める.</li>
|
60
|
-
</ul>
|
61
|
-
|
62
|
-
|
63
|
-
<h2>サウンド機能</h2>
|
64
|
-
|
65
|
-
|
66
|
-
<ul>
|
67
|
-
<li>作品はサウンドのあるなしで大分印象が違う.</li>
|
68
|
-
<li>音をつける手順について説明する.</li>
|
69
|
-
<li>まずどのような音をつけるか考える.後で変えられるので簡単でよい.</li>
|
70
|
-
<li>サンプル音は,マイクで取り込む,フリーのサンプル音を使う,MP3から切り出すなどがある.</li>
|
71
|
-
<li>波形編集ソフトで必要な部分だけを抜き出す.0.1秒くらいを目途にする.</li>
|
72
|
-
<li>useSoundの使い方を学ぶ.</li>
|
73
|
-
<li>サウンドファイルを再生する方法.音程,音量,パンなどを指定できる.</li>
|
74
|
-
<li>小さい音を重ねて再生するようにすると効果的である.50音程度は再生できる.</li>
|
75
|
-
</ul>
|
76
|
-
<p class="coda">
|
77
|
-
|
78
|
-
</p>
|
79
|
-
</div>
|
80
|
-
|
81
|
-
<!-- insert site tracking codes here, like Google Urchin -->
|
82
|
-
|
83
|
-
</body>
|
84
|
-
</html>
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
2
|
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
3
|
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
4
|
+
<head>
|
5
|
+
<link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" />
|
6
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
7
|
+
<title>
|
8
|
+
作品合同展示
|
9
|
+
</title>
|
10
|
+
<script src="javascripts/rounded_corners_lite.inc.js" type="text/javascript"></script>
|
11
|
+
<style>
|
12
|
+
|
13
|
+
</style>
|
14
|
+
<script type="text/javascript">
|
15
|
+
window.onload = function() {
|
16
|
+
settings = {
|
17
|
+
tl: { radius: 10 },
|
18
|
+
tr: { radius: 10 },
|
19
|
+
bl: { radius: 10 },
|
20
|
+
br: { radius: 10 },
|
21
|
+
antiAlias: true,
|
22
|
+
autoPad: true,
|
23
|
+
validTags: ["div"]
|
24
|
+
}
|
25
|
+
var versionBox = new curvyCorners(settings, document.getElementById("version"));
|
26
|
+
versionBox.applyCornersToAll();
|
27
|
+
}
|
28
|
+
</script>
|
29
|
+
</head>
|
30
|
+
<body>
|
31
|
+
<div id="main">
|
32
|
+
|
33
|
+
<h1>作品合同展示</h1>
|
34
|
+
<div id="version" class="clickable" onclick='document.location = "http://rubyforge.org/projects/sgl"; return false'>
|
35
|
+
<p>Get Version</p>
|
36
|
+
<a href="http://rubyforge.org/projects/sgl" class="numbers">1.0.0</a>
|
37
|
+
</div>
|
38
|
+
<h2>合同展示</h2>
|
39
|
+
|
40
|
+
|
41
|
+
<ul>
|
42
|
+
<li>展示場所,見せ方について考える.複数のプログラムを統合したものを見せる.</li>
|
43
|
+
<li>まずは全員のプログラムをお互いに観賞し,どのような作品ができたかを見る.</li>
|
44
|
+
<li>useFullScreenを使って画面を最大化する.必要な変更をする.
|
45
|
+
<ul>
|
46
|
+
<li>全画面使用に伴い,デザインを変更する必要がある.</li>
|
47
|
+
</ul>
|
48
|
+
</li>
|
49
|
+
<li>キーボードは展示に出さないため,マウスだけで操作できるようにする.
|
50
|
+
<ul>
|
51
|
+
<li>どのように変更すればいいかを説明する.</li>
|
52
|
+
</ul>
|
53
|
+
</li>
|
54
|
+
<li>複数のプログラムを連結する方法について説明する.
|
55
|
+
<ul>
|
56
|
+
<li>展示用のファイル名を指定する.指定したディレクトリーにそのファイルを置く.</li>
|
57
|
+
</ul>
|
58
|
+
</li>
|
59
|
+
<li>展示についてのリーダーを決める.</li>
|
60
|
+
</ul>
|
61
|
+
|
62
|
+
|
63
|
+
<h2>サウンド機能</h2>
|
64
|
+
|
65
|
+
|
66
|
+
<ul>
|
67
|
+
<li>作品はサウンドのあるなしで大分印象が違う.</li>
|
68
|
+
<li>音をつける手順について説明する.</li>
|
69
|
+
<li>まずどのような音をつけるか考える.後で変えられるので簡単でよい.</li>
|
70
|
+
<li>サンプル音は,マイクで取り込む,フリーのサンプル音を使う,MP3から切り出すなどがある.</li>
|
71
|
+
<li>波形編集ソフトで必要な部分だけを抜き出す.0.1秒くらいを目途にする.</li>
|
72
|
+
<li>useSoundの使い方を学ぶ.</li>
|
73
|
+
<li>サウンドファイルを再生する方法.音程,音量,パンなどを指定できる.</li>
|
74
|
+
<li>小さい音を重ねて再生するようにすると効果的である.50音程度は再生できる.</li>
|
75
|
+
</ul>
|
76
|
+
<p class="coda">
|
77
|
+
30th June 2007<br>
|
78
|
+
</p>
|
79
|
+
</div>
|
80
|
+
|
81
|
+
<!-- insert site tracking codes here, like Google Urchin -->
|
82
|
+
|
83
|
+
</body>
|
84
|
+
</html>
|