2012/06/21更新

[セミナー] HTML5Games勉強会で発表してきました

このエントリーをはてなブックマークに追加      

「HTML5×CSS3×JS ゲーム」をテーマにした勉強会で、20分のお時間をいただき発表をしてきました(*゚▽゚)ノ
その勉強会の紹介とか内容とかをブログに書きたいと思います。

画像



勉強会

こちらの勉強会に参加してきました!
【第3回】HTML5+CSS3+JS de ゲーム勉強会
HTML5をメイントピックに、ゲーム制作の技術的要素やツールや制作の考え方を学べました。




発表内容

HTML5のCanvasとJavascriptを用いたシューティングゲームの作り方です。 フレームワークを使うゲームが多い中、スクラッチでゲームを作ったらこんな感じ、という内容を感じて頂けたら 良いなぁと。
以下にスライドシェアのリンクを貼らせて頂きます。
View more presentations from yoheiM




他にも

以下の2本が発表内容としてありました。

Adobe Flash Professional Toolkit for CreateJSをいじってみる

View more PowerPoint from kaboccha

以下は勉強会中に取ったメモです。
Toolkit for CreateJSとは?
FlashコンテンツをHTML5に変換するツール。
・CS6用プラグインです。
・ActionScriptがサポートされません。
・Flashでパーツを作り、HTML5で開発していくという流れです。
・ソースコードも簡単に編集できます。


もともとあるゲームをシンプルにしたら結構受け入れられた話

画像
このプレゼンはimpress.jsを使っていて、見ていてスゴく楽しいプレゼンテーションでした!
以下は勉強会中に取ったメモです(*゚▽゚)ノ
AMIDA-Warsというゲームを作っています。
enchant.jsを使用したシンプルなRTSです。
RealTime Strategyはターンがなく、ユーザーのスキルが強さに直結する。
複雑すぎるRTSをシンプルにしたら、流行るんじゃないか?
ゲームをシンプルにする方法
・まずはゲームをとことん遊んでみる
・良いと思うところを3つ挙げる。
・その中の1つをメインとして、2つを補強する
・面白いところを抽出するだけではなく、自分のスパイスを加えてみる。
・ユーザーの遊ぶ環境を創造してみよう。その環境で実際に遊んでみよう。
 →やる時間は短い。たった3分くらい。
 →地下鉄ではネット無いから対戦はAIに。

自動化する方法あれこれ
・機能ごとにをファイル分割する
・ファイルを保存したら自動でmake&ミニファイ。
・テストとか




最後に

今回の発表の機会を頂けた事に大変感謝です(・∀・)
発表の後に、「新人研修とかに良いかもですね」とか「もっと詳しく作り方知りたい」と 言って頂いた事、本当にありがたかったです。
最後までお読み頂きましてありがとうございました!!






こんな記事もいかがですか?

RSS画像

もしご興味をお持ち頂けましたら、ぜひRSSへの登録をお願い致します。