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

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

だめ？

**名前は開発中のものです。** · 2011/06/18(土) 21:46:11.60

>>540
なんか話が違うような？
http://mozilla.jp/blog/entry/6900/

**名前は開発中のものです。** · 2011/06/19(日) 09:21:18.59

>>543
うん、それは別の話だよね
それくらい俺でもわかるよ

**名前は開発中のものです。** · 2011/06/23(木) 20:34:53.40

>>540
Khronos が対応中らしい

http://www.readwriteweb.com/hack/2011/06/developer-silverlight-has-the.php

**名前は開発中のものです。** · 2011/06/24(金) 00:11:11.56

>>535
>ゲーム作るとしたらあとはJavascrptの処理速度がどのくらい出るかだろうね。
>
>iPhone4だと>>528の奴が1桁fpsだったからなぁ。

http://arstechnica.com/apple/news/2011/06/ios-5-brings-nitro-speed-to-home-screen-web-apps.ars

**名前は開発中のものです。** · 2011/06/25(土) 01:03:11.67

>>546
記事読んだけど、>>535の3DSのブラウザの実行速度気にしてるのと、
どう関係あるの？

まあMobile Safariの処理速度なんてPC用のSafariでも遅い方なんだから、
iOS5になっても大して変わらないと思う。

**名前は開発中のものです。** · 2011/06/25(土) 16:09:56.36

>>547
その専ブラぶっこわれてるんじゃないの。ウェブブラウザで見てみ。

何が変わるかは記事に書いてある通りで、Nitroが採用されるから高速になる。
Safariが遅いって何の話?

**名前は開発中のものです。** · 2011/06/25(土) 18:54:50.89

今年3月の時点でブラウザで実行だと
すでにNitro有効だと書いてある。

**名前は開発中のものです。** · 2011/06/25(土) 19:05:47.93

おお、ホントだ。これは失礼した。

**名前は開発中のものです。** · 2011/06/27(月) 04:10:06.40

携帯がwebGLに対応したら意図的に携帯ぶっこわすことも可能？

**名前は開発中のものです。** · 2011/06/27(月) 07:12:30.96

ぶっ壊したり乗っ取ったりする話とは違うと思われ

**名前は開発中のものです。** · 2011/06/27(月) 19:00:20.44

え、同じ話でしょ？

**名前は開発中のものです。** · 2011/06/28(火) 00:45:53.46

http://rpgjs.com/

**名前は開発中のものです。** · 2011/06/29(水) 00:02:20.08

http://eblong.com/zarf/glulx/quixe/

**名前は開発中のものです。** · 2011/07/11(月) 02:54:32.18

>>279
こういうの作りたいんだけど、何から手をつけるのかすら分からない・・・

**名前は開発中のものです。** · 2011/07/12(火) 20:47:26.76

WebGLの入門サイトってないですか？

**名前は開発中のものです。** · 2011/07/12(火) 21:31:20.91

>>557
こことか

https://sites.google.com/site/hackthewebgl/learning-webglhon-yaku/the-lessons

**279** · 2011/07/13(水) 05:41:42.83

>>556
自分は、以下の順番で作りました。
　１．まずは、表示したい画面を静的にhtmlで作る。
　２．その画面を、javascriptで動的に生成する。
　３．シナリオデータから次々に生成されるようにする。
経験上、一番大変なのは、お話を用意する部分です。

**名前は開発中のものです。** · 2011/07/13(水) 07:31:54.08

>>559
ちなみにどれくらい時間かかりました？

> 一番大変なのは、お話を用意する部分です。

漠然と考えることはできても、文章に起こすとなると難しそうですね

**名前は開発中のものです。** · 2011/07/13(水) 08:21:29.76

>>560
559じゃないが自分が作った時も1~3と同じような順番でシステムだけ1日
後で気付いたときにその都度バグ修正や機能追加してる
シナリオはシステムを動かすサンプル用に短いのを数日で書いた
面白いお話を用意するとなると何日かかるか分かりません
自分にとってもお話が最大の難関です

