偏屈人間の日常記録

上記の広告は１ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。

【ブログにソースコードを色つきで見やすく表示！google-code-prettify導入！～FC2ブログ講座～】


うまいことそれらしい（むしろわざとらしいｗ）タイトルをつけられて満足じゃ…(o´ｴ｀)…(笑)
さて、C言語を勉強するに当たり、このブログで記録をつけていこうかなと思って、前回の続きを読む文にて、作ったコードを↓こんな感じ↓で晒してみたんだけど……。


見づらい！なんとも見づらい！
いつもVC++で色分けされてるのを見てるから、どこらへんが重要で、どこらへんが見えない部分なのか、ちょっとわかりづらい……。

ということで、どうにかソースを見やすく表示できないか……でもいちいちHTMLでフォントカラー指定するのも面倒だな……と思い、なにか簡単な方法がないかと調べていると、google-code-prettifyというものがあるのを知った。
これを導入すると、こんな風に行番号が表示されたり、文字が見やすく色分けされる。


感想：……べ、便利だな(； ･`д･´)






というわけでこれを導入してみる。
んで、FC2ブログに入れるに当たって紹介しているページが少なかったので、私も自分がやった方法を載せてみる。
まずはgoogle-code-prettifyを公式ページで貰ってくる。


この赤枠の中のDownloadってところをクリックして、次のページの軽い方のファイルをダウンロード。
【prettify-small-1-Jun-2011.tar.bz2　17.3 KB】
私はこっちを貰ってきた。よくわかんないけど軽いし( ´艸｀)

で、これを解凍するんだけど、2012年1月3日現在に配布されていたのが、まさかの「bz2ファイル」。ダウンロードの方法に当たって調べながらやってたんだけど、過去貰ってきた人たちは大体「zipファイル」。どこかの時期で拡張子変わって更新されたっぽいね。
知らない拡張子だったから一瞬頭フリーズしたけど( ´艸｀)、これはLhaplusというソフトで解凍できるみたい。安心。


で、これを解凍したら、google-code-prettifyフォルダ →distribフォルダ →google-code-prettifyフォルダ →【prettify.css】と【prettify.js】を見つけてきて、これらをFC2ブログにアップロードする。


赤枠のリンクから、アップロードのページに行って、いつも画像をアップしてるようにアップ。
できたら、紫枠の記事を書くのページに行って、【prettify.css】と【prettify.js】の両方のアドレスを取得。
　　本文の編集のところに↓が挿入されており、
　　＜a href="■" target="_blank"＞アップロード時に入力したタイトル＜/a＞
　　この■の部分がアドレス


このアドレス（■×2）をどこかに控えておいて、次はテンプレートの設定のHTMLをいじる。


＜/head＞って書いてある上あたりに、↓のコードを入れる。（■～■に控えたアドレスを挿入してね）
<link href="■CSSのアドレス■" type="text/css" rel="stylesheet" /><br /><script type="text/javascript" src="■JSのアドレス■"></script>
＜body＞の中に↓のコードを入れる。（onloadの前に半角スペース1つ込みで）
onload="prettyPrint()"


これでgoogle-code-prettifyの使用環境は整ったから、
あとは
<pre class="prettyprint">載せたいコード</pre>
って書けばおっけー。
ちなみに、<pre class="prettyprint linenums">載せたいコード</pre>
って書くと、5行ごとに行番号が入る。

またまたちなみに、CSSを改造すれば、1行ごとに番号を入れたり、コピーする指示を出したり、色々することもできるから、気になる人は調べてみるといい。解説しているページもある。
（私はCSSは難しいから手を出せない(-∀-`; )）


次回はこれを使って早速ソースコードを晒してみる。前回のコードを無かったものにしたいから早くアップしたい(笑)

続く……。



***今回導入するに当たって参考にさせて頂いたページ。感謝。***

あれこれの覚え書きさま
yahoo知恵袋　tar.bz2 解凍の方法を教えて下さいさま

#include ＜stdio.h＞
#include ＜stdlib.h＞
#include ＜time.h＞


//ここからメイン

int main(void){

	int res;
	int n;


//じゃんけんのお願いと、プレイヤーの手の読み取り。

	printf("じゃんけんをします。\n0（グー）か、1（チョキ）か、2（パー）を入力してください。\n");
	scanf_s("%d", &res);


//0か、1か、2を出さなかった場合にループさせる処理

	while(res >2)
	{
		printf( "0か、1か、2を入力して下さい\n" );
		scanf( "%d",  &res);}


//プレイヤーが出した手の表示

	switch(res)
	{
	case 0:
		printf("グーを出しました。\n");
			break;
	case 1:
		printf("チョキを出しました。\n");
			break;
	case 2:
		printf("パーを出しました。\n");
			break;}


//勝ち負け表示

	srand(time(NULL));
    n=rand( )%2+1;

	if ( n == 1)
	{
		printf("あなたの勝ちです。");}
	else if ( n == 2){
		printf("あなたの負けです。");}


	return 0;
}

【初めての自作ゲーム：じゃんけんゲーム】


ネットサーフィンをしていると、一番最初のゲームはじゃんけんがいいとオススメされているのを複数目撃したので、作ってみた。
今回はC言語関数辞典というサイトと、前回紹介した参考書を基本に作ってみた。
関数の使い方は色んなサイトを参考にしたけど、既出のじゃんけんゲームのソースはパクっｔ……もらってこなかった。（勉強のためコピペ無双は今回はしないことに）


