ボロリン

<< July 2010 >>

2010.04.05 Monday

author : C+C

部活紹介動画2010メイキング

　今年度の部活紹介動画を作成したので、メイキングをこの記事に掲載します。

Chap.1 動画の素材と概要のまとめ

　手始めに、各班長に自分の持ち場の班の動画に使う素材とタイムラインをまとめておくように発表しました。(セリフアテレコ含む)また、全体的なタイムラインを予め決定してBGMの作成概要をBGM担当者に提出しました。
　ロゴは基本的にCG担当者が作成。CG作成ソフトの情報が豊富だったのが救いです。
　文字を見てもらうパートは、すべて表示している静止画クリップの表示時間が最大になるように調整します。途中の変化過程の静止画クリップはあくまで変化の過程に過ぎないので、ソフトで設定できる最小限の時間を設定しました。

Chap.2　音声吹き込み・編集

　各班長が作成した原稿を正確なタイムライン(完全ではないですがｗ)でナレーターが音声を吹き込みます。録音には指向性のあるマイクを使用することにより、ノイズがまとまりやすく一回除去をかけるとほぼ全てのノイズが消滅するので、楽になります。
　ちょうどその時にBGMが完成したようです。ガバとはまた斬新である…

Chap.3　動画作成

　動画作成ソフトを使用して、素材・音声・BGMを結合します。音声とBGMの音量比は非常に重要になるので調整に多くの時間を費やしました。
　また、録音状況やマイク・ナレーターのコンディションによって録音した音声の音量がバラバラになっているというのも伺えたので、音量も均一化しなければいけません。
　ここで、便利な機能として使ったのがノーマライズというものです。これは、音量の正規化といい。すべてのBGMの音量を均一にするという機能のことです。また、音量は基本的に最大化されて高い音量値のところで均一になるため、すべてのナレーション素材をノーマライズすると、BGMよりも目立ちやすくなります。
　動画の素材は基本的に、無圧縮AVIで作成したため、汎用形式に変換する必要がありました。そこで使用したのがMPEG Stream Clipというものです。
　これは無圧縮aviを無劣化でMP4とかMOVに変換してくれるため非常に重宝しました。
　動画作成には、iMovieを使用。C+CがマックユーザーであったのとWindows Movie Makerが不安定になりがちであるという二つの要素を踏まえてiMovieで使うことに決めました。

Chap.4 DVDに焼く

　最後にiMovieで作った動画をDVDに焼いて、学生会に提出。
　Mac OS XにiDVDがあったのでそれを使用しました。
　ワンステップDVDという動画ファイルを選んでDVDを入れたらそれだけで作ってくれる機能があったので、それを使用してDVD作成。
　それを学生会に提出しました。
　ちゃんちゃん。(締め切り2時間前)

スタッフ

ナレーション：みずもち(2C)
BGM:so-fram(4EJ)
CG・動画作成・部長:C+C(3E)

使用ソフト

Visual C++ 2008 Express Edition
　自作ソフトのコンパイル・実行

♪超録 - パソコン長時間録音機
　音声の録音

Audacity
SoundEngine Free
　音声の編集・ノイズ除去・カッティング

Dynamic Draw
　図表クリップの作成

GIMP
MugenViewer(要Java)
　静止画クリップの編集

Processing
POV-Ray
　各班ロゴ・3DCGの作成

JPG2AVI
　連番画像から無圧縮AVIを作成

SAI
　お絵かき動画の作成

カハルマカの瞳
スクリン・クロラ
CamStudio
　デスクトップの作業画面を動画化

MPEG StreamClip
　動画の形式変換

AviUtl
　高速再生動画の作成

iMovie
　総合動画作成

iDVD
　DVD作成

| 雑記 | 14:51 | comments(7) | trackbacks(0)

2010.03.26 Friday

author : C+C

HP改装

　HPを改装いたしました！！
　旧ページと比べて大分シンプルなレイアウトとなったようです。

　しかし、自分のデザイン力のなさを思い知らされた機会でもあります…。CSSとかJavaScriptとか使えてもデザインセンスがないとダメですねえ…^^;
　何しろ、当分の間このホームページでよろしくお願します。(当然一部改装は地道に行いますがｗ)

　班別ページと新規ロゴはまだ完成してないので…　もう少し待っててください…(旧ページに旧班ページがあります。)

| HTML/NET講習 | 00:58 | comments(0) | trackbacks(0)

2010.03.11 Thursday

author : Eastern

世界を超えた情研

おはようございます。いーすたんです。
今日は南半球からの更新です。（一回戻ったら2度とできないだろうな）

私はこの研修自体は英語力を深めるより、文化の違いを見てみたいという傾向が強かったのですが、・・・すごいですよ。

特に部活動とは関係なかったのですが、どこかに行っていろいろ見ることは重要ですね。プロコンに行くのも、同じように経験が増えます。
私は何事も楽しむように努力していますが、真剣になりすぎてどこか見失っている人もよく見かけます。険しい顔をしても誰も気分よくないのにね。

というわけで、細かいことは置いておいてNZの研修も楽しんでおります。
確かに、全員の中で1番楽しめているかはちょっと微妙ですが、それは周囲も楽しそうだからだと思います。自然と私も楽しくなるよね。

何が大事なのかまた解ってきたかもしれません。
さあ、4月からまた頑張っていきましょう。（とうとう4年ですよ。

| 雑記 | 07:48 | comments(0) | trackbacks(0)

2010.02.23 Tuesday

author : C+C

2010年度1月分課題報告(WEB班)

　どうも、代数の試験でスランプの餌食となったC+Cです。
　進級は問題なくできるので、来年度もよろしくお願いします…。

