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

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

だめ？

**名前は開発中のものです。** · 2010/03/08(月) 19:30:48

innerHTMLっていう意味がぐぐってもわからないんですが
俺って頭悪いんでしょうか

**名前は開発中のものです。** · 2010/03/08(月) 22:51:01

>>480
単体でinnerHTMLだけ調べても意味が分からないのは無理もないよ
JavaScriptでHTMLを操作する方法をゼロから解説してるサイトを探した方がいいと思う

参考までに、サンプルを書いてみた
<script language="JavaScript">
var score = 0;
function addScore(point)
{
score += point;
document.getElementById("spanScore").innerHTML = score;
}
</script>
点数 <span id="spanScore">0</span><br><br>
<span onclick="addScore(1);" style="background-color:yellow;">クリック</span>

**名前は開発中のものです。** · 2010/03/09(火) 09:39:59

やさしいな

**名前は開発中のものです。** · 2010/03/09(火) 14:33:06

最近はjavascriptにもinnerHTML実装されたのか。知らなかった。

**名前は開発中のものです。** · 2010/03/09(火) 17:58:05

ありがとうございます

**名前は開発中のものです。** · 2010/03/11(木) 20:00:09

ちょっとしたゲームセンターというサイト
７年前から更新されてないようなんですが
作者のかたは就職されて忙しくなったのでしょうか？
あまりjavascriptのゲーム製作サイトって見つからないんですが
今時ではあまり流行らないんですかね？

**名前は開発中のものです。** · 2010/03/11(木) 22:44:00

流行り廃りで言うなら、むしろ今の方が若干流行ってるくらいだと思うけどな。
jQueryで作ったゲームとかぼちぼち出てきてるし、
さらにjQueryをゲーム用に派生したgameQueryとか出てきてるし。
http://gamequery.onaluf.org/

**名前は開発中のものです。** · 2010/03/12(金) 22:34:16

そうなんですかあ

**名前は開発中のものです。** · 2010/03/13(土) 22:31:52

getElementByIdのおかげで作りやすくなったんじゃね？

**名前は開発中のものです。** · 2010/03/13(土) 23:24:03

DOM Level 2なんていつから実装されてると思ってんだ。
APIよりスペックが格段に上がって重い処理でも気にならない程度の速度で実行できるようになったからいろいろやりだしただけ。
それとは別に遅咲きのXMLHttpRequestも大きいが。

**名前は開発中のものです。** · 2010/03/14(日) 09:43:30

でもやっぱCanvasとWebGLが来るまでは待ち、みたいなとこあるよな

**名前は開発中のものです。** · 2010/03/14(日) 13:57:22

CanvasとWebGLは早いとこ機能統合や仕様のすりあわせをやってくれんとまたアホな互換性のなさを生み出すだろうな。

**名前は開発中のものです。** · 2010/03/15(月) 21:57:16

Canvas今のところレンダリング結果が一致しないからきつい

**名前は開発中のものです。** · 2010/04/11(日) 22:55:12

止まってるね
規制があったから仕方ないか

最近VBAに浮気してしまっててやばい

**名前は開発中のものです。** · 2010/04/24(土) 22:54:34

初心者だけどもマインスイーパー作成途中で詰んだ

**名前は開発中のものです。** · 2010/06/06(日) 22:04:11

ほしゅ

**名前は開発中のものです。** · 2010/06/09(水) 00:09:22

将来的にはＰＣの性能が上がりまくって
ゲームはjavascriptで作る時代が来ると予想

**名前は開発中のものです。** · 2010/06/09(水) 01:33:53

HTML5 でそれも現実的になって来たね。2D canvas だけでなく WebGL もあるし。

**名前は開発中のものです。** · 2010/06/28(月) 15:41:16

スレ的にはここを活用するのもいいんじゃないかな

http://jsdo.it/

**名前は開発中のものです。** · 2010/07/06(火) 23:16:10

http://d.hatena.ne.jp/tily/20100119/js_sound
いまのところ、javascriptでゲームを作ってすべてのぶらうで動かすのは
サウンド関係がネックなのかな？

**名前は開発中のものです。** · 2010/07/06(火) 23:35:04

javascriptを使うこと自体がネックだろ
FlashやSilverlightやJavaアプレット使えば確実に同じように動くのに

**名前は開発中のものです。** · 2010/07/26(月) 23:38:16

みんな、なんか作ってる？

**名前は開発中のものです。** · 2010/10/12(火) 22:45:04

数あてゲーム作ってます

**名前は開発中のものです。** · 2011/03/06(日) 18:45:15.86

Android2.1でimageのtransform系がバグってるのは回避できないのか。。。

