松岡佑樹/卒業研究 をテンプレートにして作成

開始行:
*Timid Hero ブラウザ上で動く2Dゲームのためのレトロ風ドット絵背景のデ... #image(IMG_3636.jpg) -''Your Name'' 松岡　佑樹 -'''Keywords：game, JavaScript, HTML, ・・・''' //-https://www.example.com //-__[[相互評価シート>https://www.example.com]]__ ← ここ... [[ゲーム>https://myuuki1126.github.io/timid-hero/]] //音量注意！！（音量設定がうまくできていないため） **概要 ***これは何？ ブラウザ上で動く2Dゲームのためのレトロ風ドット絵背景のデ... //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 近年switchなどコンシューマーゲームより、スマホゲームやソ... 　そこで、近年HD-2Dで注目されているドット絵を使って昔のゲ... //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト レトロ風のドット絵でできたゲーム //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 [[ドット絵>https://drive.google.com/drive/folders/1-Ok2SP... [[ゲーム>https://myuuki1126.github.io/timid-hero/]] //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... ~ ***制作ツール ハードウェア ┣pc(windows) ┣スマートフォン（iphone12) ソフトウェア ┣Visual studio code ┣[[ミニドット絵メーカー>https://neutralx0.net/tools/dot3/]] ┣Illustrator //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 2024.4.12〜 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... ~ ***まとめ 前期 　前期では調査を通して国内のゲーム業界の現状とゲームとは... 　レトロゲームを参考にドット絵のキャラクターを作成した。... 　前期では、ゲームの中身をあまり触れることができず、大半... 後期 -中間 　後期では、ゲームの中身のプログラミングをしていきたかっ... -最終 　ドット絵とゲームを制作して、ドット絵は思い描いたものを... 　 //&color(red){プロジェクトが完結したら「まとめ」を記載し... ~ ~ **調査 ***現状調査 　近年国内のゲーム市場は2020年には2兆円を突破し、高い市場... 　オンラインプラットフォームの内訳をみるとスマートフォン... |49|2|49|c |#image(20231006zu2.png)| |#image(20231006zu4.png)| -ゲームとは すなわち、楽しみのために行なわれること、時間と場所が区切... フランス人社会学者のロジェ・カイヨワ -レトロゲーム 発売から20年以上経つゲーム 例：FC,SFC,,N64,PS,PS2など -ゲームの3大要素 「目的」、「ルール」、「敵」 -ドット絵 ドット絵とはコンピューターグラフィックスで、四角い点 を枡... -HD-2D ドット絵 と最新の 3DCG を融合した独自のグラフィック表現 -マップチップ マップチップとは、ドット絵で画像を作成する際、画像サイズ... //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ -https://www.meti.go.jp/statistics/toppage/report/minikai... ***先行事例 -https://flappybird.io/ -https://creive.me/archives/9788/#i-1 -https://dot-illust.net/ //&color(red){プロジェクトのテーマに該当する先行事例の紹... ~ ***技法・技術情報 javascript HTML CSS //&color(red){プロジェクトの遂行に必要な技法・技術に関す... ~ ~ **プロジェクト管理 //***スケジュール //[[ガントチャート>https://ksumail-my.sharepoint.com/:x:/... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo %%-BGMをつくる%% %%-レトロゲームのようなドット絵を制作する%% %%--ゲームの設定を考える%% %%-背景を作成する%% -フォントを変更する ... -ゲームにSEとBGMを追加する -ドット絵を製作 -壁に埋まるバグを修正 //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr **2025.1.8 ***ブラッシュアップ **2024.12.13 ***制作 海の背景と城の背景を作るためのマップチップを制作した。 [[ドット絵>https://drive.google.com/drive/folders/1-Ok2SP... |40|20|40|c |#image(umi.png)| |#image(shiro.png)| ~ ~ **2024.12.6 ***制作 町の背景と草原の背景を作るためのマップチップを制作した。 [[ドット絵>https://drive.google.com/drive/folders/1-Ok2SP... |40|20|40|c |#image(mati1.png)| |#image(sougen.png)| ~ ~ **2024.11.29 ***制作 雪原の背景を作るためのマップチップを制作した。 [[ドット絵>https://drive.google.com/drive/folders/1-Ok2SP... #image(setugen.png,30%) ~ ~ **2024.11.22 ***制作 砂漠の背景用に制作したマップチップを使用して背景画像を制... #image(sabaku.png,30%) ~ ~ **2024.11.15 ***制作 砂山、サボテン、岩、砂岩のマップチップを作成した。 [[ドット絵>https://drive.google.com/drive/folders/1-Ok2SP... ~ ~ **2024.11.8 ***制作 砂漠の背景に必要な砂のマップチップを作成した。 マップチップは砂だけのものを2つ、草が生えているものを1つ... [[ドット絵>https://drive.google.com/drive/folders/1-Ok2SP... ~ ~ **2024.11.1 ***制作 googlefontsを使用してゲーム内の文字のフォントをドット絵の... https://fonts.google.com/specimen/DotGothic16?query=dot ~ ~ **2024.10.25 ***制作 今までHTMLとJavascriptのみで制作していたが、フォントを変... https://free-fonts.jp/category/dot/ ~ ~ **2024.10.18 ドット絵を制作した 作ったドット絵をphotoshopで組み合わせて背景の画像を作成し... 草の部分は２種類のマップチップを市松模様のような感じで配... 画像のサイズは640×1280の1：2にしてスマホにちょうどいいサ... #image(bg.png,30%) ~ ~ **2024.10.11 ドット絵を制作した https://drive.google.com/drive/folders/1-Ok2SP1mEMWR7SIub... - [[参考イメージ>https://www.google.com/search?q=%E3%83%8... ~ ~ **2024.10.4 研究の趣旨をプログラミングに焦点を当てていたが、進めてい... ***調査 -ドット絵は基本16×16である。理由はコンピューターにとって... -ファミリーコンピューターやスーパーファミリーコンピュータ... -マップはマップチップを組み合わせて製作されいる。マップチ... -ドット絵は今でも人気であり、最近ではドラゴンクエスト３リ... 「HD-2D」とは、スクウェア・エニックスさんにより開発された... #Youtube(Dy7VDHNGEpQ) ドット絵製作ツール https://takabosoft.com/edge ~ ~ **2024.9.27 ***制作 背景を制作して差し替えた、画像サイズなどまちがってしまっ... #image(map.png,50%) ~ ~ **2024.9.20 スケジュール 最終発表を受けて SFCのゲームのドット絵を参考にする。 ~ ~ **2024.7.19 ***最終発表 -難易度の調整をしたほうがいい -サイトの余白をどうにかする -BGMをちゃんとつける -背景を変わるようにする -世界観をきちんと決める -どのレトロゲームを基にするのか -フォントを変えたほうがいい -1ページ説明のページをかませる ~ ~ **2024.7.12 ***作品概要の制作 作品概要をillustratorで制作し、チェックをしてもらった。 ~ ~ **2024.7.5 ***調査 ~ ~ **2024.6.27 ***BGM制作 Suno AIを使ってゲームにあうBGMを作った。1日に5回しか曲を... #youtube(dC1W5FvzvwI) プロンプト 8-bit, Chiptune, Bitcrush, alternative , Pulse Wave, ka... ~ ~ **2024.6.21 ***倒せる敵を制作 倒せる敵のスライムを制作した。 #image(IMG_3388.PNG,50%) ~ ~ **2024.6.14 ***ゲームの設定を決定 タイトル Timid Hero Timidは「臆病な」　Heroは「勇者」 内容 主人公はとても臆病な勇者なので一番弱いスライムとしか戦う... ~ **2024.6.7 ***調査 -ゲームとは すなわち、楽しみのために行なわれること、時間と場所が区切... フランス人社会学者のロジェ・カイヨワ -レトロゲーム 発売から20年以上経つゲーム -ゲームの3大要素 「目的」、「ルール」、「敵」 ~ ~ **2024.5.31 ***制作 -ドット絵のがいこつをつくった。 |49|2|49|c |#image(dokuro2.PNG)| |#image(dokuro3.png)| ***ゲームの設定（案） -bgmを作る -移動速度を調整する -倒せてスコアが増える敵を追加する -アイテムを追加する --アイテムをとったら操作が反対になる --遠距離攻撃ができるようになる --一定時間無敵になる **2024.5.24 ***制作 -ドット絵の勇者をつくった ドラゴンクエストの勇者を参考に製作した。 |49|2|49|c |#image(yusha2.PNG)| |#image(yusha3.png)| -試作　配布されていたテンプレートの画像自分で作った画像に... ~ ~ **2024.5.17 ***ゲームの設定（案） -勇者が障害物をよけながら敵を倒していく -ペンギンが動く氷を渡っていく -怪盗がビルの上を走って逃げる ~ ~ **2024.5.10 ***ガントチャートの作成 ***現状調査 　cocos2d-jsはJavaScriptによって動くオープンソースのゲー... ~ ~ **2024.04.26 ***テーマ案 -2Dのゲーム制作 シンプルだけどハマるようなゲーム ~ ~ **2024.04.19 ***テーマ案 -懐かしいものをまとめたwebサイト -祖父のbarの紹介サイト -スマホで取った写真や動画にモーショングラフィックスをつける ~ ~ **2024.04.12 ***テーマ案 -懐かしいものをまとめたwebサイト -祖父のbarの紹介サイト -スマホで取った写真や動画にモーショングラフィックスをつける ~ ~ ~

