永遠無窮の創作庫

パソコンで色々やってみるブログです。自作小説、詩、TRPG、短歌、プログラミングなど。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
このエントリーをはてなブックマークに追加
初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容を気に入って頂けましたらRSSリーダーの登録やFacebookページのいいね!をよろしくお願いします。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

FC2ブログの記事内でJavascriptを使用する

こんばんはー。

前回の記事で、Javascriptを使用しようとして、うまく行っていなくて困ってる永無です。
一瞬だけ表示されたりするんですが、すぐ消えちゃう。

とりあえず、使ってるJavascriptファイルはほぼ前回の記事に載せたものそのままです。
それの最後に、snow(); と、ss();を付け足したくらい。
それを、canvasタグの直後に呼んでます。

私の感覚では、普通にうまくいくだろうと思っていたんですが、ダメですね。
FireFoxのエラーコンソールでは、s[i] is undefinedと出ています。
sは最初に定義して、すぐに中身を与えているので未定義ってことはないと思っていたんですが……。
何故でしょう?

一瞬だけアニメーションしているので、その間はちゃんとmove();が動いているということになります。
その後に、配列変数が消えている?

ダメですね、分かりません。
もう少し調べてみるつもりではありますが……。
undefinedについてはいろいろと難しい所があるようなので、探ってみます。

あー、上手くいかないかなぁ。
一旦おわりー。


追記:
原因が判明しました。
sという変数は、FC2ブログでは使えないようです。
他の何かで使っていたんだなー。きっと。
変数名を、snow_snowにしたら、表示できるようになりました。

簡単なことだけど、気づかないと気づかないよね。
そういうことでした。

では、本当におわりー。


さらに追記:
IEで表示されませんね;;
いっこ前の記事で書いた、ExplorerCanvasは読み込んでいるんですがー。
なんでかなぁ。

とりあえず、おわりー。
スポンサーサイト
このエントリーをはてなブックマークに追加
初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容を気に入って頂けましたらRSSリーダーの登録やFacebookページのいいね!をよろしくお願いします。
[ 2012/01/30 23:15 ] プログラミング | TB(-) | CM(-)

html5のcanvas使用雑感など

こんばんはー。
昨日、HTML5のcanvasを使って、サイトを一つつくってみたのでそのことについて書いてみたいと思います。永無です。

書いたhtmlと、javascriptと、cssを載せてみます。

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="robots" content="noindex,nofollow">
<link rel="stylesheet" href="css/ss01.css">
<script src="js/canvas.js"></script>
<!--[if IE]><script src="js/excanvas.js"></script><![endif]-->
<title>Title</title>>
</head>
<body onLoad="snow(); ss()">
<div id="contents">
<canvas id="m_canvas" width="800" height="400">
図形を表示するには、canvasタグをサポートしたブラウザが必要です。
</canvas>

<!-- /contents --></div>

</body>
</html>

Javascrpt (js/canvas.js)

kazu = 100;
tame = 50;

s = new Array(kazu); 
var canvas;
var context;

var snowMenber = function(x, y, xa, ya, s) {
	this.x = x;
	this.y = y;
	this.xa = xa;
	this.ya = ya;
	this.s = s;
	this.draw = function() {
		if (this.y >= -20) {
			context.beginPath();
			context.fillStyle = 'rgba(0, 0, 0, 0.1)';
			context.arc(this.x, this.y, 10 * this.s, 0, 
					Math.PI * 2, false);
			context.fill();
		}
		return;
	};
	this.move = function() {
		this.xa += parseInt(Math.random() * 5) - 2;
		if (this.xa < -10) this.xa = -10;
		if (this.xa > 10) this.xa = 10;

		this.ya += parseInt(Math.random() * 3) - 1;
		if (this.ya < 3) this.ya = 3;
		if (this.ya > 8) this.ya = 8;
		this.x += this.xa;
		this.y += this.ya;
		if (this.y > 420) this.y = -20;
		if (this.x > 810) this.x = -10;
		if (this.x < -10) this.x = 810;

		return;
	};
}
for (i = 0; i < kazu; i++) {
	s[i] = new snowMenber(parseInt(Math.random() * 820) - 20, 
		parseInt(Math.random() * 380) - 400 - tame, 
		0, parseInt(Math.random() * 5) + 3, Math.random());
}

function snow() {
	canvas = document.getElementById('m_canvas');
	context = canvas.getContext('2d');
	if ( ! canvas || ! canvas.getContext ) { return false; }

	for (i = 0; i < kazu; i++) {
		s[i].draw();
	}
}

function snowDraw() {
	context.clearRect(0, 0, canvas.width, canvas.height);
	for (i = 0; i < kazu; i++) {
		s[i].move();
		s[i].draw();
	}
}

function ss() {
	setInterval("snowDraw()",100);
}

CSS (css/ss01.css)

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0; padding:0;
}
table {
	border-collapse:collapse; border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal; font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%; font-weight:normal;
}
q:before, q:after {
	content:”;
}
abbr, acronym {
	border:0;
}

