javascript+SVGでシューティングゲームを作りました(その2)
前回作ったゲーム(http://52.197.237.207:8080/Oogiri2/jsp/shooting2.html)が難しいという声が一部あったので、
レベルをつけて、段階的にしてみました。
http://52.197.237.207:8080/Oogiri2/jsp/shooting_game.html
良かったらやってみ下さい!
■ゲーム説明
←↑→↓:移動
X:魔法発射。魔法は画面の半分ぐらい進むと消えます。ある程度敵に近づいてから魔法を打つ必要が有ります。
相手に魔法を10回ほど当てると倒せます。
勿論こちらの機体は1発でもあたるとアウトです。
SVGのテンプレート用のページを作ってみました
SVGに関して詳しく解説してあるページや、初心者用のページもあるけど、
とりあえずSVGを試したいというときにテンプレートとなるhtmlページがないと思ったので作ってみました。
http://52.197.237.207:8080/Oogiri2/jsp/svg_template.html
circle、polygon、lineの3つの図形を動的に作成しているだけです。
静的に作りたい場合は出来たhtmlを見て下さい。
需要あるかな・・・
javascript+SVGでシューティングゲームを作りました(その2)
前回作ったシューティングゲームが思ったより面白い(作者的に)だったので、
グラフィックを強化しました!
皆さん好みになったんじゃないかな
http://52.197.237.207:8080/Oogiri2/jsp/shooting2.html
良かったらやってみて下さい!
■ゲーム説明
←↑→↓:移動
X:魔法発射。魔法は画面の半分ぐらい進むと消えます。ある程度敵に近づいてから魔法を打つ必要が有ります。
相手に魔法を10回ほど当てると倒せます。
勿論こちらの機体は1発でもあたるとアウトです。
■技術的な話
画像の白色を透過させるために下記のサイトを使用させて頂きました。
http://www.peko-step.com/tool/alphachannel.html
また、動的にsvgのimg要素を作成しても何故か上手く行かなかったので、
予めimg要素をsvg内において、それをコピーして魔法を再現しています。
javascript+SVGでシューティングゲームを作りました
前回ドロケイゲーム(http://52.197.237.207:8080/Oogiri2/jsp/drokei.html )を作ったら楽しくなったので、またゲームを作りました。
今回はシューティングゲームを作りました。
また、javascript+SVGです。
http://52.197.237.207:8080/Oogiri2/jsp/shooting.html
本当は物理法則を使用したゲームを作る予定だったんだけどつまんな過ぎたから、途中でシューティングゲームに変えました。
なのでソースを読むと謎の数式が書いてあるけど、このゲームでは使われておりませんww
■ゲーム説明
←↑→↓:移動
X:ビーム発射。ビームは画面の半分ぐらい進むと消えます。
相手にビームを10回ほど当てると倒せます。
勿論こちらの機体は1発でもあたるとアウトです。
作者は5チャレンジで1クリアくらい
倒せたらコメントしてくれると嬉しいです。
あ、倒せなくてもね(^0^*
大喜利サイトを作ってみました(Angularjs+java+mysql)
勉強がてらWEBサイトを作ってみました。
http://52.197.237.207:8080/Oogiri2/jsp/Home.spc
■自分について
IT企業に勤めているけど、あんまりプログラミングする機会ない。神奈川在住。
お笑い大好き
■大喜利サイトを作ろうと思ったきっかけ
ipponグランプリとかみて、ああいうサイトがあると面白いと思いました。
掲示板形式ではなく、チャットみたいなリアルタイムな奴
■技術的な事
・フロント
bootstrap+AngularJs+Jqueryでajaxを飛ばしまくってます。
AngularJsを選んだ理由は流行りでかっこいいと思ったのが大きいけど、実際すごい安定しました。
最初はJqueryで作ってたけどごちゃごちゃしたから変えたら上手く行きました。
・サーバー側
java+jspでやってます。古いからネットで記事探すのが微妙に大変だった。
最近はほとんどrubyなのかな・・・
画像をDBから持ってきて表示させるのが大変だった。
フロントからajaxを定期的に投げてサーバー側からjsonデータを取得して各ユーザーが同期をとれるようにしています。サーバーはAWSです。
・DB
mysqlを使っています。
ネットにいっぱい記事が有るからやりやすかったです。
良かったら見ていってください!”
ゲームとか作ってみました(javascript+SVG)
初めましてyujiって言います。よろしくお願いします。
javascriptの勉強がてらページを作ってみました!
javascript+SVGです。
①スーパーボールが跳ねるページ。クリックで爆発します
http://52.197.237.207:8080/Oogiri2/jsp/super_ball2.html
②ドロケイゲームのページ
http://52.197.237.207:8080/Oogiri2/jsp/drokei.html
■ゲーム内容
ドロケイだよ!
キーボードの上下左右(↑↓←→)で動くよ!
赤が泥棒で青が警察だよ
頭部の辺りが重なると逮捕でゲームクリアだよ!
泥棒うるさいけど良かったらやってみてね!!
■技術面
svg+javascript
サーバーはawsです。