むしろjavascriptでゲーム作ろうぜ

**名前は開発中のものです。** · 03/03/20 23:45

だめ？

**名前は開発中のものです。** · 2011/07/22(金) 23:38:29.74

書いてて楽しいのは確かだねぇ

**名前は開発中のものです。** · 2011/07/24(日) 11:04:01.26

自分で好き勝手に枠組み作りやすくで楽しいのはわかる
JavaScriptって役に立つライブラリそんなに多いか?
それこそエンジンやフレームワーク的なものを作りたがる人が多い印象
言語の特徴のせいかな

**Perl忍者** · 2011/07/31(日) 19:39:53.71

ゲームって本気で言ってるの？
javascriptでゲーム
なめてんだろ？おい、ごみだな
あれだろ？テトリスとかオセロとかごみゲームだろ？
わかってるんだよ
そもそも日本のゲーム開発者がゴミゲー出してて
本業がゲームじゃないLL使いのゴミみたいなお前らが
面白いゲーム作れるわけじゃない
面白さを求めてない？ふざけるな
ゲームなめてるだろゲームはおもしろくないといけないからな

**Perl忍者** · 2011/07/31(日) 19:41:06.07

せいぜい、ブロック崩しやノベルゲー、紙芝居系、ターン式RPGが限界だろ
おもしろい大人数対戦型のアクションゲームを作ったらほめてやるけどな

**名前は開発中のものです。** · 2011/08/06(土) 23:47:45.89

なめてるかどうかはさておき、javascriptでゲームは現代的だと思うけどね

**名前は開発中のものです。** · 2011/08/07(日) 02:56:31.27

>>576
べつに仕事でやってるわけじゃないし、そんなこと急に言われてもなぁ

**名前は開発中のものです。** · 2011/08/07(日) 04:45:01.15

本格的なゲーム作るなら他の言語の方が向いてるってのは否定しない

javascriptの何が良いってプログラミング知識なんか無くても
それっぽい物が何となく作れてしまうところだと思うわ
（IE以外の）ブラウザで動くから色々なOSの人に遊んでもらえるし
iPhone含めたスマホのブラウザで動くものを簡単に作れるとか楽し過ぎる
趣味の小規模ゲーム作りには手軽でいいと思うよjavascript

**名前は開発中のものです。** · 2011/08/14(日) 10:20:27.61

js自体言語として気持ち悪すぎる

**名前は開発中のものです。** · 2011/08/14(日) 10:42:38.32

(ｷﾘｯ

**名前は開発中のものです。** · 2011/08/14(日) 11:17:17.65

「作ろうぜ」ってスレなんだから、
「Javascriptではゲーム作れない」って話題をわざわざ持ってくるのはおかしい。

**名前は開発中のものです。** · 2011/08/15(月) 13:54:53.71

JavaScriptでゲーム作るとき、
メインループは、どう書いてる？

俺のは、こんな感じ。

var timer;
var interval = 1000/50;

window.onload = function()
{
clearTimeout(timer);
timer = setInterval(loop, interval);
draw();
};

**名前は開発中のものです。** · 2011/08/17(水) 03:39:57.10

俺はこうだな

var timer,theday;
var wtime=0;

window.onload = function(){
clearTimeout(timer);
for(;;){
theday=new Date();
if(theday.getTime()-wtime>17)break;
};
wtime=theday.getTime();
timerid=setTimeout("ruup()",15);
//処理
};

setTimeoutがいい加減だから短めにとって予定時間まで空ループ

**名前は開発中のものです。** · 2011/08/17(水) 09:55:52.84

実行してないけど、今考えた。

ttp://ideone.com/exWRh

参考：
ttp://www.tnksoft.com/reading/classgame/engine/01/015.php

**名前は開発中のものです。** · 2011/08/17(水) 17:47:19.15

メインループ>>528ではこんな感じの実装にしてる。

呼び出しはHTMLから<body onLoad="main()"></body>で

function main() {
　　var fps = 60; //fps
　　var oldtime = Date.now();
　　var framenum = 0;
loop();
function loop() {
　　　　//処理

　　　　if (framenum > fps) framenum = 0;
　　　　newtime = Date.now();
　　　　if (framenum == 0) oldtime = Date.now();
　　　　framenum++;
　　　　targettime = Math.round(oldtime + framenum * (1000.0 / fps))
　　　　waittime = (targettime - newtime <= 0) ? 1 : targettime - newtime ;

　　　　setTimeout(main_routine, waittime);
　　}
}
予定時間に合うようにsetTimeoutの間隔を調整しながらループさせてる。

**名前は開発中のものです。** · 2011/08/17(水) 19:12:38.33

どれもセオリーから外れてるよ
パフォーマンスが最高なのは、最短時間でtimeout回して(これからはrequestAnimationFrameだけど)
前回からの経過時間でfpsを算出するvfr。
ビジーループなんて絶対にやってはいけない。

**名前は開発中のものです。** · 2011/08/17(水) 21:28:52.95

未だに空ループでウェイトをとる人間がいたとは驚きである

**名前は開発中のものです。** · 2011/08/17(水) 21:41:02.89

requestAnimationFrameってのがあるんだ。知らなかった。
試してみるよ。

**584** · 2011/08/19(金) 15:12:41.72

つまり>>584は、こうなるわけだな。

window.onload = function(e)
{
function anima()
{
requestAnimationFrame(anime);
draw();
}
anima();
};

でも、これだとFPSを指定できないな・・・。
もう少し調べて改良してみよう。

**名前は開発中のものです。** · 2011/08/19(金) 21:49:35.63

遅くなったけど、
これか！

window.requestAnimFrame = (function()
{
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function(/* function */ callback, /* DOMElement */ element)
{
window.setTimeout(callback, 1000 / 60);
};
})();

**名前は開発中のものです。** · 2011/08/20(土) 15:58:36.23

こんな感じかな？（ブラウザ別対応部分は端折ってる）

window.onload = function() {

var oldtime;
var newtime = Date.now();
main_routine();

function main_routine() {

　　　　oldtime = newtime;
newtime = Date.now();

　　　　update(newtime - oldtime); //前回からの経過時間に応じたゲーム進行処理
　　　　draw(); //ゲーム描画処理

requestAnimationFrame(main_routine);
}
　　function update(elapsedTime){}
　　function draw(){}
}

**名前は開発中のものです。** · 2011/08/25(木) 22:52:26.42

グラディウス
http://html5-gradius.appspot.com/

**名前は開発中のものです。** · 2011/08/26(金) 16:37:20.02

すっげ・・・
さすがに1面だけか

**名前は開発中のものです。** · 2011/08/26(金) 17:13:07.12

>>594
操作方法を教えてください。

CTRLを押下したらすげー滑らかに動くんだけどどういうこと？

**名前は開発中のものです。** · 2011/08/26(金) 20:09:58.24

(行番号:cynthia.js)
70： function handleKeydown (e) {
73： switch (e.keyCode) {
75： case 17: turboState = true; break;
で、ゲームループが
230： setTimeout(arguments.callee, t < 33 && !turboState ? 33 - t : 0);

こうなってるから、Ctrlキー押したらノーウェイトで動くんだろ。

それにしても完成度の高いプログラムは素人には色々勉強になるな。ありがたい。

**Perl忍者** · 2011/08/26(金) 23:07:08.58

お前らはほんとにゴミだな
所詮jsガキのかじり

ごみごみゴミゴミギオゴミゴミゴｍゴイｇモｇミ

死ね

**名前は開発中のものです。** · 2011/08/27(土) 04:36:55.08

俺がjavascript覚えたてのころ作ったのとえらい違いだ

http://www42.atwiki.jp/syugyou?cmd=upload&act=open&pageid=240&file=vvv.html

**名前は開発中のものです。** · 2011/08/27(土) 11:50:50.09

>>599
それ通常モードより練習モードの方が面白いよ

**名前は開発中のものです。** · 2011/08/27(土) 21:19:43.42

>>594
すごいね、Flash,Java,SilverlightをOFFにしたFirefoxでちゃんと音が鳴るんだけど
どういうコントロールを使ってるんだろう
サンプルじゃなく完成品のソースって中々読む気になれない

**名前は開発中のものです。** · 2011/08/27(土) 21:23:08.55

自己レスだけどHTMLAudioElementってのがあるのか

**名前は開発中のものです。** · 2011/08/27(土) 22:45:04.87

Audio周りだけでもIE9,Chrome,Firefox,Opera,Safariの全部で
ちゃんと音がなって動くのがすごいと思う。
それぞれで対応してるオーディオコーディックやらプロパティやらが違うから、
自分で作る時は互換性取りきれなくてブラウザ決めうちになるし。

**名前は開発中のものです。** · 2011/08/27(土) 23:24:08.07

oggとmp3両方用意しておけばどっちかには対応してると思う
これもそうしてるみたい

**名前は開発中のものです。** · 2011/08/28(日) 00:11:45.94

これから勉強するのに、AC3とHTML5だとどっちがいいと思う？

**名前は開発中のものです。** · 2011/08/28(日) 21:34:46.82

AC3

**名前は開発中のものです。** · 2011/08/29(月) 04:39:27.31

javascript 波形でググるとすごいことやってる人が

**名前は開発中のものです。** · 2011/09/01(木) 04:13:29.42

>>600
ちなみに問いくつまでいった？

**名前は開発中のものです。** · 2011/09/01(木) 17:33:01.08

>>608
ずっと前なんで忘れたけどけっこうがんばりました
役がわけわからなくなってきたとこでやめたかも知れんｗ

**名前は開発中のものです。** · 2011/09/03(土) 14:00:42.36

この連鎖中にも操作が必要って所が新鮮で面白かったけど
これオリジナルなん？

**名前は開発中のものです。** · 2011/09/04(日) 06:16:28.76

オリジナルだけど勝手にパクっていいよ
debakkuって変数を1にすると全役見れるよ

いや連鎖中に操作できるってのはマジカルドロップとかMrスウィーツとか昔からあるよ
面白かったのはゲーセンにあったマネーアイドルエクスチェンジャー
連鎖中にせり上げできるから理論的に無限に連鎖できる

**名前は開発中のものです。** · 2011/09/05(月) 22:21:53.62

マジか
パクって俺が富豪になっても恨むなよ
しかしよう作りこむな

**名前は開発中のものです。** · 2011/11/10(木) 02:38:32.28

初心者の俺が本気でゲームを作ろうと思う。
ジャンルはシューティングゲーム。

ってかジャバスク知らんから、
パパっと学んでくるわ

**名前は開発中のものです。** · 2011/11/13(日) 02:02:39.05

パパっとは学べんだろうなあ
ママッとでも微妙
動けばいいって程度なら問題ないけど

**名前は開発中のものです。** · 2011/11/14(月) 05:39:00.82

ジャバスクｗ

**名前は開発中のものです。** · 2011/11/30(水) 08:15:59.31

ジャバスクの天下だな　モバイルでもＰＣでもこれからフラッシュの変わりに多くのゲームが必要とされる

**名前は開発中のものです。** · 2011/12/02(金) 16:57:16.72

ワイが聞いた情報によると、もうじき中国はバブルがはじけて昔の貧乏な中国に戻るらしいで
もう経済は破綻してて、取り戻すのは無理なんだそうや

その世界ではごっつい有名な政府関係者筋から聞いた確かな情報やで

まあお前ら頭の良い連中には、今さらなくらいのネタやな、
お前らからすればもう常識的なくらいの知識やろ？

**名前は開発中のものです。** · 2011/12/12(月) 14:26:05.46

せやな

**名前は開発中のものです。** · 2011/12/12(月) 21:39:42.81

せやろか

**名前は開発中のものです。** · 2011/12/15(木) 01:34:24.22

せやねん

**名前は開発中のものです。** · 2011/12/18(日) 02:31:05.42

2009年にjavascriptで作ったスーパーマリオが
その完成度からネットで騒がれたみたいです。
http://www.nextglobaljungle.com/2009/02/javascript.php

自分は知らなかったのですが、
保存している方、どうか配布して頂けないでしょうか？
実際プレイしてみたいのと、ソースを見て勉強したいのですが、、、

**名前は開発中のものです。** · 2011/12/18(日) 07:42:44.88

まさか、javascript専門のゲーム投稿サイトができるなんて、
スレがたったころは想像もできなかったなぁ。

**名前は開発中のものです。** · 2011/12/18(日) 09:09:59.89

2003年 1-81 まで81レス（ただしだいぶ途中あぼ～ん含む）
2004年 82-104 まで22レス
2005年 105-130 まで25レス
2006年 131-234 まで103レス
2007年 235-349 まで114レス
2008年 350-394 まで44レス
2009年 395-457 まで62レス
2010年 458-502 まで44レス
2011年 503-602 まで99レス

8年で一レス消化できるかできないか
このペースだと埋まるのに3-4年は掛かるなw

**名前は開発中のものです。** · 2011/12/18(日) 17:47:08.44

http://glsl.heroku.com/?page=14

webgl 専門の投稿サイトとかﾊｯｹﾝ
glsl なぁ…

**名前は開発中のものです。** · 2011/12/20(火) 04:09:22.74

>>622
>javascript専門のゲーム投稿サイトができるなんて、

どこにある？？見つからない

**名前は開発中のものです。** · 2011/12/20(火) 11:44:46.11

9leapとかいうのが出ましたけども

**名前は開発中のものです。** · 2011/12/20(火) 11:54:27.09

enchant.jsって使えるのかね

**名前は開発中のものです。** · 2011/12/21(水) 10:32:21.83

あれ有料だろ　作るのはただだけど商品化しようとしたらライセンス料５万もとられるじゃん

**名前は開発中のものです。** · 2011/12/21(水) 10:33:26.37

ざっとためした感じたしかに簡単にゲームは作れる・・・　シンプルだ　けれど中枢部分所詮はゲームエンジンなんだよな
完全にオリジナリティーに走るには向いてない

**名前は開発中のものです。** · 2012/02/22(水) 03:18:13.49

enchant.jsが最近調子に乗ってるようだが
あれ実際どうなん？
ぱっと見まともなゲームはまだ作られてないっぽいけども

**名前は開発中のものです。** · 2012/02/22(水) 07:28:59.76

たしかに調子に乗ってるな

**名前は開発中のものです。** · 2012/02/22(水) 08:44:15.51

けれど実際いいゲームもいくつかで出してるぞ。若い人間が飛びついてるし斬新なアイデアや
技術的にオープンだから学習効率が高く、さらにオールプラットフォームだ。シンプルなゲームつくるには十分だよ

**名前は開発中のものです。** · 2012/02/22(水) 11:56:21.63

あの会社はあれをどうしたいんだろうな、商用で使えるほどではないっぽいし…
単なる若手育成頑張ってますアピール、宣伝なのかな

つーか本が売れててびびった、誰が買ってるんだ

**名前は開発中のものです。** · 2012/02/22(水) 14:14:57.10

商用で販売するつもりなんじゃね。使える人間と知名度が上がれば買う人間も出てくるだろうし、
ただ長くは商売するような雰囲気ではなさそうな感じを受けるなセミナーの様子とかをようつべで見てると。

**名前は開発中のものです。** · 2012/03/01(木) 21:47:19.27

とにもかくにも、javascriptが広まってくれればいいのでは
お手軽に、高度なプログラム環境が体験できるんですから
Webとの連携も楽チン、でもブラウザごとの互換性はもっと
高めてほしい・・・

**名前は開発中のものです。** · 2012/03/07(水) 22:21:52.41

enchant.jsおもしろいな！

**名前は開発中のものです。** · 2012/03/07(水) 22:49:23.86

気になっているので詳しく

**名前は開発中のものです。** · 2012/03/09(金) 02:17:43.08

flashゲーの代わりになりうるのかしら

**名前は開発中のものです。** · 2012/03/09(金) 09:46:51.33

ドット絵のシンプルなゲームなら十分だろうな。svgが弱いからアニメーション部分ではまだflashに分があるように見える。
あとは音な。中身分解してファイルみたらswf（フラッシュ）が使われてる。ここがおそらく弱点っぽいな

**名前は開発中のものです。** · 2012/03/09(金) 10:54:58.33

JSとFlashの組み合わせでゲーム作る仕組みなのかな
じゃあiPhoneでは動かないってことかね、そもそもスマホ対象ではない？

**名前は開発中のものです。** · 2012/03/09(金) 13:09:48.54

音源のみswf使ってるってことだよ。だから本体のゲームはスマホすべてで動くが
音がならない端末がでてくるってこと

**名前は開発中のものです。** · 2012/03/10(土) 05:55:02.98

JSでグラディウス1面だけ作ったサイトがあったな。ああいうのはできるの？

**名前は開発中のものです。** · 2012/03/20(火) 01:28:08.95

ああいうのこそenchant.jsで一瞬で作れる

**名前は開発中のものです。** · 2012/03/20(火) 16:31:56.04

素人でも作れるようなライブラリが本まで出して調子に乗りすぎ。実際学生が一人で作ったらしいし。
社長のブログを駆使したハッタリ技術がうますぎる。それはむしろ見習いたいが。

**名前は開発中のものです。** · 2012/03/20(火) 16:34:00.37

とっつきやすさを売ってるんじゃないの

**名前は開発中のものです。** · 2012/03/20(火) 18:56:43.65

調子とかどうでもいいから早くなんか作って見せてくれよ
全然カスみたいな作例しかまだないじゃないか

**名前は開発中のものです。** · 2012/03/20(火) 22:56:08.05

すごいものを作るためのライブラリじゃなくて
簡単なものが速く作れますってのが売りなんじゃないのか

**名前は開発中のものです。** · 2012/03/21(水) 02:21:14.59

でももうちょっと機能を使い込んだ例は見てみたい
ここまでできるんやで！的な

**名前は開発中のものです。** · 2012/03/29(木) 01:01:15.26

browserquestすげーなw

**名前は開発中のものです。** · 2012/04/02(月) 15:45:11.31

意外とあっけなくラスボスまで行っちまった
ここまでできるもんなんだなあ

**名前は開発中のものです。** · 2012/04/03(火) 00:00:58.03

作ってみました
ジャンルはよくわかりません
障害物を避けながら目的地を目指す感じです
http://dreamcity.ddo.jp/~doume/exploit/

**名前は開発中のものです。** · 2012/04/03(火) 16:01:21.81

kとiは操作が逆じゃないのか？普通
でなければjとlが逆かどちらかだと思う
障害物にぶつかったあとしばらく操作できなくなるのはいいとして
それが切れると何故か一瞬で方向転換してしまう
rで止まったときにもしばらく操作が効かなくなるのは仕様かな？
これも一定時間経つと操作できるようになるからよくわからない

説明の文から察するに中学生(高校生？)くらいかな？
だとしたら相当すごいと思う。がんばって！

**名前は開発中のものです。** · 2012/04/03(火) 17:52:41.28

>>652
視点操作はフライトシミュレータを参考にしています
今後、いくつかの操作方法を選択出来るようにしようかと考えています

操作を受け付けない理由としてはエネルギが考えられます（canvasの下に表示）
これが操作内容に必要な量を下回っている時は操作を操作を受け付けません
既存の作品でいうとアーマードコアとかのそれを参考にしています

英語のレベルは中学生以下です
恥ずかしい

**名前は開発中のものです。** · 2012/04/04(水) 23:30:29.11

>>651
ピッチコントロールの上下反転をなくして、色々な表示をcanvasの上に配置してみました
説明不足でもエネルギの件は理解しやすくなったと思います

**名前は開発中のものです。** · 2012/04/09(月) 12:50:17.01

Firefox11
音が出るタイミング（wasdで移動など）でエラー
動作が完全に止まる
--
[12:45:23.569] uncaught exception: [Exception...
"An attempt was made to use an object that is not, or is no longer, usable" code: "11"
nsresult: "0x8053000b (NS_ERROR_DOM_INVALID_STATE_ERR)"
location: "... /exploit/sound.js Line: 36"]

oggしか対応してないから当然っちゃ当然だが
両対応出来るようにしといたほうがいいよ

**名前は開発中のものです。** · 2012/04/09(月) 20:51:29.57

>>655
oggファイルを用意して対応してみました
充分な試験をしていませんが、動作しているようです

音源の数が膨大になる前に指摘を頂けて助かりました

**名前は開発中のものです。** · 2012/04/09(月) 23:43:06.58

ビッチコントロール

**名前は開発中のものです。** · 2012/05/16(水) 06:41:08.49

enchant.jsってダメなの?

**名前は開発中のものです。** · 2012/05/16(水) 06:44:35.01

ダメでもないけど、金取っては売れんだろうな
あと開発元の会社がうさんくさい感じがする

**名前は開発中のものです。** · 2012/05/16(水) 23:01:56.84

金取れるレベルのものが作れない?

**名前は開発中のものです。** · 2012/05/18(金) 21:49:41.33

MITライセンスだからきちんと表示すれば商用利用おｋだな
売れるかどうかは作者のアイデア次第としか…

**名前は開発中のものです。** · 2012/05/22(火) 02:53:45.30

Arctic.jsやjActionとの比較など気になるんだけど
このスレの過疎っぷりじゃ試した人いないかな…

**名前は開発中のものです。** · 2012/05/23(水) 19:04:19.57

どれも似たり寄ったりなんじゃ
enchant.js　DOM
Arctic.js canvas

enchant.jsは3D機能がある

**名前は開発中のものです。** · 2012/05/23(水) 19:15:26.19

>>659はお金出してenchant.js買う人はいなそうだ、の意味ね

>>663
enchant.jsの3Dてアプリ版だよね？ブラウザでできるの？

**名前は開発中のものです。** · 2012/05/23(水) 23:04:33.78

ttp://9leap.net/games/1109/
こんな感じでできるんじゃ
webGL使ってるみたいだけど

**名前は開発中のものです。** · 2012/05/24(木) 00:33:08.60

>>665
うーん、動かないな。後でまたやってみよう

**名前は開発中のものです。** · 2012/05/26(土) 13:37:48.21

ケロケッツのささかまブラザーズをみんなでプレイ

KEROCKETS(ケロケッツ)

kerockets(ケロケッツ)はゲームを作ったり、プレイしたり、音楽や絵を投稿して、楽しむゲームコミュニティサイトです。

ささかまブラザーズTM
http://www.kerockets.jp/games/detail/3623

┌（┌ ＾o＾）┐ホモォ
http://www.kerockets.jp/games/detail/1833

**名前は開発中のものです。** · 2012/05/27(日) 01:10:10.28

■Websocket版
http://duelshooting-pocapocaunty.dotcloud.com/

■Comet版
http://duelshooting-online.herokuapp.com/

**名前は開発中のものです。** · 2012/05/27(日) 11:38:58.63

貼るのはいいけど、自分が作ったとかすごいとか
何が言いたいのかコメントも書かないか？

Node.jsでSocket.io使えばWebsocketとかCometとか関係なく、
ブラウザが使える能力使って通信できるはず。

**名前は開発中のものです。** · 2012/05/27(日) 12:02:11.62

本職でゲームつくっている人たちからフィードバックほしいっす

**名前は開発中のものです。** · 2012/06/10(日) 05:27:22.80

簡単に作れるんだったら、簡単に追いつかれるってことで、差別化にならないのでは。

**565** ◆golemBOXTE · 2012/07/18(水) 00:08:17.62

休止中ですが、一応引っ越したので過去の遺物サイトを載せて起きます。
【URL】http://www42.atpages.jp/golemboxte/golem/

スレ汚しすいませんです。

**名前は開発中のものです。** · 2012/08/18(土) 20:43:59.49

jsでやってるがosがxpでieのverが低い

**名前は開発中のものです。** · 2012/08/20(月) 01:10:27.17

それはshopでnewのpcをbuyするしかない。