**279** · 2011/07/13(水) 21:06:24.22

>>560
完成までだと、1ヶ月くらいです。
モチベーションを維持するのが難しかったです。
幸い目指す完成形があったので、続けられました。

お話の用意が大変な場合は、下記の手法もいいかもしれません。
http://www17.plala.or.jp/p95095yy/wnov/mathg/
これは（↑）、お話は、Webで公開されているものです。
（許可はいただいています）
お話の作者さまに見せる楽しみがあるので、続けられるかもしれません。
あと、背景もキャラもフリーの物をお借りしてます。

**名前は開発中のものです。** · 2011/07/18(月) 09:44:22.97

ここは例えば実行処理部をJavaScriptで処理して、
ファイル処理などを他の言語でやったりする物の話題は
スレチでしょうか？

**名前は開発中のものです。** · 2011/07/18(月) 11:06:16.60

Javascriptでゲーム作ってるんだったら、
話題が無いよりはいいんじゃないかな？

**名前は開発中のものです。** · 2011/07/18(月) 11:44:14.08

>>564
回答ありがとうございます。　では安心して書かせていただきます。
まだゲームの域に届いてないしろものですが、UPするとモチベが沸くかと
思い利用させていただきます。
http://cgi.members.interq.or.jp/asia/k24/
でJavaScriptで開発に勤しんでおりますです。
まだ何もできないですが、末永く見守ってくださいです。

**名前は開発中のものです。** · 2011/07/18(月) 19:22:29.22

がんばりやー

**名前は開発中のものです。** · 2011/07/19(火) 07:18:34.08

よくわからないけど他のスレでいじめられたので逃げてきました
ここ数日間WebGL周り調べてたけど大体こんな感じだった

クロスプラットフォームでネイティブコード吐けて
sm2.0までの3d対応
サウンド対応
opencl対応予定

まだ実際にやってないけど
アプリケーションキャッシュや
chromeless xulrunnerあたりでネイティブ化できるらしかった

上に書いてあるセキュリティの問題はアプリ化することで回避できると思う
canvasも使えるし悪くないのではないでしょうか
あっちのスレ怖い

**名前は開発中のものです。** · 2011/07/19(火) 22:34:07.94

どこのスレか知らないけど、
WebGLはブラウザ上で動くということに価値があると思う。
アプリ化するんだったら、OpenGL使ってネイティブで書けばいいんだから。

自分が良いと思うんだったら、それを使って何か作ってみればいい。
活用が広がればセキュリティ問題も解決されて発展していくだろうし。
（まあセキュリティ問題があるから活用されないという考え方もあるが）

**名前は開発中のものです。** · 2011/07/20(水) 06:15:22.81

javascriptでexe作れたらうれしいと思ったけど違うのか

**名前は開発中のものです。** · 2011/07/20(水) 11:45:05.92

CanvasもWebGLも、htaで使えれば最高なんだけどなぁ・・・

**名前は開発中のものです。** · 2011/07/20(水) 19:59:44.05

QML や XUL じゃダメなの?

**名前は開発中のものです。** · 2011/07/22(金) 11:31:48.30

WebGLなんかCでOpenGLを直接叩くのと変わらないんだから
ネイティブでいいんだったらC++で適当なゲームエンジン使ったほうが遥かに楽だ
ゲームではUI記述言語みたいなのもそんなに使いどころがない

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

それが JS の記述性の高さが半端無いんだわ

モジュールが無い（名前空間は作れるけど）とかイテレーションが簡単に書けないとかに関係無く、
クロージャの使いやすさが完全に他の言語を圧倒していて、何で 21 世紀にもなって C/C++ を
書かないといけないんだという気分にしてくれるんだわ

プログラマにとったら、エンジンとかフレームワークとかより、ライブラリが揃っていてなんぼな
訳だし、何で JS が注目されているかは、多少コーディングの経験があれば簡単に分かる話だと思われ

**名前は開発中のものです。** · 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面だけ作ったサイトがあったな。ああいうのはできるの？