**名前は開発中のものです。** · 2011/03/13(日) 15:39:29.36

age

**名前は開発中のものです。** · 2011/03/25(金) 06:23:24.00

画像なしでブロック崩し作ったぜ

ttp://www.death-note.biz/up/o/19372.html

**名前は開発中のものです。** · 2011/03/27(日) 14:44:09.68

>>505
パドルがどこまでも伸びるのがいいなｗ
たまにブロックを壊したボールが物凄いスピードで落ちてくるんだけど(30dot/フレームくらい)条件は何？

**名前は開発中のものです。** · 2011/03/28(月) 06:47:57.90

>>506
赤や白のブロックを消すと一時的に当てたボールだけ30px/フレームになるぜ
あと伸ばしすぎると愚（称号リセット）や滅（残機0）を避けれなくなるぜ

**名前は開発中のものです。** · 2011/03/28(月) 20:44:06.28

というかJS以外NGなのか？
それ結構ハードル高いよな？
というかできるかもしれんが、やる意味アルノＣａ？
ＣＧＩのほうがいい方が・・・
ハッ！ＪＳのほうが互換性が高いことに今気づいた！

**名前は開発中のものです。** · 2011/03/28(月) 23:30:00.84

最新のブラウザだけをターゲットにするなら結構なんでもできるよ
canvasとかゲームにぴったりのAPIだし速い
現状、Windows限定なんかより遥かに動作環境狭くなるけどなw

**名前は開発中のものです。** · 2011/03/29(火) 09:11:15.42

いや、動作環境はJTML5+JavaScriptの方が圧倒的に広いよ
パソコンとスマートフォン・タブレット、さらに一部の携帯までほぼ「すべて」が対象になるから

**名前は開発中のものです。** · 2011/03/29(火) 14:12:29.77

夢見すぎ
結局環境別に実装されてる機能とそうでない機能を調査したり動作確認したり

**名前は開発中のものです。** · 2011/03/30(水) 06:12:29.56

まー今動いたらDLL地獄だろうが俺のためにみんな踏み台になってくれ

**名前は開発中のものです。** · 2011/03/31(木) 21:01:32.40

>>511
いや、ゲームの場合はマウスイベント周りとCanvas・ストレージ系の機能さえ動けばどうにでもなるから、「ほぼすべて」を対象にするのは簡単だよ

無意味に非互換化したタッチイベントとインライン再生不可のニセvideoタグ装備のゴミブラウザが標準になっている変態iOSさえ除外すればだがｗ

**名前は開発中のものです。** · 2011/04/02(土) 05:23:04.70

これはやばいな

canvasのブラウザごとの挙動の違い
ttp://d.hatena.ne.jp/mindcat/20100815/1281877127

**名前は開発中のものです。** · 2011/04/02(土) 11:32:22.41

WebGLとか夢物語もいいとこ
本気でこんなもん互換取れると思ってるんだろうか

**名前は開発中のものです。** · 2011/04/02(土) 14:25:52.90

>>505
すごい面白かったです。
アイテム豊富すぎｗ

**名前は開発中のものです。** · 2011/04/05(火) 06:44:49.85

ヒャッハー！　完璧に互換とれたぜ

式グラデーション
ttp://www.death-note.biz/up/p/20010.html

**名前は開発中のものです。** · 2011/04/05(火) 11:27:27.93

そりゃImageDataがブラウザで挙動変わったらびっくりだわ

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

ついでに動画にしたぜ！

http://www.death-note.biz/up/p/20058.html

**名前は開発中のものです。** · 2011/04/07(木) 11:16:32.98

すごいけどブロック崩しまだ途中だったのに消さないで下さい

**名前は開発中のものです。** · 2011/04/08(金) 02:26:05.41

>>520
普通のロダにあげてたから時間で消えちゃったぜ！
ここはアットウィキだからずっと消えないぜ
http://www42.atwiki.jp/syugyou?cmd=upload&act=open&pageid=240&file=aaaa.html
あと>>519は炎狐で開いたら糞重いから注意だぜ

**名前は開発中のものです。** · 2011/04/08(金) 14:46:09.36

>>521
サンクスです！
これで固すぎる上に回復とかするボスもじっくり倒せます。

**名前は開発中のものです。** · 2011/04/22(金) 23:58:19.93

なんのひねりもないけど、マインスイーパー作ってみた。
http://www006.upp.so-net.ne.jp/esh/mine/mine_sw.htm

**名前は開発中のものです。** · 2011/04/23(土) 22:37:05.61

時間の表示はクリック時じゃなくて毎秒行われたほうがいいと思う

