トップページ

このブログについて

全記事一覧(新着順)

テーマ別記事案内

短期間ゲーム制作講座


スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

簡易電卓できました【JavaScript+tmlib】


<下準備編>
【超初心者さん向け】人は一日という短期間でゲーム制作ができるのか。【まずは雛型を作ってみる】
【超初心者さん向け】短期間で制作するゲーム・準備編1【基本の変数とログ出力と計算とランダム】
【超初心者さん向け】短期間で制作するゲーム・準備編2【図形とラベルとボタンの表示方法】
【超初心者さん向け】短期間で制作するゲーム・準備編3(LAST)【条件分岐と繰り返しと配列とクラス】

<計画編>
もぐらたたき風サークルタッチゲーム

<実践編>
【超初心者さん向け】1日で作るサークルタッチゲーム・1【画面部品の設置とアニメーション】
【超初心者さん向け】1日で作るサークルタッチゲーム・2【残り時間を計る・時間経過でまるを湧かせる】
【超初心者さん向け】1日で作るサークルタッチゲーム・3【リザルト画面を作成する・ツイートボタン】
【超初心者さん向け】1日で作るサークルタッチゲーム・4(LAST)【ハイスコアを記録&読み込んで表示する】

<サンプル>
【第1段】サークルタッチゲームのサンプルができました【スマホでも遊べます】

<その他>
簡易電卓作ってます・とりあえず画面だけ
簡易電卓できました【JavaScript+tmlib】



line2_22.png

電卓を実際に使えるように作ってみました。



続きを読む
このエントリーをはてなブックマークに追加
スポンサーサイト

【超初心者さん向け】1日で作るサークルタッチゲーム・4(LAST)【ハイスコアを記録&読み込んで表示する】


<下準備編>
【超初心者さん向け】人は一日という短期間でゲーム制作ができるのか。【まずは雛型を作ってみる】
【超初心者さん向け】短期間で制作するゲーム・準備編1【基本の変数とログ出力と計算とランダム】
【超初心者さん向け】短期間で制作するゲーム・準備編2【図形とラベルとボタンの表示方法】
【超初心者さん向け】短期間で制作するゲーム・準備編3(LAST)【条件分岐と繰り返しと配列とクラス】

<計画編>
もぐらたたき風サークルタッチゲーム

<実践編>
【超初心者さん向け】1日で作るサークルタッチゲーム・1【画面部品の設置とアニメーション】
【超初心者さん向け】1日で作るサークルタッチゲーム・2【残り時間を計る・時間経過でまるを湧かせる】
【超初心者さん向け】1日で作るサークルタッチゲーム・3【リザルト画面を作成する・ツイートボタン】
【超初心者さん向け】1日で作るサークルタッチゲーム・4(LAST)【ハイスコアを記録&読み込んで表示する】

<サンプル>
【第1段】サークルタッチゲームのサンプルができました【スマホでも遊べます】

<その他>
簡易電卓作ってます・とりあえず画面だけ
簡易電卓できました【JavaScript+tmlib】



20140723.png



今回で完成!です。

 ・スコアを記録する、読み込む
 ・ハイスコアのラベルを作成する

内容もこれだけです。
あとほんの一息、頑張りましょう!!


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

【超初心者さん向け】1日で作るサークルタッチゲーム・3【リザルト画面を作成する・ツイートボタン】


<下準備編>
【超初心者さん向け】人は一日という短期間でゲーム制作ができるのか。【まずは雛型を作ってみる】
【超初心者さん向け】短期間で制作するゲーム・準備編1【基本の変数とログ出力と計算とランダム】
【超初心者さん向け】短期間で制作するゲーム・準備編2【図形とラベルとボタンの表示方法】
【超初心者さん向け】短期間で制作するゲーム・準備編3(LAST)【条件分岐と繰り返しと配列とクラス】

<計画編>
もぐらたたき風サークルタッチゲーム

<実践編>
【超初心者さん向け】1日で作るサークルタッチゲーム・1【画面部品の設置とアニメーション】
【超初心者さん向け】1日で作るサークルタッチゲーム・2【残り時間を計る・時間経過でまるを湧かせる】
【超初心者さん向け】1日で作るサークルタッチゲーム・3【リザルト画面を作成する・ツイートボタン】
【超初心者さん向け】1日で作るサークルタッチゲーム・4(LAST)【ハイスコアを記録&読み込んで表示する】

<サンプル>
【第1段】サークルタッチゲームのサンプルができました【スマホでも遊べます】

<その他>
簡易電卓作ってます・とりあえず画面だけ
簡易電卓できました【JavaScript+tmlib】



20140722_1.png



今回と次回、あと2回で完成です!
今回は

 ・リザルト(結果)画面を作成する
 ・リザルト(結果)画面に『タイトル』『リトライ』『ツイート』ボタンを作成する
 ・時間切れでリザルト画面を表示する


です。
これでブラウザをリロードしなくても何度も繰り返し遊べるようになります。
さっそく作っていきましょう!


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

【超初心者さん向け】1日で作るサークルタッチゲーム・2【残り時間を計る・時間経過でまるを湧かせる】


<下準備編>
【超初心者さん向け】人は一日という短期間でゲーム制作ができるのか。【まずは雛型を作ってみる】
【超初心者さん向け】短期間で制作するゲーム・準備編1【基本の変数とログ出力と計算とランダム】
【超初心者さん向け】短期間で制作するゲーム・準備編2【図形とラベルとボタンの表示方法】
【超初心者さん向け】短期間で制作するゲーム・準備編3(LAST)【条件分岐と繰り返しと配列とクラス】

<計画編>
もぐらたたき風サークルタッチゲーム

<実践編>
【超初心者さん向け】1日で作るサークルタッチゲーム・1【画面部品の設置とアニメーション】
【超初心者さん向け】1日で作るサークルタッチゲーム・2【残り時間を計る・時間経過でまるを湧かせる】
【超初心者さん向け】1日で作るサークルタッチゲーム・3【リザルト画面を作成する・ツイートボタン】
【超初心者さん向け】1日で作るサークルタッチゲーム・4(LAST)【ハイスコアを記録&読み込んで表示する】

<サンプル>
【第1段】サークルタッチゲームのサンプルができました【スマホでも遊べます】

<その他>
簡易電卓作ってます・とりあえず画面だけ
簡易電卓できました【JavaScript+tmlib】



20140721_20140720234739195.png
※良い大人が字を間違えましたの図。



こんにちは、あつぅい日が続きますね。
お化け屋敷が街中に開催されたり、プールが盛況だったり……夏ならではのイベントも増えてワクワクします。
ホラーゲームの季節でもありますね!



今回の内容は

 ・時間を計れるようにする
 ・時間とともにまるが湧いてくるようにする
 ・まるをタッチしたときに獲得した得点を表示する

です。
時間を測るのは他のゲームを作るときにも重宝しますので、ぜひぜひ覚えて下さい(`・ω・´)
前回も書きましたが、わからないところがあったら焦らず前の項目に戻ってみましょう。

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

【超初心者さん向け】1日で作るサークルタッチゲーム・1【画面部品の設置とアニメーション】


<下準備編>
【超初心者さん向け】人は一日という短期間でゲーム制作ができるのか。【まずは雛型を作ってみる】
【超初心者さん向け】短期間で制作するゲーム・準備編1【基本の変数とログ出力と計算とランダム】
【超初心者さん向け】短期間で制作するゲーム・準備編2【図形とラベルとボタンの表示方法】
【超初心者さん向け】短期間で制作するゲーム・準備編3(LAST)【条件分岐と繰り返しと配列とクラス】

<計画編>
もぐらたたき風サークルタッチゲーム

<実践編>
【超初心者さん向け】1日で作るサークルタッチゲーム・1【画面部品の設置とアニメーション】
【超初心者さん向け】1日で作るサークルタッチゲーム・2【残り時間を計る・時間経過でまるを湧かせる】
【超初心者さん向け】1日で作るサークルタッチゲーム・3【リザルト画面を作成する・ツイートボタン】
【超初心者さん向け】1日で作るサークルタッチゲーム・4(LAST)【ハイスコアを記録&読み込んで表示する】

<サンプル>
【第1段】サークルタッチゲームのサンプルができました【スマホでも遊べます】

<その他>
簡易電卓作ってます・とりあえず画面だけ
簡易電卓できました【JavaScript+tmlib】



20140719_2.png


※これ以降の内容は準備編(目安雛型編+全3回で4時間程度)が完了している前提です。


こんにちは、夏休みが始まってしまいました。
夏休み前に1つはゲーム制作できる記事がひととおり完成している予定でしたが無念。
『サークルタッチゲーム』の記事は来週末にはすべて完成させたいと思います。

学生の皆様は、実りある日々をぜひぜひ送ってください(`・ω・´)


さて、今回の内容は

 ・画面部品を設置する
 ・まる(サークル)をアニメーションで出現させる
 ・まる(サークル)が大きくなると消滅するようにする
 ・タッチでスコアを加算させる

です。予定回より1項目増えていますが、予定時間はそのまま2時間です。
※準備編で学んだ場所はこまかい解説を飛ばしています。
 わからなくなったらいつでも準備編に戻ってください。もしくは別ウィンドウで並べながら、
 またはコメントいただければ対応できるかと思います。


それではさっそく作っていきましょう!

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

LINEスタンプ

LINEスタンプ承認されました

スポンサーリンク

このブログについて


★全記事一覧★

人気記事

人気ブログランキング



おかげ様で1位なことがあります。
ありがとうございます!

良い感じのペンタブ



Intuoscomicを使用しています 使い易いです。
替え芯やCLIP STUDIO、Pixiaなど絵を描く専用のソフトも数種付属しています。
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。