　さて、一ヶ月課題を1月から施行したのですが…

　少し難しすぎたのでしょうかねえ…　まさかの提出者ZEROという結果になりました。(ToT)

　というわけで、今月分の課題の概要及び解法を解説したいと思います。

課題内容
①上下に二つのテキストエリアA,B・その間に二つのボタンa,bを設置する。
このページに以下のような動きをするスクリプトを設定すること。
②テキストエリアAにテキストを入力する。
③Aへの入力後に、ボタンaをクリックするとテキストエリアBにAの内容をタイプライター
風に表示する。
④ボタンaを押して再生中に、ボタンbを押すと、B内のすべての文字を消去し、タイプラ
イター風表示を停止する。
⑤再生中は、Aに書き込めないようにすること。（停止したら書き込めるようにする。）
⑥停止状態でAの内容を更新したら、新たに更新された内容で③が実行される。
⑦②～⑥の内容は何回実行しても、動作する内容自体は変わらないこと。

また、余裕があれば「一時停止ボタンを設置し、それまで表示した文字列までを表示しっぱなしにしてタイプライト動作を止め、再生ボタンを再び押せば再びすでに表示した続きの場所から表示を開始する」という内容も実装してみるとなお良い。また、文字列を更新した時の動作は⑥に準ずること。

以上の課題を作成するという課題を出しました。作成に用いるコーディング言語は特に指定していませんが、JavaScriptを使用するのが一般的です。

　今回の課題のポイントは
①テキストエリアが持つ変数の値の操作。
②動作に間隔を持たせること
③変数の値によって表示させる文字の分量を調節する。
の三つです。

　それではコードを見てもらいましょう

<html>

<head>

<script language="JavaScript">

<!--

var str;

var i=0;

var typing=0;



function DispTypingStr(){

	var strtmp;

	str=document.f1.f2.value;

	if(i<=str.length){

		strtmp=str.substring(0,i)+"_";

		document.f1.f3.value=strtmp;

		i++;

	}else{

		i=0;

	}

}



function startpref(){

	if(!typing){

		showing=setInterval('DispTypingStr()',100);

		typing=1;

	}

	document.f1.f2.readOnly=true;

}



function finishproc(){

	document.f1.f3.value='';

	i=0;

	typing=0;

	document.f1.f2.readOnly=false;

	clearInterval(showing);

}



//-->

</script>

</head>

<body>

<form name="f1">

↓ここにテキストを入力してください。<br>

<textarea name="f2" rows="10" cols="50"></textarea>

<br>

<input type="button" onClick='startpref()' value="再生">

<input type="button" onClick='clearInterval(showing);typing=0;document.f1.f2.readOnly=false;' value="一時停止">

<input type="button" onClick='finishproc()' value="初期化"><br>

上のエリアに入力したテキストを以下にタイプライター風に表示します。<br>

<textarea name="f3" rows="10" cols="50"></textarea>

</form>

</body>

</html>

　まずは上のDispTypingStr関数なのですがこの関数で、表示させる文字の分量を決定し、テキストエリアに表示させるようにします。また、表示している文字の長さを表す変数iが文字の最大長を超えてしまったらiを0にもどして何も表示していない状態に戻します。この関数を一度呼び出すと、表示させる文字列の分量が一つ増えるのでこの関数を繰り返し呼び出すことでタイプライター風に一文字づつ文字が表示され続けているように見えます。ちなみに文字列の最後には_を表示するようにしております。
　
　そして二つ目のstartpref関数は100ミリセカンド=0.1秒ごとにDispTypingStr関数を呼び出す関数となっております。
　また、このときDispTypingStr関数の関数連続実行ハンドルを変数showingに格納しているため、このDispTypingStr関数の実行の操作をそのハンドルによってすることが可能です。
　また、DispTypingStr関数を実行しているということは、タイプライター風の表示の再生まっただ中ということなのでその間に上のテキストボックスに書き込みが出きないように

document.f1.f2.readOnly=true;

という記述を使用して、テキストボックスをリードオンリーに設定します。

　finishproc関数はテキストボックスのタイプライター風表示を停止して初期化する関数です。
　関数連続実行ハンドルはshowingに格納されているためそれを使用してclearIntervalより関数連続実行の停止が可能です。
　また、出力している文字数を格納している変数iも0に初期化し、テキストボックスの持つ変数の値(文字列)も空にします。

　これらの関数を下にある三つのボタンで呼び出してJavaScriptのプログラムを実行します。

　まず、再生する場合はstartproc関数を一度呼び出すだけでOKです。
　停止する際には、finishproc関数を一度呼び出すだけでOKです。

　また、応用課題とした一時停止ボタンは

clearInterval(showing);document.f1.f2.readOnly=false;

という具合に連続実行のクリア・リードオンリー解除を同時に行うだけで実はできてしまうんです。

　このような具合に今回出した課題であるタイプライター風表示のプログラムは作ることが出来ます。

　実際このスクリプトを動かしているページを転送しておきましたので試してみてください。
ここ

　今月は頑張ってね！　かたちょ君！！

| HTML/NET講習 | 20:17 | comments(0) | trackbacks(0)

2009.12.15 Tuesday

author :

講座予告

全然書いてなかったので、年末年始にお絵かき講座的なものをあげようと思います。
顔の描き方から人体のバランス、ざざっと簡単に。
このブログ見てる人間にどれだけ需要があるかはわからないですが・・・

| - | 22:46 | comments(1) | trackbacks(0)

前の記事を読む | 1/21PAGES | 次の記事を読む

▲このページの先頭へ