で、初めて作ったのがこれ。ゲームと言っても見た目はショボイぜ( ´艸｀)


じゃんけんするよー。
　　↓
入力読み取り。プレイヤーの手の表示。
　　↓
「勝ち」か「負け」かをランダムに表示。

雑というか、最後のは開き直った感じ。「じゃんけんなんて勝つも負けるも運なんだから、もう勝ち負けも運任せじゃー！(*´Д｀)=○)ﾟＯﾟ)」とね。


でもこれじゃあいけないでしょ。と思い立って改良したのがこれ。


じゃんけんするよー。
　　↓
入力読み取り。プレイヤーの手の表示。
　　↓
同時進行で、ランダムにコンピューターの手の作成、表示。
　　↓
「勝ち」か「負け」か「あいこ」か判定、表示。
　　↓
もう一回やる？入力読み取り。


な感じ。まあショボイことにはかわりないけど進歩した。
でもこれだけやるにも、作り始めてから足掛け3日かかった∑（;￣□￣Ａ
なのにまだ上手くできないところがあるっていうね。（1か2か3か読み取るところ、マイナスだと失敗する）
演算子を使いこなせるようにならなければ。

ったく、マリブラ風ゲーム完成まであとどのくらいかかることやら( ´艸｀)

続く……


↓もっとすごいのが出来て振り返った時に笑えるように、ソースを晒してみる。

• Continue

【C言語のお勉強から始めることにした。～参考書紹介～】


どもー、ネットにある色んなソースを集めて、コピペでゲーム制作をしようとしていたけど、どれをどうしたらいいのかわからず、それすらうまくいかなかったので、C言語をちゃんと勉強することにした、RECです。（長い）

いやーね。マリブラ風に作ろうと企んでる目標のゲームだけど、マップの画像表示したところまでで詰んだ。
自機の作り方も、ウインドウの大きさの変え方もわからない(-∀-`; )


というわけで、基礎からしっかりお勉強。
私はやさしいCという本で勉強中。
寝る前に寝転がりながら読むことが多いから少しボロボロで恥ずかしい…(o´ｴ｀)…。



この本は、これを読めばゲームが作れるようになる！ってわけじゃなくて、C言語っていうものを全く知らなかった人が、「C言語ってこうやって書く規則があるんだ」ってわかる本。
画像の表示の仕方とか、そういうことは書いてないけど、「変数」「配列」「関数」...とかいう基礎そのものの意味と使い方が知れるんだよね。

正直、ネットで色々C言語について調べてみたけど、この本が一番わかりやすいし、入り込める。
まだ一周しか読んでないから、理解しきれなかったところもあるけど、何周も読み返せばちょっと強くなれる気がするー（*´∀`*）


次回はゲームの基本「じゃんけんゲーム」を作ってみたので、それかな。

続く……

【C言語環境導入】


今回、ゲームを作ろうと企んでいる私が使用するプログラミング言語はC言語にした。
初めての言語だし、独学だし、難しいらしいんだけど、
　C言語から始めると、他の言語がとっつきやすくなる。
　PSPなどで起動できるゲームが作れる（らしい）
ということで、この言語を選択。
プログラミング言語といえば、以前HP作成で使うCSSで挫折したことがあるけど、今回はのんびり理解していこうと思う。


C言語を打ち込む環境を整えた。
C言語を打ち込むには色々なソフトがあるらしい（やろうと思えばメモ帳でも可能らしい(； ･`д･´)）んだけど、ここは王道のVisual C++ 2010 Express（以下VC++）を使用することにした。


このページで貰ってきた。
Windowsで有名なマイクロソフト社から無料でダウンロードできるぜΣｄ（´∀｀）！！



で、これに色々なソースコードを打ち込んでいくわけだけど、C言語でゲームを作るにあたって、簡単にする裏ワザとしてDXライブラリを使用する。
※ライブラリ＝難しかったり複雑だったりするコードを簡略してまとめてくれたコード……が使えるもの（参考）
これを使用すると、画像の表示とかが簡単になるらしい（´ω`*）





で、このをVC++でDXライブラリを使用するに当たって、設定が必要なんだけど、それがちょっとめんどくさい流れ。（公式参考 / わかりやすい参考）
と、いうわけで、この設定をいつの間にか簡単に済ましてくれるプロジェクトを使用する。
↓のページでダウンロード＆説明


私はダウンロードしたこのフォルダ（プロジェクト）を、練習用に使ってから、そのまま自分のゲームに使うつもり。画像フォルダとか音源フォルダの中身だけ変えて。
設定よくわかんなかったんだよね(-∀-`; )






で、こんな感じで環境はやっと整った。
この記事書いてて、どんどん簡単な方向へと進んだ自分を思い返すと、楽をするために全力で調べるO型さがよく出てる気がした(笑)
でも独学でやる以上、こういうのがあってくれるから自分でもゲームが作れるかも！って思えるわけで。
多分みんな使ってるんじゃないかな、このライブラリとか。（周りにゲーム制作仲間が居ないからわかんないけど、ニコ動では何人も見かけた）


よし、次回はソースコードの入力。まだ画像の表示だけだけど。

続く……。