#contents {
	width: 800px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -400px;
	padding: 0px;
	border: 1px solid #000;
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
こんな感じです。
とりあえず、雪を降らせたいなと思い、最初は画像ファイルを降らせていたんですが、著作権フリーの良い素材がなかったので結局、円を降らせることにしました。

イメージは中央のdivの中央に表示しているロゴだけで、それも適当な大きさならなんでもいいです。

if IEで読み込んでいるJavascriptは、IE8以前でcanvasを表示させるためのライブラリで、ExplorerCanvasというものです。
ExplorerCanvas
読み込むだけで、canvasが使えるようになるようで、良い感じです。

サンプルを載せておきます。
図形を表示するには、canvasタグをサポートしたブラウザが必要です。
うまく表示されるかな?

canvasの使い方が大体わかったので、これからもいろいろつくってみようと思います。
バウンディングボックス位ならすぐ作れそうだしー。作ろうかなー。

ま、そんなところです。
では、今回はこのへんで、かな。すごく長くなったしー。
おわりー。 このエントリーをはてなブックマークに追加
初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容を気に入って頂けましたらRSSリーダーの登録やFacebookページのいいね!をよろしくお願いします。
[ 2012/01/30 22:13 ] プログラミング | TB(-) | CM(-)

強くなれ!

こんばんはー。
カテゴリをゲーム制作にするか日記にするか迷いましたが、迷ったくらいなので日記にしておきました。永無です。

風邪、ようやく治ってきました。
鼻づまりがほぼ改善し、熱も下がり、あとはたまに出る咳と微妙な鼻水くらい。
今週末までには治って欲しいです。

で。今日は昨日考えたゲームの案の話をしようと思います。

育成SLG 『強くなれ!』
・すべての行動を決定し、強くなることを目指すゲーム
・筋力、持久力、瞬発力といった運動パラメータ、知力、理論力、想像力といった勉強パラメータがある
・体力、気力、ストレス、やる気をうまく保ちながら、パラメータを上げていく
・クリアはない
みたいな?

昨日の寝る前にちょっと考えただけのゲームなので、もう少しひねらないと面白くなさそうですね。
期間は1年と3ヶ月程度にしようかと思っていましたが、3年か4年ほどにしたほうがいいかな?
現代で考えていましたが、やっぱりファンタジー世界のほうが何かとやりやすいかもしれませんね。

わりと好きなフリーゲームで、Rune Blade Fighters Advance(以下RBFA)というゲームがあり、そんな雰囲気のゲームがつくりたいんですよね。
RBFAは、確か、1ヶ月ごとの訓練メニューを組んで、強くするゲームでした。
武具を買ったり、スキルを取ったりもして。

RBFAは戦闘特化だったので、もう少し生活面や芸術面、勉強面も追加した何かを作りたいんです。

舞台はやっぱりアルテスでしょうか。しかも、いつもの時代で。
行き倒れていた主人公が、アルテスの街の人に拾われ、住む場所と働く場所をもらい、強くならんとするゲーム。
そんな感じかなぁ。

拾われる先は、パン屋かお屋敷か武器屋かくらい?
もう少し増やしたいけど思いつきませんね。
パン屋→まかない有、時給低い、住み込み
お屋敷(コックの手伝い)→まかない有、時給普通、住み込み
武器屋→まかない無、時給普通
かなぁ。
運動パラメータの上がり幅は武器屋>パン屋>お屋敷で、学力パラメータの上がり幅はお屋敷>パン屋=武器屋かな。

基本的なゲームの流れは、
・1週間のスケジュールを決める
・自動でスケジュールが消化。イベント発生することも
・次の週へ
の、くり返し。

目標は特に無し。あるとすれば、生き抜くこと。
何になってもいいし、何をしてもいい。
アルテス歴96年から99年終わりまでの4年間の物語、かな。
スタート時年齢は12歳、終了時年齢が15歳かな。15歳で成人な世界なので。

成人時にある程度職業を決定する必要がある。って感じで。
最後の1年間は就活的な。無条件でなれる職業もあるけど。

で、作ったキャラクターを他のゲームに引き継げるようにしておきたい。

スキル制かなぁ。やっぱり。
行動によってスキルを上げていって、レベルも上げていって、みたいな?

最初は何も持っていない状態からスタート(初期スキル、レベル、色、その他はまた考えよう)、まずは助けてもらった所で働いてお金を貯めて、一人暮らし状態に、仕事を変えて、学校に通ってみたり、何処かに弟子入りしてみたりしつつ、探検したり、依頼を受けてみたり、旅をしてみたりする、で、成人間近になったら、何になるかを考えて、挑戦して、最終日を迎える。
という感じか。

うーん、何が足りない?
とりあえず足りてる?

HSPで作りたいな。
Cでもいいけど。

HSPで、ほぼテキストベースでやりましょうか。
音楽とグラフィックはとりあえず考えず。
取っ付きにくいゲームにするぞー(何)


そんな感じです。もう少し設定を固めたら作り始めます。
作る時に、どこまでをいつまでに作るとか計画表とか作ろうかな。
目標は、3月中旬までに完成かな。2月中でももちろんいいけど。