**名前は開発中のものです。** · 2011/04/24(日) 08:41:36.50

>524
了解、そのように変更した。

**名前は開発中のものです。** · 2011/04/29(金) 06:15:17.19

ワンクリ目で死んだ
あと残り1マスで爆弾踏んでもコングラッチュレイション出た

**名前は開発中のものです。** · 2011/04/29(金) 23:58:36.38

>526
一般的な仕様ではワンクリック目では死なないようになってたんだな。
そこらへん何も考えてなかったのでワンクリック目で死ぬ事もあるという仕様だったんだけど、
残り１マスでのバグと併せてなおしときました。

**名前は開発中のものです。** · 2011/05/07(土) 22:45:17.07

canvas使ったシューティングゲームで一通り機能の実装が出来たから公開してみる。
(音については未実装）
ie9, Chrome11, Opera11, Firefox4, Safari5で動作確認済み。
http://www006.upp.so-net.ne.jp/esh/stg/main.html
マウスで移動、左ボタンでショット、ホイール押したらBomb

**名前は開発中のものです。** · 2011/05/07(土) 23:37:59.83

>>528
ぐはｗｗｗすげｗｗｗｗ
キャラはputImageData？
透過処理どうやってんの？

**名前は開発中のものです。** · 2011/05/08(日) 18:14:06.87

>>529
透過処理ってのが半透明にする奴の事いってるんだったら、
globalAlpha変更しながらdrawImageで表示させてるよ。

Canvasのリファレンス見ると、putImageDataだと
globalAlphaの値は無視されるっぽいな。

**名前は開発中のものです。** · 2011/05/15(日) 14:18:29.56

JavaScriptでアバターチャット作ってます。
遊びに来てください。canvas使ってないのでIE8でも動きます。

http://tommie.dip.jp/

>>528
すごいなｗ
canvas使ったほうがいいな（あたりまえかｗ

**名前は開発中のものです。** · 2011/05/21(土) 07:28:08.68

>>531
サーバー側はNode.js使ってるの？

**名前は開発中のものです。** · 2011/05/29(日) 00:52:57.09

>>531
すごい。
なんか面白いものができそうだな。
自分が動くと他のキャラも動く？？みたいな挙動が
微妙だけど。ちょっと期待

**名前は開発中のものです。** · 2011/06/05(日) 21:32:58.17

3DSのブラウザがcanvasを採用するっぽい
あとドットバイドット表示モードをサイト側で指定できるとか
ttp://www.nintendo.co.jp/3ds/hardware/features/browser.html

canvasってまったく触ったこと無いけど予習しとこかな

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

ドットバイドット表示はターゲットデバイスの解像度が決めうちできる場合の
スマートフォンのブラウザでの指定のしかたと一緒だね。

ゲーム作るとしたらあとはJavascrptの処理速度がどのくらい出るかだろうね。

iPhone4だと>>528の奴が1桁fpsだったからなぁ。
まあアクションじゃなければ余裕なんだろうけど。

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

>スマートフォンのブラウザでの指定のしかたと一緒だね
スマフォも使ったことなくて知らんかった、thanks

>iPhone4だと>>528の奴が1桁fpsだったからなぁ。
それはちょっとショックだ
作りたいのはアクションだけど、1画面中のオブジェクトが20個ぐらいなら
何とかなるんじゃないかと希望的観測を持ってる
キーイベントが拾えない仕様だったら即アウト

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

確かにキーイベントが拾えるなら楽しそうだな。
要はコントローラが使えるのと同じだからなー

**名前は開発中のものです。** · 2011/06/07(火) 14:03:24.29

やっと3DSの更新が来た
会社休み取って待ってたからやきもきしたぜ

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

以前Wii用に作成したテストページを表示してみた
表示は快適だけどアニメーション表示はかなり重いかな
今のところマウスイベントはクリック以外受け取れてないが、
少なくとも十字キー4方向とAボタンは認識できることを確認した
ちょっとワクワクしてきたよ俺

**名前は開発中のものです。** · 2011/06/17(金) 12:25:49.67

WegGL終了のお知らせ

http://internet.watch.impress.co.jp/docs/news/20110617_453916.html

これでJavaScriptで3Dゲーム、という「未来」はなくなったね・・・

**名前は開発中のものです。** · 2011/06/17(金) 13:33:04.13

3Dよええ

**名前は開発中のものです。** · 2011/06/17(金) 20:37:31.23

Microsoft的にはSilverlightを使わせたいだろうからなぁ

**名前は開発中のものです。** · 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
べつに仕事でやってるわけじゃないし、そんなこと急に言われてもなぁ