Submit Search
Upload
Gブレイバー開発計画 2スプリント目
•
0 likes
•
799 views
Yuusuke Takeuchi
Follow
Report
Share
Report
Share
1 of 22
Download now
Download to read offline
Recommended
Unity用のビジュアルスクリプティングアセットNodeCanvasの紹介です。 アドカレ2019にてYouTubeで紹介した内容と同一の内容となっており触りだけ確認したい方用となっております。 詳しい内容はYouTubeをご覧ください。
Node canvasで作るプロトタイプ
Node canvasで作るプロトタイプ
H T
Gブレイバーのことれからとこの先
Gブレイバーのことれからとこの先
Yuusuke Takeuchi
テスト駆動ゲーム開発をJava scriptで実践 in jscafe20
テスト駆動ゲーム開発をJava scriptで実践 in jscafe20
Yuusuke Takeuchi
jscafeでの発表資料
Colorbox jscafe 20140511
Colorbox jscafe 20140511
Kazuyuki Ikeda
Createjsについて@jsCafe20
Createjsについて@jsCafe20
佐藤 俊太郎
#jsCafe20 でお話した内容です。 サイト制作のときに、バックグラウンドイメージをスライドさせたいときがあります。 また、レスポンシブ対応も視野に入れたいです。 そんなときによく使っているのが、BackGround jQuery Plugin の「VEGAS」です。 非常に簡単に設定できて、応用も効くので重宝します。 一部のエリアでのスライドショーだけなら、他のjQueryプラグインでよいのですが、背景全体となると・・・。 VEGASでは、HTMLのimgタグを使って背景をスライドさせています。 OVERLAYで、イメージの明暗をつけたりできるので、Photoshopで再加工しなくても、VEGASで表現を調整できるので、制作コストが省けます。また、OVERLAY用のイメージも独自のものが指定できます。 SLIDSHOWでは、スライドするごとにイベントが発生してくれるので、スライドが切り替わるごとにアクションを起こすことができるのが便利です(#^.^#) レスポンシブ対応もよい感じで行ってくれるので、あまり他のデバイスを意識しなくても、上手くいきます。 僕が作った制作事例です。 http://ticklecode.com/present/140511_jsCafe_Vegas/sample02.html http://sakurashinmachi-potal.com/ http://yakitori-ya.net/ やはり、ブラウザ全体にイメージが広がると好感度がよいです(#^.^#) あと、スライドするイメージの数ですが、あまり多いと最初の表示が遅くなります。 VEGASは最初にスライドするためのイメージを読み込むので、どうしても最初の起動が遅いです。 僕のようにサイト制作を速攻で行いたい人には、向いてるプラグインだと思います(#^.^#)
VEGAS jQuery Plugin を使ってみた ~背景画像やスライドショーを画面いっぱいに表示~
VEGAS jQuery Plugin を使ってみた ~背景画像やスライドショーを画面いっぱいに表示~
Yoshinori Kobayashi
Passportでサクッと外部認証を組み込もう
Passportでサクッと外部認証を組み込もう
Yuusuke Takeuchi
日曜プログラマーが 1週間くらいで通信対戦ゲームを作ってみた
日曜プログラマーが 1週間くらいで通信対戦ゲームを作ってみた
Yuusuke Takeuchi
Recommended
Unity用のビジュアルスクリプティングアセットNodeCanvasの紹介です。 アドカレ2019にてYouTubeで紹介した内容と同一の内容となっており触りだけ確認したい方用となっております。 詳しい内容はYouTubeをご覧ください。
Node canvasで作るプロトタイプ
Node canvasで作るプロトタイプ
H T
Gブレイバーのことれからとこの先
Gブレイバーのことれからとこの先
Yuusuke Takeuchi
テスト駆動ゲーム開発をJava scriptで実践 in jscafe20
テスト駆動ゲーム開発をJava scriptで実践 in jscafe20
Yuusuke Takeuchi
jscafeでの発表資料
Colorbox jscafe 20140511
Colorbox jscafe 20140511
Kazuyuki Ikeda
Createjsについて@jsCafe20
Createjsについて@jsCafe20
佐藤 俊太郎
#jsCafe20 でお話した内容です。 サイト制作のときに、バックグラウンドイメージをスライドさせたいときがあります。 また、レスポンシブ対応も視野に入れたいです。 そんなときによく使っているのが、BackGround jQuery Plugin の「VEGAS」です。 非常に簡単に設定できて、応用も効くので重宝します。 一部のエリアでのスライドショーだけなら、他のjQueryプラグインでよいのですが、背景全体となると・・・。 VEGASでは、HTMLのimgタグを使って背景をスライドさせています。 OVERLAYで、イメージの明暗をつけたりできるので、Photoshopで再加工しなくても、VEGASで表現を調整できるので、制作コストが省けます。また、OVERLAY用のイメージも独自のものが指定できます。 SLIDSHOWでは、スライドするごとにイベントが発生してくれるので、スライドが切り替わるごとにアクションを起こすことができるのが便利です(#^.^#) レスポンシブ対応もよい感じで行ってくれるので、あまり他のデバイスを意識しなくても、上手くいきます。 僕が作った制作事例です。 http://ticklecode.com/present/140511_jsCafe_Vegas/sample02.html http://sakurashinmachi-potal.com/ http://yakitori-ya.net/ やはり、ブラウザ全体にイメージが広がると好感度がよいです(#^.^#) あと、スライドするイメージの数ですが、あまり多いと最初の表示が遅くなります。 VEGASは最初にスライドするためのイメージを読み込むので、どうしても最初の起動が遅いです。 僕のようにサイト制作を速攻で行いたい人には、向いてるプラグインだと思います(#^.^#)
VEGAS jQuery Plugin を使ってみた ~背景画像やスライドショーを画面いっぱいに表示~
VEGAS jQuery Plugin を使ってみた ~背景画像やスライドショーを画面いっぱいに表示~
Yoshinori Kobayashi
Passportでサクッと外部認証を組み込もう
Passportでサクッと外部認証を組み込もう
Yuusuke Takeuchi
日曜プログラマーが 1週間くらいで通信対戦ゲームを作ってみた
日曜プログラマーが 1週間くらいで通信対戦ゲームを作ってみた
Yuusuke Takeuchi
年末JavaScript祭ゆく年くる年 in IDCフロンティアのLT用資料です。
Reduxについて
Reduxについて
Yuusuke Takeuchi
プログラミング生放送用発表資料です。
自作ゲームをWebpack対応させてみた
自作ゲームをWebpack対応させてみた
Yuusuke Takeuchi
自作ゲームの進捗報告スライドです。ニコニコ動画へのアップはもう少し待ってね。
本職のプログラマーが趣味で対戦ゲーム作ってみた Part10
本職のプログラマーが趣味で対戦ゲーム作ってみた Part10
Yuusuke Takeuchi
このイベントでの資料です。 http://eventdots.jp/event/565755
ゲームの自動テストを 作ってみた
ゲームの自動テストを 作ってみた
Yuusuke Takeuchi
春のJS祭り2015 LT
春のJs祭2015 lt
春のJs祭2015 lt
Yuusuke Takeuchi
ndoeSchool LT発表資料です。
Node.jsで対戦ゲーム作ったよ
Node.jsで対戦ゲーム作ったよ
Yuusuke Takeuchi
Gブレイバー1人用モード開発案
Gブレイバー1人用モード開発案
Yuusuke Takeuchi
東京node学園祭2014 飛び入りLT
東京Node学園祭2014 飛び入りLT
東京Node学園祭2014 飛び入りLT
Yuusuke Takeuchi
Gブレイバー2014年上期の振り返りと、下期の目標です。
2014年上期Gブレイバー振り返り
2014年上期Gブレイバー振り返り
Yuusuke Takeuchi
Enchant.js入門
Enchant.js入門
Yuusuke Takeuchi
Html5の通信対戦ゲームをテスト駆動開発で作ってみた
Html5の通信対戦ゲームをテスト駆動開発で作ってみた
Yuusuke Takeuchi
Gブレイバー開発計画3スプリント目
Gブレイバー開発計画3スプリント目
Yuusuke Takeuchi
テスト駆動ゲーム開発をJava scriptで実践
テスト駆動ゲーム開発をJava scriptで実践
Yuusuke Takeuchi
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
Yuusuke Takeuchi
日曜プログラマーとigoogle先生
日曜プログラマーとigoogle先生
Yuusuke Takeuchi
第5回 業界中心会議でのLT予定資料です。 https://itmedia.smartseminar.jp/public/application/add/922
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
Yuusuke Takeuchi
Node.jsなら日曜プログラマーでも簡単に通信対戦ゲームが作れる
Node.jsなら日曜プログラマーでも簡単に通信対戦ゲームが作れる
Yuusuke Takeuchi
More Related Content
More from Yuusuke Takeuchi
年末JavaScript祭ゆく年くる年 in IDCフロンティアのLT用資料です。
Reduxについて
Reduxについて
Yuusuke Takeuchi
プログラミング生放送用発表資料です。
自作ゲームをWebpack対応させてみた
自作ゲームをWebpack対応させてみた
Yuusuke Takeuchi
自作ゲームの進捗報告スライドです。ニコニコ動画へのアップはもう少し待ってね。
本職のプログラマーが趣味で対戦ゲーム作ってみた Part10
本職のプログラマーが趣味で対戦ゲーム作ってみた Part10
Yuusuke Takeuchi
このイベントでの資料です。 http://eventdots.jp/event/565755
ゲームの自動テストを 作ってみた
ゲームの自動テストを 作ってみた
Yuusuke Takeuchi
春のJS祭り2015 LT
春のJs祭2015 lt
春のJs祭2015 lt
Yuusuke Takeuchi
ndoeSchool LT発表資料です。
Node.jsで対戦ゲーム作ったよ
Node.jsで対戦ゲーム作ったよ
Yuusuke Takeuchi
Gブレイバー1人用モード開発案
Gブレイバー1人用モード開発案
Yuusuke Takeuchi
東京node学園祭2014 飛び入りLT
東京Node学園祭2014 飛び入りLT
東京Node学園祭2014 飛び入りLT
Yuusuke Takeuchi
Gブレイバー2014年上期の振り返りと、下期の目標です。
2014年上期Gブレイバー振り返り
2014年上期Gブレイバー振り返り
Yuusuke Takeuchi
Enchant.js入門
Enchant.js入門
Yuusuke Takeuchi
Html5の通信対戦ゲームをテスト駆動開発で作ってみた
Html5の通信対戦ゲームをテスト駆動開発で作ってみた
Yuusuke Takeuchi
Gブレイバー開発計画3スプリント目
Gブレイバー開発計画3スプリント目
Yuusuke Takeuchi
テスト駆動ゲーム開発をJava scriptで実践
テスト駆動ゲーム開発をJava scriptで実践
Yuusuke Takeuchi
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
Yuusuke Takeuchi
日曜プログラマーとigoogle先生
日曜プログラマーとigoogle先生
Yuusuke Takeuchi
第5回 業界中心会議でのLT予定資料です。 https://itmedia.smartseminar.jp/public/application/add/922
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
Yuusuke Takeuchi
Node.jsなら日曜プログラマーでも簡単に通信対戦ゲームが作れる
Node.jsなら日曜プログラマーでも簡単に通信対戦ゲームが作れる
Yuusuke Takeuchi
More from Yuusuke Takeuchi
(17)
Reduxについて
Reduxについて
自作ゲームをWebpack対応させてみた
自作ゲームをWebpack対応させてみた
本職のプログラマーが趣味で対戦ゲーム作ってみた Part10
本職のプログラマーが趣味で対戦ゲーム作ってみた Part10
ゲームの自動テストを 作ってみた
ゲームの自動テストを 作ってみた
春のJs祭2015 lt
春のJs祭2015 lt
Node.jsで対戦ゲーム作ったよ
Node.jsで対戦ゲーム作ったよ
Gブレイバー1人用モード開発案
Gブレイバー1人用モード開発案
東京Node学園祭2014 飛び入りLT
東京Node学園祭2014 飛び入りLT
2014年上期Gブレイバー振り返り
2014年上期Gブレイバー振り返り
Enchant.js入門
Enchant.js入門
Html5の通信対戦ゲームをテスト駆動開発で作ってみた
Html5の通信対戦ゲームをテスト駆動開発で作ってみた
Gブレイバー開発計画3スプリント目
Gブレイバー開発計画3スプリント目
テスト駆動ゲーム開発をJava scriptで実践
テスト駆動ゲーム開発をJava scriptで実践
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
日曜プログラマーがHtml5とかで通信対戦ゲームを作ってます
日曜プログラマーとigoogle先生
日曜プログラマーとigoogle先生
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
Node.jsなら日曜プログラマーでも簡単に通信対戦ゲームが作れる
Node.jsなら日曜プログラマーでも簡単に通信対戦ゲームが作れる
Gブレイバー開発計画 2スプリント目
1.
Gブレイバー開発計画 2スプリント目 竹内 佑介
2.
今回作るところ キャラクター選択 攻撃演出 回避演出
3.
キャラクター選択
4.
今まではキャラクターが 選択できませんでした 強制的にこの キャラに設定
5.
今スプリントではキャラクター 選択機能を追加します こいつも選べる
6.
画面イメージ グランブレイバー ランドーザ 戻る アームドーザ選択 選択できる キャラクター メニュー画面 へ戻る
7.
ちなみにアームドーザとは、 Gブレイバーの世界における ロボットの名称です
8.
某機動戦士とか、某機動警察とか みたいな、それっぽい名前を考えました
9.
ちなみに名前の由来は
10.
腕のある重機ということから アーム + ブルドーザ ->
アームドーザです
11.
閑話休題
12.
あと画面が増えてきたので、 画面遷移も考えます
13.
メニュー 画面 キャラクター 選択画面 ルームセレクト 画面 戦闘画面 ルームへ入室 戦闘終了
14.
メニュー画面も追加になった ので、画面仕様を考えます
15.
対戦ルーム アームドーザ選択 メニュー 画面イメージ ルームセレクト 画面へ移動 キャラクター 選択画面へ 移動
16.
ルームセレクトにも少し 修正が入ります
17.
画面イメージ 戻る メニュー画面 へ移動
18.
少し話しは変わりますが、
19.
キャラクター選択画面の socket.io通信仕様も書きます
20.
クライアント サーバ setArmdozer(アームドーザID) successSetArmdozer
21.
演出方面については別途…… (もうすぐ出社時間なので)
22.
ご清聴ありがとうございます
Download now