では、考えてみます。
おわりー。
このエントリーをはてなブックマークに追加
初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容を気に入って頂けましたらRSSリーダーの登録やFacebookページのいいね!をよろしくお願いします。
[ 2012/01/25 23:51 ] 日記 | TB(-) | CM(-)

風邪引いたー。

こんばんはー。
風邪引きました。永無です。
鼻が詰まってて苦しいです。

えーっと、風邪引きました(さっき言った)。
他に話題ないんですよね。まぁ、風邪引いたからといってずっと寝てた、とかいうわけじゃないんですが。
昼過ぎまで寝てましたが、それからは活動してます。まぁ、寝るのにも限度があるしな。

で。
あとネタあったかな。
うーん。

そういえば、さっき久しぶり……でもないか。また変愚蛮怒をちょっとしました。
ちからじまんアンドロイド狂戦士です。
ざっくりやって、テングとデスソードまでクリアしました。
まだクローンは無理だと思うので24FRQとかに行こうかなーと思いつつ、そこで中断してます。

あとは。
予算が下りるかもしれません。一部ですが。
初期費用込みで2910円のコロリポプランが有力です。
まぁ、2GBあれば多分普通に大丈夫だし、メールアドレスやらブログやらはついてくるので上手く行きそうだし。
って、どこまで前回書きましたっけ?
こんなに書いてたかな?

まぁいいや。そんな感じです。


鼻が詰まってて苦しいので、今日は終わります。
おわりー。
このエントリーをはてなブックマークに追加
初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容を気に入って頂けましたらRSSリーダーの登録やFacebookページのいいね!をよろしくお願いします。
[ 2012/01/21 23:13 ] 日記 | TB(-) | CM(-)

ゲーム作りたいよ。って何度目?

こんばんはー。
普通に生活していたら突然、ゲーム作りたいなーとか思う永無です。これって普通?

さて、やっぱり私の目標は、フリーシナリオループゲーです。
30日くらいの期間で、登場人物ひとりひとりが生きている感じの!
登場人物数百名、イベント数千個、みたいな!

あー、これでグラフィックなしとか言ったらすごいですね。でもそっちの方が作りやすそうですね。
取っ付きにくいがはまるとやばい、みたいなゲームが作れそうです。

作るか!

グラフィックなし、音楽なし、テキストオンリー。
何処まで取っ付きにくくできるかってのを考えてみても面白そうですね。

機能拡張がしやすいように作って、絵は誰か描いて、みたいな。音楽は自由に入れれば? みたいな。
うわー、夢は広がるなー。

あー、いいけど作れるのかなぁ。
とりあえず、作るならCかHSPでしょうか。
やっぱりCかなぁ。

舞台と登場人物と、シナリオを山ほど考えないといけませんよね。
舞台は王都周辺、登場人物はあいつらが居る感じ? シナリオはー。とりあえず人が先ですかね。
で、人を何人出すかが問題ですね。

うーん、やっぱり難しいのかなぁ。
普通にシナリオゲーにしたほうが簡単なのは分かるんですがー。
フリーシナリオは難しそうですよね。

目標はフリーシナリオですが、まずはシナリオゲーを作ってみるべきでしょうか。文字だけの。
音楽なし、グラフィックなし、テキストオンリーのシナリオゲー。私ならやるかな?

ぐっと引き込むシナリオがあれば、いいんですよね。
最後に感動できればそれでよし。出来なかったらクソゲーってことで。
まぁ、クソゲー作ってもいいんですが。別に。暇つぶしになればいいかなくらいで。

シナリオを考えるべし、ですかねー。
以前にもここで詰まった気がしますが。シナリオ、シナリオなぁ。

考えてみることにします。


では、今日はこのへんで。
おわりー。
このエントリーをはてなブックマークに追加
初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容を気に入って頂けましたらRSSリーダーの登録やFacebookページのいいね!をよろしくお願いします。
[ 2012/01/19 23:58 ] 日記 | TB(-) | CM(-)
プロフィール

永無(忘年会P)

Author:永無(忘年会P)
永無です。ニコニコ動画では忘年会Pという名前を使用しています。
このブログでは、広く浅く、いろんな事に挑戦し、記事にしています。

ゲームを作ろう、小説を書こう、と、日々思いつつやってません。
アイデアだけが溜まっていく毎日です。

どうすればより面白いブログになるのか、試行錯誤中です。
よろしくお願いします。

興味があること:
動画作成,ゲーム作成,小説書き,
詩作,UTAU,MMD,TRPG,短歌,合唱,
将棋,麻雀,読書,X)HTML,CSS,
PHP,Javascript,ActionScript,
C++,HSP,Java



この日記のはてなブックマーク数

作った動画:mylist/22266195
TRPG SNS
ぬっぽん
うたのわ
永遠無窮の本棚(はてなブログ)
永遠無窮のメモ帳(Tumblr)

最新コメント
最新トラックバック
FC2カウンター
Twitter

Twitter < > Reload

ブログランキング
人気記事
ブログパーツ

フィードメーター - 永遠無窮の創作庫



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