SlideShare a Scribd company logo
Presented by @yaplus
2015年10月21日
• 突然ゲームを作りたくなる
• 突然ゲームを作らざるを得なくな
る(この発表のため、期限: 1週間)
Mission:Impossible
とりあえず、
どんなゲームを作るか?
ゲームというメディアに対する考察
• コアなゲームファンの減少する一方で手軽なゲーム
が人気
• Splatoonや艦これのヒットなど、SNSがゲームに対
して持つ影響
Twitterでシェアできて、
手軽にプレイできるゲーム
抱えている問題
• 時間がない(1週間)
• 手軽に遊べるゲームの手段、具体例がない
• 誰でも遊べるゲームの具体的なアイデアがない
不可能を可能にするには
アイデアが必要
アイデアとは
"アイデアとは、複数の問題を
一度に解決するものである。"
ー 宮本 茂(任天堂 1958∼)
個人ゲーム制作を取り巻く環境
• スマートフォン向けアプリのほか、Webや家庭用
ゲーム機向けにゲームをコンパイルできるライブラ
リの充実
• が、一方でプログラミング言語の習得の他にライブ
ラリやIDEの使い方を習得コストがかかる。
• 初学者には根気が必要なのでは?
それほど遠くない昔…
• 30年前はBASICによる個人ゲームが盛んだった
• 平素な文法、ゲームループなどを自分で実装
• 今同じような追体験をできるのはHSPとか?
JavaScriptでやろう
with HTML 5 canvas,
without ライブラリ
js with HTML5でゲームを作るメリット
• ブラウザの開発ツールが使いやすくなった
• 多くのAPIに加え、ゲーム用に利用できる関数も多
い上、自分ですべてを実装できる
• 特定の環境に依存せずほとんどのブラウザで実行で
きる(※IE 8などのモダンでないブラウザは無視)
"Twitterでシェアできて、誰でも
手軽にプレイできるゲーム"を満たす
何を作る?
誰でも手軽にプレイできるゲーム
• ゲーム&ウオッチ(任天堂)
• 35年前の電子ゲーム、誰で
もわかるシンプルなルール
• Twitterでスコアをシェア、など考えられる
• 手軽にプレイでき、ルールも覚えやすい
• 1週間で実装できそう(重要)
ご注文はうさぎですか?
• 以前2次創作ゲームを作ったこ
とがある(左画像)
• 自分の好きな題材でやりたい
• 絵を描きたい
• 昔、ふたばあたりで流行った
ような2次創作Flashゲームへ
のリスペクト
1週間で実装できる小規模なゲーム
+
1週間で学べるプログラミング言語
+
シンプルで誰でも遊べるゲーム
+
SNSでのシェアにより口コミ効果を狙える
複数の課題を
一度に解決
どうやって作る?
ゲームの三本柱
プログラム
グラフィック
サウンド
• Safari(デバッグ)
• Atom(エディタ)
• CLIP STUDIO PAINT(ペイントツール)
• Sketch (ベクター画像編集)
• GarageBand(効果音作成)
ちなみにグラフィックは
ドット絵という方法もある
JavaScriptで
ゲームを実装するにあたって
生じた課題
最大の問題
僕自身がJavaScript未経験で、
ゲームを作りながらJSの作法を
習得する必要があった
ゲームループの実装
• window.requestAnimationFrame();と
window.setInterval();のどちらを使うか
• 違いは割愛するが主にフレーム更新とコー
ルバック関数周りが違う
• 今回は後者を利用
• HTML5 Audioはわりと読み込みが遅い
• preloadを利用しても効果音が遅延
• dataURLでjsファイルに埋め込むことで
多少改善(か?)
効果音の遅延
多分動くと思うからリリースしようぜ
"Done is better
than perfect."
ー Mark Elliot Zuckerberg
(Facebook 1984∼)
DEMO
得られた学びと今後の目標
• 圧倒的成長💪
• 言語初習得でも1週間あればミニゲームは作れる
• というかミニゲーム程度ならゲームエンジンなしで作った
方がよくね?
• とは思ったものの描写周りで凝ったことをしようと思った
らゲームエンジンなしでは厳しいところがある
• ご注文はうさぎですか?🐇☕
プログラミング言語未経験でも
1週間あればゲームは作れる
よかった☀
大切なのは
まず作ってみようとする気持ち❤
+
やる気💪
今回のゲームは
http://watch.gochiusa.club/
にアクセスするだけでプレイ可能
スマートフォンにも対応してるので
ぜひ遊んでみてください!
Thank you for listening.

More Related Content

Featured

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter
 

Featured (20)

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 

ごちうさ Advent Calendar