2017年度 デジタルアーツ東京 ゲームデザイン実習用リポジトリー。
- Phaserのスプライト画像の用意の仕方
- LubuntuでPhaserのExampleを動かす手順
- GitHubにUnityのプロジェクトを新規に作成する手順(VisualStudioも同様)
- GitHub Desktopで.gitignoreが作られなかった場合の対処
- 魔王魂
- 効果音ラボ
- 甘茶の音楽工房
- PANICPUMPKIN ファミコン風オリジナル音楽
- FONT BEAR.NET 商用OKなフリーフォントを検索
- ゲームに使えるフォント
- サーバーサイドプログラミング PHP編
- DATフェスタ作品の公開作業
- Esoteric Software. Spine
- Cocoon.io WebアプリやWebページをスマホのネイティブアプリにコンパイルするサービス
- Amazon. クラウドで開発するサービス Cloud9
- アルゴリズムを知る PHP基礎編:長テーブルのうなぎの問題 https://paiza.jp/works/php/basicnew/unagi-new/2201
- サーバーサイドプログラミング PHP編
- 2/10(土)15:00【参加費無料】実例からみるHoloLensアプリ開発とWindows Mixed Reality/主催:VRプロフェッショナルアカデミー@品川
- paizaラーニング. SQL入門編2: SQLを仕事に使おう
- 無料で公開されていて非常にオススメ。とりあえず眺めておくとよい
- 仮想PCのOSカーネルを掃除しておこう
- サーバーサイドプログラミング PHP編
- DATフェスタ作品の公開作業
- Heroku+Ruby編・・・Herokuでアドオンを利用するのにクレジットカードが必要だった。それならAWSでよいかも知れない
- Rubyのメリット: 仕事が多い / 開発速度が速い / いま風
- ドットインストール. Heroku入門
ちょっと古くなってきているようで、Laravelをやって見ましょう。
- AWS Elastic Beanstalk
- Amazonのクラウドサービス
- 登録にクレジットカードが必要だったので見送り
- Google Cloud Platform
- Googleの同種サービス
- 先進的な半面、他とは異なる部分があったので見送り
- AppDrag
- ブログなどもホストできるサービス
- JavaScriptのみだったようなので見送り
- Paiza Cloud
- paizaが始めたクラウドサービス
- 無料枠だとサービスの公開ができなかったので見送り
AWSやGoogle Cloudは企業でよく使われているサービスなので、一通り理解が進んだら自発的に学習するとよいでしょう。AppDragやPaiza Cloudは非常に手軽なので、用途が合えば強力な選択肢になるでしょう。
- Unity1週間ゲームジャム meet up 行ってきました
- Global Game Jam 2018
ggj
やグローバルゲームジャム
で検索すると参加報告や初心者向けのブログなどが見つかるので、参照してみてください- 面白そうだと思ったら参加してください。確実に就職の役に立ちます
- プログラマーが多いようなので、企画や資料作成、スライド作成などの手伝いとして入るという手があります
- 最初からチームを組んで参加してもよいでしょう(新しい経験をするという点ではフリーで参加する方がよい経験にはなると思います)
- 事前に色々準備が必要なので、予め情報をチェックして、PCなどの準備をしておきましょう
- 次回Unity1週間ゲームジャムは2/19(月)から
- 正月課題の発表
- サーバーサイドプログラミング PHP編
- PHPのメリット: 仕事が多い / 安いサーバーで使えることが多い / Wordpressをいじれる
- paiza. PHP入門編 - https://paiza.jp/works/php/primerfemale/beginner-php1-female/2306 から
- Unity AssetStoreまとめ. 【新春イベント】あなたの欲しいアセットが無料でゲットできるかも!? アセットバウチャー総額『5万円+α』プレゼント
- お題にチャレンジ!Vol.4: クリスマスのスクリーンショット結果
- IGDA日本新年会2018(1/21)
- 名刺と作品を持っていくと何かあるかも(ないかも)
- 田中作品 フライングカモ
- ポートフォリオページの完成
- 金曜日発表
- paizaラーニング. ITエンジニアの就活準備編2: ポートフォリオ制作を参考に、HTML5+Bootstrapでポートフォリオページを作成
- 12/1の講義動画を参考に、作成したページをGitHub Pagesのアカウントページとして公開する
- Works(活動紹介)には、これまで作成した作品について以下のようなものを用意して簡潔にまとめる
- 作品名
- 作品のスクリーンショット
- 制作期間
- グループ作品か、個人作品か
- グループ作品だった場合、担当
- 作品がWebで遊べたり、ダウンロードできる場合は、作品へのリンク
- 就職活動に使えるようにすることを意識して作成する
- 連絡先を書く。ただし、メールアドレスなどをそのまま書くとスパムの餌食になる可能性があるので、
@
を画像にしたり、カタカナでアットマーク
と書くなどして、メールアドレスをそのまま書かないよう工夫する - 参考: 千代田まどか. ちょまど帳 https://chomado.com/
- Unity AssetStoreまとめ. 【クリスマスイベント】あなたの欲しいアセットが無料でゲットできるかも!? アセットバウチャー総額『5万円+α』プレゼント
- お題にチャレンジ!Vol.4: クリスマスのスクリーンショット
- paiza. 【3週連続火曜】24時間限定出題!テストケース開示問題
- React続き.oxの実装
- 前回、VirtualBoxで環境をインストールして、 react-rensyu のフォルダーを作成するところまで進めた
- 正月休み作品作業
- お題にチャレンジ!Vol.4: クリスマスのスクリーンショット
- paiza. 【3週連続火曜】24時間限定出題!テストケース開示問題
- Unity1週間ゲームジャム Meetup in Tokyo #1
- 1コマ目 Reactを使ってみる https://github.com/tanakaedu/react-reading/blob/master/README.md
- 2コマ目 正月休み作品などの開発、質問
- @higopage. Unityアプリを世界にどんどんリリースするためにやったこと
- paiza転職. スペシャリストのエンジニアにインタビュー
- 「お二人が考える「いいエンジニア」とは」の部分を確認のこと
- Timeline
- 新規にプロジェクトを作成
- https://am1.jp/unity/unity-chan-timeline-rensyu.unitypackage をダウンロード
- ダウンロードした
unity-chan-timeline-rensyu.unitypackage
からReadme.txtのみインポート - Readme.txtに従って、UnityちゃんのモデルとParticleSystemsをインポート
- UnityChanActionフォルダーをProjectビューから削除して、
unity-chan-timeline-rensyu.unitypackage
をインポートしなおす - https://docs.unity3d.com/jp/current/Manual/TimelineSection.html を読みながら動作を確認する
- araitakahiro. Unity2017のTimelineをやってみた
- Control TrackとPlayable Trackはこちらの記事で確認
- 参考: Chara@Maya ライブ!~キャラクターセットアップからUE4への出力~
- Doodleをやってみよう https://g.co/doodle/h7b5xj?ds=cl
- Seamless. ウィスコンシン大学ら、粒子法の一つであるGIMP法を用いて弾塑性モデルをシミュレートする提案を論文にて発表
- naichi. UnityRoomのWebGLからツイートする
- Unityインターハイ. 入選作品が遊べるように
- 12/1~12/4 期間限定でpaizaのポートフォリオ制作講座が無料
- 1/10以降、Unity CollaboとCloud Buildに制限がつく
- Schoo. UnityのuGUIで作る2Dゲーム 1/9(火)から
- [1時限目 TextMesh Pro]https://www.youtube.com/watch?v=iqwLw6NAMM0
- 2時限目 アニメーション
- UIその2 TextMesh Pro(作業メモ https://github.com/dat17/design/wiki/TextMesh-Pro%E3%81%AE%E4%BD%9C%E6%A5%AD%E3%83%A1%E3%83%A2 )
- Animationを使ったテキストやスプライトの変形、半透明演出
-
夏休み課題と同様にGoogleシートで採点
-
自分の欄には、次回に向けて取り組みたいことを記載
-
公開した人は、URLとゲームの遊び方、目指したこと、反省点など
-
未完成で、動くものがあれば、\LANDISK-A601\disk\2017年\学生用フォルダー\GP_1\1122 フォルダー内にプロジェクトをコピーして、教卓で動かしてプレゼン
- A2以下に、発表者の名前を入力
- 発表者の行のB列に、作品の出来について、大変よくできていたら3、よくできていたら2、普通なら1、ダメなら0
- 同様に、C列に、プレゼンの分かりやすさや聞きやすさについて、同じく3~0
- D列には、感想や、改良点、提案などを自由に入力
以下、注意のこと。
- B列とC列の点数は、3~1をバランスよく配分すること
- 点数とコメントは、誰が書いたかを伏せて発表者に伝える。コメントは、参考になりそうなアドバイスを書いて欲しい。自分のことは棚にあげることが大事
- 同様に評価
- Asset Store紹介プログラムの紹介と設定 http://assetstore.info/eventandcontest/collaboration/unityroomand1weekgamejam/
- ブログをはじめよう
- Qiita https://qiita.com/
- 技術寄りな記事が多い印象。いいねなどのやりとりが活発
- はてなブログ http://d.hatena.ne.jp/
- 自由な内容。作品などが絡む場合、こちらでやっている開発者も少なからずいる
- Qiita https://qiita.com/
- 大学院などについてちょっと
- 長谷川恭久. 野放しは危険!デザイナーに潜む4つのモンスター
- paiza開発日誌. 機械学習事業を手掛ける企業で聞いた!どんな学生を求めていますか?【採用担当/新入社員インタビュー】
- 11/13(月)~11/19(日)からUnity1週間ゲームジャム お題:Space
- 11/1(水)~11/30(木) game off 2017
- 12/31(日)まで ふりーむゲームコンテスト
- F_ Unityと改行コード
- Unity1週間ゲームジャムの企画と作業
- 優先順位
- 発表 > 次に取り組みたいものを見つける >>>>>> 目立つこと > 面白いこと > 完成 > バグがないこと
- 法律を守るのは絶対条件。特に著作権
- 優先順位
- オンラインランキングの実装
- naichi's lab. 【Unity、WebGL】なるべく簡単にオンラインランキング機能をつけるサンプル
- Rankingシーンはマルチシーンで読み込まれるもので、呼び出し元のシーンは別に作る
- ランキング欄は
naichilab
>GSSARanking
>Prefabs
>RankingNode
の下のNo
とName
とScore
- DATフェスタ準備
- 前期13回目YOKETORUより 2Dゲームの効果音の鳴らし方
- Chara@Maya ライブ!~キャラクターセットアップからUE4への出力~
- ゲームプログラミング 前期11回目 ゲーム管理の復習
- DATフェスタ進捗確認と作業
- Blender
- DATフェスタの作業
- GitHub Issuesを使ったToDoリストつくり - 質疑応答&各自作業
- Unityのライティング
- DATフェスタの作業
- Blender公式ページを開く
- [Download Blender 2.79]ボタンをクリック
- zipがほしいので、[macOS, Linux, and other versions]をクリック
- Windows 64bit .zip をクリック
- ダウンロードが完了するのを待つ
- ダウンロードしたファイルをクリックして開く
- [スタート]メニュー>[ドキュメント]を選択して、ドキュメントフォルダーを開く
- 先ほど開いたBlenderのフォルダーを、ドキュメントフォルダーにドラッグ&ドロップして展開する
以上で完了。ドキュメントフォルダーに展開したBlenderのフォルダー内の実行ファイルをダブルクリックしたら、Blenderが起動する。完了したらBlenderのWebページは閉じてよい。
- Unity Collaborateを試す
- チームの確認
- DATフェスタのプロジェクトを作成
- プロジェクトをGitHubにアップロード
- GitHubで共有
- Unityの場合は、Collaborateを設定
- chiba
- kamada
- fukata
- fukuma
- hirano
- yakou
- ishiduki
- vakulich
- ozeki
- komo
- kataoka
- 今日の動画
- JekyllによるWebページ作成 / Jekyllの使い方を調べながら学んでみよう
- https://jekyllrb-ja.github.io/
- ドットインストール Jekyll
- Jekyllにはブログスタイルのポスト(Posts)と、静的ページスタイルのページ(Pages)がある。作品ページなどは、Pagesになる http://jekyllrb-ja.github.io/docs/pages/
- 夏休みに作ったものを、GitHub Pagesで公開する。できればJekyllで。無理そうならマークダウンで
- 企画を検討
本講義の成績は、これまでの日常点と、夏休みの作品ページによって決める。
- 発表会の仕上げの確認
- 発表内容は以下の通り
- 作品名
- 作品の概要
- 操作方法
- ゲームのルール
- どこを自分で開発したか
- 利用したアセットやチュートリアルを、全て紹介
- 各内容については、 https://unityroom.com/ の作品を何本か確認して、どのように書けば分かりやすいかを研究して、工夫すること
- 発表内容は以下の通り
- 12回目の講義内容
- 前回の金曜日欠席の人
- https://github.com/dat17/yoketoru を開く
- 右の[Clone or Download]ボタンをクリックして、[Download ZIP]をクリックしてダウンロード
- ダウンロードが完了したら、ファイルを開く
- スタートメニューから、コンピュータを開いて、[ライブラリ]>[ドキュメント]>[パブリックのドキュメント]>[Unity17]フォルダーを開いておく
- フォルダーが開くので、[yoketoru-master]フォルダーをドラッグして、上で開いた[Unity17]フォルダーにドロップしてコピー
以上で準備完了。Unityを開いて、[OPEN]をクリックして、[ライブラリ]>[ドキュメント]>[パブリックのドキュメント]>[Unity17]>[yoketoru-master]フォルダーを開く
- 今回の画面のライブ配信
- Unityのよけとるの仕上げ
- 夏休み企画
- 染谷翔 スキルがない人のための企画アイディア出しのコツ
- C#言語機能 もくもく+LT会
- Unity3D Japan 【Unite 2017 Tokyo】Unityで楽しむノンフォトリアルな絵づくり講座:トゥーンシェーダー・マニアクス
- 学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス
Unity、Phaserのいずれかで、ミニゲームを開発する。
- 完全なオリジナルでなくてもよい
- 講義で作成したyoketoruを改造したもの
- Webで見つけたチュートリアルを改造したもの
- AssetStoreのプロジェクトを改造したもの
- 書籍のサンプルを改造したもの
- yoketoruの場合、以下のような要素を追加してみよう
- 障害物を作る
- 弾を撃つ
- 敵の動きのバリエーションを増やす
- 演出(パーティクル)
- 画面を綺麗にする
- チュートリアルの例
夏休み明けに、以下の要領で発表会を行う。
- 一人5分~10分程度で発表
- 作品をネットドライブにコピーしておいて、教卓PCで実行して、解説
- 発表内容は以下の通り
- 作品名
- 作品の概要
- 操作方法
- ゲームのルール
- どこを自分で開発したか
- 利用したアセットやチュートリアルを、全て紹介
- 各内容については、 https://unityroom.com/ の作品を何本か確認して、どのように書けば分かりやすいかを研究して、工夫すること
- 11回目の講義内容
- 前回のマウスなど
- game.input.activePointerを使うと、マウスとスマホを共存できるかも
- 今回の画面のライブ配信
- Phaserでシーン管理 state
- シーン対応のプロジェクトをダウンロードして、Lubuntuに移動
- 共有フォルダーに入れる
- secoundフォルダーから、
_site
フォルダー内のassets
フォルダーとjs/vendor
フォルダーを上書きコピーする - 共有フォルダー内のまま、作業
- GitHubなどへの反映は、Windows側で行う
- ゲームの企画
- ミニゲーム
- yoketoru(UnityでもPhaser)を改造したもの(ルールを追加するなど)
- 障害物を作る
- 弾を撃つ
- 敵の動きのバリエーションを増やす
- 演出(パーティクル)
- 画面を綺麗にする
- あるいは、インターネット上にチュートリアル
- 使ったアセットや参考にしたサイトの作者とURLをメモしておくこと
- yoketoru(UnityでもPhaser)を改造したもの(ルールを追加するなど)
- 何を改造、あるいは追加したのかを明確にする
- ミニゲーム
- 今回の画面のライブ配信
- 手順メモ
- プレイヤーがマウスをクリックした場所を目指すように変更
- 星を全て取ったらclearと表示
- 敵を追加
- 敵にぶつかったらmissと表示
- Tyrano ScriptやUnity、Phaserで自分のキャラクターや背景を表示する
- Photoshop Illustrator 名人会 GIF, JPEG, PNGの違いを理解して軽くてきれいな画像を作ろう
- ティラノスクリプト 便利サイトリンク集
- 小樽総合デザイン事務局 初心者でもできる!写真をイラスト風に加工するチュートリアルまとめました:Photoshop
- 小樽総合デザイン事務局 Photoshop 5分でできる写真をドット絵風に加工する方法
- 面白法人KAYAC ドット絵描く楽な方法見つけた!気がする
- イラストをドット絵にする
- ライブ配信 右クリックして、新しいウィンドウで開く
- Lubuntuの修正
- ログイン後に画面が黒くなったときの対処
- Lubuntuを再起動して、すぐに右の[Shift]キーを押し続ける
- 起動するOSの選択画面が表示されるので、[E]キーを押す
- カーソルキーでカーソルを移動して、「linux」から始まる行を探して、行の最後に半角スペースを空けたあとに
nomodeset
を追加する - [Fn]+[F10]キーを押して、再起動
- Guest Additions CDのインストール
- Lubuntuが起動したら、[デバイス]メニューを選択して、[Guest Additions CD イメージの挿入]を選択
- デスクトップに[VBOXADDITIONS_・・・]というアイコンが表示されて、[リムーバブルメディアの挿入]というウィンドウが表示されたら、[OK]をクリック
- [VBoxLinuxAdditions.run]ファイルを右クリックして、[パスをコピーする]を選択
- [スタート]メニューをクリックして、[実行]をクリック
lxte
と入力して、LXTerminalを起動sudo
と入力したあとに、[スペース]キーを押してから、画面を右クリックして、[貼り付け]を選択して、[Enter]キーを押す- パスワードを入力して、[Enter]キーを押す
- Phaserのシンプルプロジェクトの修正
- 引き続き、LXTerminalで作業する
cd ~/phaser/phaser-template-simple
と入力して、[Enter]キーを押して、パスを移動mv phaser-boilerplate ..
と入力して、[Enter]キーを押す
- ログイン後に画面が黒くなったときの対処
- Phaser
- メモ
- プロジェクトのはじめ方
- デバッグ文字の表示
- 文字の表示
- イメージの表示(自分で描いたdude.pngを表示する)
- ArcadePhysicシステムによる移動
- 画面内の跳ね返らせ方
- 立ち絵や背景の作成
- Tyrano Scriptに組み込む
- 作成したドット絵を、差し替えてPhaserで動かす - WindowsとLubuntuでデータをやり取りする時は、zip圧縮する
- Tiled
- フリーでも使えるタイルマップエディター
- starstruckのマップを見る
- 自分のマップを作成して、Phaserに読み込ませる - LubuntuでWebブラウザーを起動して、Tiledで検索 - ダウンロードしたら、展開して、Tiledを起動
- Phaserの開発環境をローカルで整える(VirtualBox)
- 先週、Phaserのインストールまで終わらせて、状態を保存した。その続き
- 画面の解像度を適正にする
- ホストOS(Windows)からゲストOS(Lubuntu)のHTTPサーバーにアクセス
- 参考URL http://the2g.com/75 - アクセス許可が必要だったので、Lubuntuで行う
- 2Dグラフィック(2)
- Photoshopでアニメーション
- ダウンロードフォルダーに保存した dude.psd を読み込んで再開
- アニメのフレームの設定操作が途中でわからなくなったのでその確認から
- ビデオタイムラインにしていたのが原因と思われる
- タイムラインパネルを表示したら、右上の四本線のアイコンをクリックして、タイムラインを削除を選択
- タイムラインパネルの中心にコンボボックスが表示されるので、[フレームアニメーションを作成]になっていたらクリック、[ビデオタイムラインを作成]になっていたら、右の下矢印ボタンをクリックして、フレームアニメーションを作成に変更して、そのボタンを押す
- ここから先は、ドキュメントの通り
- Web用に保存は、[ファイル]>[書き出し]メニューにある。左下の[プレビュー]ボタンで、事前にアニメを確認できる
- Phaserのdude.pngを書き換えて、Phaserでアニメーションをさせてみる
- Photoshopでアニメーション
- テラシュールブログ 【Unity】1週間ゲームジャムに参加しました。メイキング・オブ・超速ブロック崩し(仮)
- 技術用語の発音
- BuzzFeed Japan. 京都大学の入学式の式辞の顛末
- ITmedia ソースコードまで酷似 「堀江貴文プロデュース」アイドルサイトに盗用多数 運営者が謝罪
- 有賀正博 NAVERまとめのライターに無断転載の損害賠償を支払っていただいた件
- Phaserの開発環境をローカルで整える(VirtualBox)
- VirtualBoxで開発環境を構築
- ダウンロードフォルダーにコピーしたisoファイルを仮想CDに設定
- 仮想PCを起動して、lubuntu 16.04(64bit) をインストール
- インストールスクリプトをダウンロードして、インストール
- Phaserの動作確認
- VirtualBoxで開発環境を構築
- ダウンロードフォルダーにコピーしたisoファイルを仮想CDに設定
- 仮想PCを起動して、lubuntu 16.04(64bit) をインストール
- Phaserを学ぶ(1)~公式チュートリアル~
- キャラクターのパターンを確認する
- 2Dグラフィック
- 著作権概論を右クリックして、新しいタブで開く
- 開いたページで[Raw]ボタンをクリック
- [Ctrl]+[A]キーで全て選択したら、コピー([Ctrl]+[C]キー)
- 自分のアカウントに戻る
- designというリポジトリーを作成
- 04_license.md というファイルを create
- 先ほどコピーした文章を貼り付ける
- Commitする
- README.md にリンクを作成する
- Phaserの開発環境をローカルで整える(VirtualBox) - BIOS設定 - 再起動して、[Fn]+[F1]と[Fn]+[F2]を何度か押して、BIOSを起動 - AdvancedSettingのIntel Virtualization technologyをEnableにする - [Fn]+[F10]を押して、[Enter]キーで保存 - VirtualBoxで仮想PC作成 - Lubuntu16.04(64bit)をダウンロードフォルダーにコピー
- ゲームデザイン概論と企画書の書き方 - シート2をソートして、ジャンルを決める - 5つの要素と、ジャンルを組み合わせてゲームを考えて、ゲームを企画する
- 企画案の提出
- ゲームのコア 1~2行でゲームの要素
- ゲーム画面
- フィーチャーセット(あれば)
- 操作方法
- ゲームオーバー条件(あれば)
- 得点方法(あれば)
- 登場するもの(オブジェクト)リスト
- e-typingの練習2回目
- しばらくやって、今日の最高スコアをGoogleスプレッドシートのC列の自分の出席番号の行に書き込む
- Phaserを続きから
- Tyrano Script
- ガイダンス
- アカウントの登録
- Gmail / Microsoft Account / GitHub / e-typing
- e-typingでキータッチの練習
- HTML5ゲームエンジン Phaserを試す
- Gmail, Microsoftアカウント, GitHub, e-typingの登録(1名金曜日に)
- Phaserの最初をやって、保存して、Gmailに下書き保存