タグ tmlib.js が登録されている動画 ： 39 件中 1 - 32 件目
種類:
- タグ
- キーワード
対象:
tmlib.jsでゲームを作ってみよう（２）
その２ 敵の出現
今回のポイント
(1)tm.createClass()
クラスを作る関数です。
親クラス(superClass)、コンストラクタ(init)などを定義することが出来ます。
(2)TriangleShapeコンストラクタの第３引数
fillStyleで塗りつぶしに使われる色を指定することが出来ます。
(3)tweener
エレメントにアニメーションを設定するためのプロパティです。
指定したプロパティを絶対量として変化させるtoメソッド、相対量として変化させるbyメソッドなどを持ちます。
(4)Math.rand(a, b)
整数aからbまでの範囲から、ランダムな整数を返します。範囲にはa、bともに含まれます。
前 sm22063606
次 sm22160827
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう（３）
その３ 自機のショット
今回のポイント
(1)tm.app.CircleShape
円形のエレメントです。tm.app.TriangleShapeの親戚です。
(2)敵とショットの衝突判定
あらかじめenemiesという配列に敵を格納しておき、ショットのupdate関数内で衝突判定をしています。
衝突判定にはisHitElement()関数を使用しています。
(3)配列スキャン中に要素を削除する
concat関数で一旦配列をコピーしてからループ処理を行います。
要素の増減による添字のズレを防ぐことが出来ます。
前 sm22063641
次 sm22206747
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう（４）
その４ 敵弾
今回のポイント
(1)敵弾の移動
弾の向かう方向をdとし、X座標にcos(d)、Y座標にsin(d)を足していくことで任意の方向に弾を動かすことが出来ます。
前 sm22160827
次 sm22256498
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう（５）
その５ 爆発
今回のポイント
(1)爆発
円形（CircleShape）を爆発として使います。
時間とともに拡大し、透明度（alpha）を0に近づけていきます。
前 sm22206747
次 sm22311216
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう（６）
その６ ゲームオーバー
今回のポイント
(1)ゲームの終了
app.stop()でアプリケーションが停止します。
前 sm22256498
次 sm22357101
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう〜横スクアクション編(10)
敵に触れると自機がダメージを受けるようにします。
前 sm22587737
次 sm22602367
マイリスト mylist/39031781
自作ゲーム レイガリ 参考用プレイ動画
http://9leap.net/games/4211
HTML5+JavaScriptで作成しました。
tmlib.jsを使用しています。
音や画像は全てオリジナルです
TM-Shooter CBL A-L 真 ALL Stage1～3（バグ有り）
TM-Shooter cure black label
http://tmshooter.net/
HTML5による怒首領蜂再現 をコンセプトとした本格弾幕STG
特に稼ぎ重視やクリア重視といったプレイをしているわけではなく適当にプレイしてます。
雑魚がたくさん出るとカクカクするのは、PCのスペック（多分グラボ）が足りないからだと思います。
敵の配置から勘で避けていますが、3面になるとカクカク中は厳しいので結構被弾してます。
撃ち返しがないバグがあったようなので、撮り直しました。 sm25806721
Stage1 #0:05
Boss1 #1:40
Stage2 #2:40
Boss2 #5:20
Stage3 #6:32
Boss3 #11:10
4,5面 sm25778937
他のプレイ動画 mylist/41537568
TM-Shooter CBL A-L 真 ALL Stage4,5(バグ有り)
TM-Shooter cure black label
http://tmshooter.net/
HTML5による怒首領蜂再現 をコンセプトとした本格弾幕STG
特に稼ぎ重視やクリア重視といったプレイをしているわけではなく適当にプレイしてます。
後半ちょっと下手になってるのは集中力が切れてきています。
撃ち返しがないバグがあったようなので、撮り直しました。 sm25806721
Stage4 #0:00
Boss4 #5:40
Stage5 #6:46
Boss5 #14:25
Stage1,2,3 sm25778826
他のプレイ動画 mylist/41537568
tmlib.jsでゲームを作ってみよう（７）
その７ スコアの表示
今回のポイント
(1)tm.app.Label
文字列を表示するエレメントです。
setAlign()で左右寄せの指定、setBaseline()で上下寄せの指定を行います。
前 sm22311216
次 公開未定
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう〜横スクアクション編(2)
自機としてtmlib.jsのマスコットであるひよこちゃんを使用。
tm.geom.Vector2クラスを利用して速度ベクトルを表現していきます。
前 sm22504751
次 sm22561588
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう〜横スクアクション編(6)
今後敵キャラクターを実装するにあたり、自機クラスと共通となるであろう処理を抽出してスーパークラスを作っておきます。
前 sm22562013
次 sm22573815
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう〜横スクアクション編(7)
前回作ったGObjectを継承して敵キャラを実装していきます。
前 sm22572354
次 sm22580851
マイリスト mylist/39031781
DeepStriker プレイ動画
しょうもないミスが多いです。
上手い人なら真似するだけで余裕で100万は超えると思います。
http://daishihmr.github.io/jsstg-cannon/
TM-Shooter C-S ALLクリア 4面 1兆3046億2139万6272
TM-Shooter
http://tmshooter.net/
HTML5による怒首領蜂再現 をコンセプトとした本格弾幕STG
開幕直後に安置あるので覚えて使ってくださいね
ボスでほぼ１機捨てたのと同等な残念なミスをしてしまいましたが、５面でかなり粘ったおかげでクリアできました。
１、２面 sm25398400
5面 sm25399156
他のプレイ動画 mylist/41537568
TM-Shooter C-S ALLクリア 5面 1兆3046億2139万6272
TM-Shooter
http://tmshooter.net/
HTML5による怒首領蜂再現 をコンセプトとした本格弾幕STG
とにかく気合いとボムとハイパーをうまく使う。
初見殺しが非常に多いので結構パターン化しないと厳しいです。
４面 sm25398788
他のプレイ動画 mylist/41537568
TM-Shooter C-S 参考用 3面 rank50(25?)
TM-Shooter
http://tmshooter.net/
HTML5による怒首領蜂再現 をコンセプトとした本格弾幕STG
TM-Shooter C-S ALLクリア 1、2面 1兆3046億2139万6272 sm25398400
で撮り忘れていた3面をそれっぽく再現したつもり。
自機狙いの嵐です。切り返し失敗するともれなくミスります。
ボスより道中が難しい。
他のプレイ動画 mylist/41537568
TM-Shooter CBL A-S 真ボス サカガミ ハイパー手動ボム禁止縛り
TM-Shooter cure black label
http://tmshooter.net/
HTML5による怒首領蜂再現 をコンセプトとした本格弾幕STG
真ボス出現条件はノーコンティニュー2ミス以内でビギナースタイル以外です。
トレーニングモードはビギナー以外で必ず出現します。
この動画はトレーニングモードStage5のrank50で開始。
ハイパーと手動ボム禁止の縛りです。
できるだけ弾幕を覚えられるように撮りました。
他のプレイ動画 mylist/41537568
tmlib.jsでゲームを作ってみよう〜道中を重視したSTG(2)
横スクロールアクションの時と同じように、今回も Tiled Map Editor と tm.display.MapSprite を使っていきます。
tmlib.jsのダウンロードはコチラから→https://raw.githubusercontent.com/phi-jp/tmlib.js/develop/build/tmlib.js
使用する画像素材はコチラ→ http://static.dev7.jp/docyuun_assets.zip
利用条件はREADME.txtを読んでね。
前 sm25738659
次 sm25926183
マイリスト mylist/39031781
TM-Shooter CBL A-L 真 ALL Stage5
TM-Shooter cure black label
http://tmshooter.net/
HTML5による怒首領蜂再現 をコンセプトとした本格弾幕STG
特に稼ぎ重視やクリア重視といったプレイをしているわけではなく適当にプレイしてます。
中ボスでコンボ維持したかったけど、見事に撃ち返しにやられました。
あとハイパー４発動状態で真ボス突入したかったけどいろいろミスってます。
Stage5 #0:00
Boss5 #8:22
Stage1～4 sm25806721
他のプレイ動画 mylist/41537568
【tmlib.js】電ちゃんAAを作ろう【JavaScript】
tmlib.jsで画像をAA化してみます。
tm.asset.Textureクラス
画像データをロードするためのクラスです。
getBitmapメソッドでBitmapオブジェクトを取り出す事ができます。
tm.graphics.Bitmapクラス
編集可能な画像データを表現したクラスです。
ピクセルデータを一つ一つ取り出したり、画像にフィルタをかけたりすることができます。
前 sm22357101
次 sm22504751
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう〜横スクアクション編(4)
キャラクターの側面・上面と地形との衝突判定を実装します。
あわせてジャンプも実装していきます。
前 sm22561588
次 sm22562013
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう〜横スクアクション編(5)
スクロールの実装。穴に落ちた時のゲームオーバー処理 。
前 sm22561649
次 sm22572354
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう〜横スクアクション編(13)
遅くなってゴメンナサイ。
仕事とこれ（http://tmshooter.net）が忙しくてなかなか時間が作れませんでした。
今回は敵を踏んで倒せるようにします。
前 sm22611151
次 sm25738659
マイリスト mylist/39031781
TM-Shooter C-S ALLクリア 1、2面 1兆3046億2139万6272
TM-Shooter
http://tmshooter.net/
HTML5による怒首領蜂再現 をコンセプトとした本格弾幕STG
約1年前に「１兆超え＋オールクリアできるようになったら、また上げようと思ってます」
とコメントしてからついに目標を達成しました。
１、２、３面はかなり参考にできると思いますが、3面は撮り忘れてしまいましたw
#0:00 1面
#3:00 2面
4面 sm25398788
他のプレイ動画 mylist/41537568
TM-Shooter CBL A-L 真 ALL Stage1～4
TM-Shooter cure black label
http://tmshooter.net/
HTML5による怒首領蜂再現 をコンセプトとした本格弾幕STG
特に稼ぎ重視やクリア重視といったプレイをしているわけではなく適当にプレイしてます。
ここまでは順調ですがStage5から思うように行きませんでした。
Stage1 #0:06
Boss1 #1:45
Stage2 #2:40
Boss2 #5:22
Stage3 #6:42
Boss3 #11:25
Stage4 #13:00
Boss4 #18:00
Stage5 sm25806807
他のプレイ動画 mylist/41537568
tmlib.jsでゲームを作ってみよう〜道中を重視したSTG(3)
敵キャラを出します。
tmlib.jsのダウンロードはコチラから→https://raw.githubusercontent.com/phi-jp/tmlib.js/develop/build/tmlib.js
使用する画像素材はコチラ→ http://static.dev7.jp/docyuun_assets.zip
利用条件はREADME.txtを読んでね。
前 sm25791488
次 未定
マイリスト mylist/39031781