終了行:
*Timid Hero ブラウザ上で動く2Dゲームのためのレトロ風ドット絵背景のデ... #image(IMG_3636.jpg) -''Your Name'' 松岡　佑樹 -'''Keywords：game, JavaScript, HTML, ・・・''' //-https://www.example.com //-__[[相互評価シート>https://www.example.com]]__ ← ここ... [[ゲーム>https://myuuki1126.github.io/timid-hero/]] //音量注意！！（音量設定がうまくできていないため） **概要 ***これは何？ ブラウザ上で動く2Dゲームのためのレトロ風ドット絵背景のデ... //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 近年switchなどコンシューマーゲームより、スマホゲームやソ... 　そこで、近年HD-2Dで注目されているドット絵を使って昔のゲ... //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト レトロ風のドット絵でできたゲーム //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 [[ドット絵>https://drive.google.com/drive/folders/1-Ok2SP... [[ゲーム>https://myuuki1126.github.io/timid-hero/]] //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... ~ ***制作ツール ハードウェア ┣pc(windows) ┣スマートフォン（iphone12) ソフトウェア ┣Visual studio code ┣[[ミニドット絵メーカー>https://neutralx0.net/tools/dot3/]] ┣Illustrator //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 2024.4.12〜 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... ~ ***まとめ 前期 　前期では調査を通して国内のゲーム業界の現状とゲームとは... 　レトロゲームを参考にドット絵のキャラクターを作成した。... 　前期では、ゲームの中身をあまり触れることができず、大半... 後期 -中間 　後期では、ゲームの中身のプログラミングをしていきたかっ... -最終 　ドット絵とゲームを制作して、ドット絵は思い描いたものを... 　 //&color(red){プロジェクトが完結したら「まとめ」を記載し... ~ ~ **調査 ***現状調査 　近年国内のゲーム市場は2020年には2兆円を突破し、高い市場... 　オンラインプラットフォームの内訳をみるとスマートフォン... |49|2|49|c |#image(20231006zu2.png)| |#image(20231006zu4.png)| -ゲームとは すなわち、楽しみのために行なわれること、時間と場所が区切... フランス人社会学者のロジェ・カイヨワ -レトロゲーム 発売から20年以上経つゲーム 例：FC,SFC,,N64,PS,PS2など -ゲームの3大要素 「目的」、「ルール」、「敵」 -ドット絵 ドット絵とはコンピューターグラフィックスで、四角い点 を枡... -HD-2D ドット絵 と最新の 3DCG を融合した独自のグラフィック表現 -マップチップ マップチップとは、ドット絵で画像を作成する際、画像サイズ... //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ -https://www.meti.go.jp/statistics/toppage/report/minikai... ***先行事例 -https://flappybird.io/ -https://creive.me/archives/9788/#i-1 -https://dot-illust.net/ //&color(red){プロジェクトのテーマに該当する先行事例の紹... ~ ***技法・技術情報 javascript HTML CSS //&color(red){プロジェクトの遂行に必要な技法・技術に関す... ~ ~ **プロジェクト管理 //***スケジュール //[[ガントチャート>https://ksumail-my.sharepoint.com/:x:/... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo %%-BGMをつくる%% %%-レトロゲームのようなドット絵を制作する%% %%--ゲームの設定を考える%% %%-背景を作成する%% -フォントを変更する ... -ゲームにSEとBGMを追加する -ドット絵を製作 -壁に埋まるバグを修正 //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr **2025.1.8 ***ブラッシュアップ **2024.12.13 ***制作 海の背景と城の背景を作るためのマップチップを制作した。 [[ドット絵>https://drive.google.com/drive/folders/1-Ok2SP... |40|20|40|c |#image(umi.png)| |#image(shiro.png)| ~ ~ **2024.12.6 ***制作 町の背景と草原の背景を作るためのマップチップを制作した。 [[ドット絵>https://drive.google.com/drive/folders/1-Ok2SP... |40|20|40|c |#image(mati1.png)| |#image(sougen.png)| ~ ~ **2024.11.29 ***制作 雪原の背景を作るためのマップチップを制作した。 [[ドット絵>https://drive.google.com/drive/folders/1-Ok2SP... #image(setugen.png,30%) ~ ~ **2024.11.22 ***制作 砂漠の背景用に制作したマップチップを使用して背景画像を制... #image(sabaku.png,30%) ~ ~ **2024.11.15 ***制作 砂山、サボテン、岩、砂岩のマップチップを作成した。 [[ドット絵>https://drive.google.com/drive/folders/1-Ok2SP... ~ ~ **2024.11.8 ***制作 砂漠の背景に必要な砂のマップチップを作成した。 マップチップは砂だけのものを2つ、草が生えているものを1つ... [[ドット絵>https://drive.google.com/drive/folders/1-Ok2SP... ~ ~ **2024.11.1 ***制作 googlefontsを使用してゲーム内の文字のフォントをドット絵の... https://fonts.google.com/specimen/DotGothic16?query=dot ~ ~ **2024.10.25 ***制作 今までHTMLとJavascriptのみで制作していたが、フォントを変... https://free-fonts.jp/category/dot/ ~ ~ **2024.10.18 ドット絵を制作した 作ったドット絵をphotoshopで組み合わせて背景の画像を作成し... 草の部分は２種類のマップチップを市松模様のような感じで配... 画像のサイズは640×1280の1：2にしてスマホにちょうどいいサ... #image(bg.png,30%) ~ ~ **2024.10.11 ドット絵を制作した https://drive.google.com/drive/folders/1-Ok2SP1mEMWR7SIub... - [[参考イメージ>https://www.google.com/search?q=%E3%83%8... ~ ~ **2024.10.4 研究の趣旨をプログラミングに焦点を当てていたが、進めてい... ***調査 -ドット絵は基本16×16である。理由はコンピューターにとって... -ファミリーコンピューターやスーパーファミリーコンピュータ... -マップはマップチップを組み合わせて製作されいる。マップチ... -ドット絵は今でも人気であり、最近ではドラゴンクエスト３リ... 「HD-2D」とは、スクウェア・エニックスさんにより開発された... #Youtube(Dy7VDHNGEpQ) ドット絵製作ツール https://takabosoft.com/edge ~ ~ **2024.9.27 ***制作 背景を制作して差し替えた、画像サイズなどまちがってしまっ... #image(map.png,50%) ~ ~ **2024.9.20 スケジュール 最終発表を受けて SFCのゲームのドット絵を参考にする。 ~ ~ **2024.7.19 ***最終発表 -難易度の調整をしたほうがいい -サイトの余白をどうにかする -BGMをちゃんとつける -背景を変わるようにする -世界観をきちんと決める -どのレトロゲームを基にするのか -フォントを変えたほうがいい -1ページ説明のページをかませる ~ ~ **2024.7.12 ***作品概要の制作 作品概要をillustratorで制作し、チェックをしてもらった。 ~ ~ **2024.7.5 ***調査 ~ ~ **2024.6.27 ***BGM制作 Suno AIを使ってゲームにあうBGMを作った。1日に5回しか曲を... #youtube(dC1W5FvzvwI) プロンプト 8-bit, Chiptune, Bitcrush, alternative , Pulse Wave, ka... ~ ~ **2024.6.21 ***倒せる敵を制作 倒せる敵のスライムを制作した。 #image(IMG_3388.PNG,50%) ~ ~ **2024.6.14 ***ゲームの設定を決定 タイトル Timid Hero Timidは「臆病な」　Heroは「勇者」 内容 主人公はとても臆病な勇者なので一番弱いスライムとしか戦う... ~ **2024.6.7 ***調査 -ゲームとは すなわち、楽しみのために行なわれること、時間と場所が区切... フランス人社会学者のロジェ・カイヨワ -レトロゲーム 発売から20年以上経つゲーム -ゲームの3大要素 「目的」、「ルール」、「敵」 ~ ~ **2024.5.31 ***制作 -ドット絵のがいこつをつくった。 |49|2|49|c |#image(dokuro2.PNG)| |#image(dokuro3.png)| ***ゲームの設定（案） -bgmを作る -移動速度を調整する -倒せてスコアが増える敵を追加する -アイテムを追加する --アイテムをとったら操作が反対になる --遠距離攻撃ができるようになる --一定時間無敵になる **2024.5.24 ***制作 -ドット絵の勇者をつくった ドラゴンクエストの勇者を参考に製作した。 |49|2|49|c |#image(yusha2.PNG)| |#image(yusha3.png)| -試作　配布されていたテンプレートの画像自分で作った画像に... ~ ~ **2024.5.17 ***ゲームの設定（案） -勇者が障害物をよけながら敵を倒していく -ペンギンが動く氷を渡っていく -怪盗がビルの上を走って逃げる ~ ~ **2024.5.10 ***ガントチャートの作成 ***現状調査 　cocos2d-jsはJavaScriptによって動くオープンソースのゲー... ~ ~ **2024.04.26 ***テーマ案 -2Dのゲーム制作 シンプルだけどハマるようなゲーム ~ ~ **2024.04.19 ***テーマ案 -懐かしいものをまとめたwebサイト -祖父のbarの紹介サイト -スマホで取った写真や動画にモーショングラフィックスをつける ~ ~ **2024.04.12 ***テーマ案 -懐かしいものをまとめたwebサイト -祖父のbarの紹介サイト -スマホで取った写真や動画にモーショングラフィックスをつける ~ ~ ~

ページ名: