当ブログの管理人が製作したオリジナルゲームを紹介するコーナー。
タネこと Yosai Taneda がリリースしたiPhoneアプリやAndroidアプリについて、またAdobe Animate(旧Flash)によるスマホアプリの作り方などを紹介します。
アミダボム on Scratch !!
AMIDA Bomb on Scratch
ニッパーでケーブルを切って、時限爆弾を解除してください!
パパ
下の画面をタップすると、実際にプレイできますよ!
3つのステージをクリアして、爆...
タネドラ on Scratch!!
Tanedra on Scratch
矢印でカエルをナビして、すべてのタイルを表(青)にしてください!
パパ
下の画面をタップすると、実際にプレイできますよ!
カエルが動くとタイルをひっく...
ピヨロッド on Scratch!!
PiyoRod on Scratch
バランスをとりながら、小鳥のタマゴをキャッチしてください!
パパ
下の画面をタップすると、実際にゲームをプレイできますよ!
手を左右にうごかしてバ...
taneゲーム回顧録【1996~2000年に公開したショックウェーブ・ゲームを旧式MacでプレイしたYouTube動画】
当ブロクの運営者が、昔作ったwebゲームをご紹介するコーナー!
『taneゲーム回顧録』です〜!
1996年に立ち上げた『~taneホームページ』で公開したショックウェーブ・ゲームを、旧式のMac(PowerBook G3 "P...
Animate CCで作るスマホアプリ『Android 10 (API 29)』に対応する方法2020.10【AIR SDK 33.1.1.259更新】画面キャプチャ付き!
2020年8月下旬、グーグルプレイからメールが届きました。
『 2020 年 11 月 2 日までに Android の targetSdkVersion の更新をお願いします』
2020 年 11 月 2 日までに Androi...
Animate CCで作ったiOSアプリがApplication Loaderでアップできない2019.4【AIR SDK 32 Beta】対処法の解説(全図解)
Appleの仕様変更でAppStoreに送信できるアプリの条件が厳しくなりました。
2019年4月6日現在、この仕様変更の影響で Adobeが正式リリースしている最新版 AIR 32 SDK を使ってパブリッシュしたiOSアプリ(ip...
AnimateCCで 傾きセンサーを使った“ブロック崩し” を作ってみるよ![DeviceOrientation] HTML5 Canvas入門(スマホ対応)CreateJS
傾けて操作する “ブロック崩し” を作ってみるよ!
Adobe Animate CC のHTML5 Canvas でスマホの傾きセンサーをつかったアプリが作れることがわかったので、サンプルを作ってみました。
↓完成したサンプルです↓
...
アノフリック anofric【webゲーム】オリジナル・パズルゲーム作りました【高難易パズル・頭の体操】Animate CC CreateJS JavaScript HTML5 Canvas
オリジナルゲーム「アノフリック anofric」
本格的オリジナルwebゲームが完成しました。かなり難易度の高いパズルゲームです。ルールは単純だけど…むずかしいですよ〜!
初めての方はコチラ↓の『入門レベル』をガイドに沿って5つ解いてみ...
AnimateCCで “箱入り娘” を作ってみるよ![フレームアクションの書き方][データ保存localStorage][時間Date] HTML5 Canvas入門(スマホ対応webゲーム)CreateJS
Animate CC で “箱入り娘” のサンプルを作ってみるよ!
いよいよ本格的(っぽい)webゲームを作ってみましょう。ということで日本の伝統パズル「箱入り娘」に挑戦です。
↓完成したサンプルです↓
タップすると画面に表示されます...
AnimateCCで “ブロック崩し” を作ってみるよ![ドラッグ操作pressmove] [当たり判定hitTest] [子の追加addChild] [ムービークリップの幅高さnominalBounds] HTML5 Canvas入門(スマホ対応)CreateJS
Animate CC で “ブロック崩し” のサンプルを作ってみるよ!
今回はゲーム作りです。いくつも動く要素があって、状況が刻一刻と変化するwebアプリを作りましょう。
↓完成したサンプルです↓
タップすると画面に表示されます
0...
AnimateCCでピアノを作ってみるよ! [変数var] [繰り返し処理for文] [連想配列Object] [配列Array] HTML5 Canvas入門(スマホ対応)CreateJS
Adobe Animate CC で ピアノ鍵盤 のサンプルを作ってみるよ!
今回は“鍵盤”ということで、いくつも並んでる同じようなボタンをそれぞれ同じように動かすという課題です。
ただし、同じような…と言ってもドの鍵盤では“ド”の...
AnimateCCで作ってみるよ!タイムライン貼り付けた音をボタンをクリックして鳴らす HTML5 Canvas入門(スマホ対応)
Adobe Animate CC で音を鳴らすサンプルを作ってみるよ!
今回はメインタイムラインに音声を配置して、フレーム移動(gotoAndPlay)を使ってクリックしたら音が鳴るムービーを作ってみるよ!
音を鳴らすサン...
大人のための“絶対音感”養成ソフト 音感トレーナー【スマホ対応】ダウンロード不要、アクセスするだけで始められる耳トレアプリ
音感養成ソフトを作りました。ランダムに鳴る音を聴いてドレミを当ててください。とりあえず鍵盤を3つ以上選んで「トレーニングをはじめる」をタップしてみましょう。
↓お試しください↓
音感トレーナー ver.20181206
【...
Adobe Animater CC で作った HTML5 Canvas をワードプレスに貼り付けてiOSで暗くなるのを回避しました(テスト3)
画面をタップしても暗くならない!
Adobe Animate CC で作った HTML5 Canvas を<iframe>タグでワードプレスに貼り付けたら画面をタップする度に画面が暗くなってうっとうしい事になっていると...
Adobe Animater CC で作った HTML5 Canvas をワードプレスに貼り付けてiOSで見ると、タップの度に画面が暗くなる(テスト2)
画面をタップすると暗くなる
この問題、とりあえず解決しました!
説明のため、動画を撮影してみました
先日、Adobe Animate CC で HTML5 Canvas でパブリッシュした HTML を、ifameタグを使...
Animate CC で作った HTML5 Canvas をワードプレスに貼り付ける(ちょっとテスト)
HTML5 Canvas TEST
実験です
Adobe Animate CC で HTML5 Canvas というブラウザで動くインタラクティブコンテンツを作るテストをしてみます。
【html5canvas-test.html...
クリーキ パズル
ダウンロードはこちらから!
TaneGame.com 製スマホアプリの第3弾!今回はお子様から大人の方まで、安心して楽しめるシンプルなパズルゲームです。
このゲームも私が運営していた個人サイト「~taneホー...
震源地ゲーム
ダウンロードはこちらから!
TaneGame.com のスマホアプリ第二弾。「おばけの谷」に続いてこちらのゲームも私が運営していた個人サイト「~taneホームページ」で掲載していたWebゲームを、スマホアプリにリ...
おばけの谷 Penny Pincher
ダウンロードはこちらから!
TaneGame.com の記念すべきスマホアプリ第一号です!。ちいさなお子様から大人の方まで、安心して楽しめるシンプルなアクションゲームです。
このゲームは、私が運営していた個人...