プログラミング PHP,PHPポケモン,ポケモン 経験値取得アニメーション編（動画有り） PHPポケモン 47 経験値取得アニメーションの実装 最近は技の実装が続いていたので、気分転換にフロント側の演出づくりをしていきます。その中でも今回実装するのは「経験値取得アニメーション」です。 経験値バーはポケモンの第２世代から追加実装された演出です。初代では次のレベルにアップするまでの数値を、わざわざポケモンの...
プログラミング PHP,PHPポケモン,ポケモン そらをとぶ＆あなをほる編 PHPポケモン46 チャージ中の回避技 以前は「ロケットずつき」や「ソーラービーム」をサンプルとしてチャージ技を実装しましたが、今回は少し特別な効果をもったチャージ技を実装します。それが「そらをとぶ」と「あなをほる」です。これらは初代ポケモンでも重宝される技であり、チャージ中に相手からの攻撃を回避することができま...
プログラミング PHP,PHPポケモン,ポケモン 命中率補正と交代技編 PHPポケモン 45 命中率補正とは ダメージ計算や行動順判定には補正（ランク）を計算した結果を反映していましたが、命中率補正についてはまだ未実装だったため、今回はこちらを作成していきたいと思います。 まずはwikiを参考に、計算方法を見ていきましょう。 命中（ポケモンwiki） https:// wiki.ポケモン.com/wiki/命中 第...
プログラミング PHP,PHPポケモン,ポケモン ブラウザで遊べる「PHPポケモン」 PHPポケモン 約１ヶ月半をかけて作り込んできたPHPポケモンですが、ある程度遊べるぐらいのレベルになったので、みなさまにも体験・楽しんでいただけるよう本日（２０２０年１０月１２日）より一般公開します。 PHPポケモンへのリンクは本記事の最後に用意しておりますので、プレイする前に注意事項等に目を通し...
雑記 甘い誘惑に気をつけよう「わからないことへの対処法」 最近は開発記事が多めだったので、今回は気分転換も込めてみんな大好きコラムのコーナーです。開発疲れという理由ももちろんありますが、久々に考えを書き綴りたくなったというのが本音です。 今回のテーマは「甘い誘惑に気をつけよう」です。高校生ぐらいまではあまり縁がなかったことでも、大学生・社会...
プログラミング PHP,PHPポケモン,ポケモン HPバーアニメーション 後編 フロント側の対応 PHPポケモン 44 HPバーアニメーション それでは前回に続き、HPバーのアニメーションづくりをしていきましょう。前回、メッセージに合わせてレスポンスを返却するというサーバー側の仕組みを作成しました。なので、今回はそれをフロント側で受け取り、タイミングよくアニメーションで再現します。 フロント側（js）の処理 前回...
プログラミング PHP,PHPポケモン,ポケモン HPバーアニメーション前編 サーバー側の対応 PHPポケモン 43 動きのあるHPバーづくり それではデモ公開に先立ち、HPバーの作り込みをしていきたいと思います。 現在のPHPポケモンは、ダメージ計算などが終わった結果をすべて返却しているため、技選択をして次の画面に移行すると、HPが減った状態でスタートしていました。これでは、どの技でどれぐらいのダメージを与え、状態変...
プログラミング PHP,PHPポケモン,ポケモン いかり編 PHPポケモン 42 いかり（技）とは ２０２０年１０月段階での最新シリーズである「ソード・シールド」では、今まであった技が使用不可能になっているものが数多くあります。その１つが「いかり」という技です。 いかり（ポケモンwiki） https://wiki.ポケモン.com/wiki/いかり 使えなくなっている技の中には、世代を経...
プログラミング PHP,PHPポケモン,ポケモン ダメージ固定技編（ちきゅうなげ・カウンター） PHPポケモン 41 ダメージ固定技とは PHPポケモンでも作成したダメージ計算機能ですが、ポケモンの技の中にはそれを必要としない技がいくつかあります。それが「固定ダメージ技」です。 ポケモンwiki（ダメージ固定技） https://wiki.ポケモン.com/wiki/ダメージ固定技 ステータスに依存せず、わざ自体にダメージ量が決...
プログラミング PHP,PHPポケモン,ポケモン 反動技編（はかいこうせん・とびひざげり）PHPポケモン40 反動技とは ポケモンでは反動技というものがあります。反動によっても様々で、現在の仕組みのままでも実装可能なものや、新たに処理が必要なものまであります。なので、一律で反動技という同じ処理は出来ません。 反動技（ポケモンwiki） https://wiki.ポケモン.com/wiki/反動技 反動技（はんどうわざ...
プログラミング PHP,PHPポケモン,ポケモン 連続攻撃技と一撃必殺技編 PHPポケモン39 連続攻撃技とは 追加効果だけでは処理できない技が、初代に限定していても数多くあります。その一つが「連続攻撃技」です。 連続攻撃技 https://wiki.ポケモン.com/wiki/連続攻撃技 連続攻撃技はさらに4パターンに分かれる。 攻撃回数が2回固定であるもの 攻撃回数が3回固定であるもの 攻撃回...
プログラミング PHP,PHPポケモン,ポケモン トークン認証とサニタイズ編 PHPポケモン 38 コード配布あり 構成の見直し PHPポケモンも３８回となり、大分作り込みが出来てきました。ここ最近はコードの説明ばかりでデモページなども準備出来ていませんでしたが、それには內部側の問題点が多かったためです。今回はその辺りをキレイに解決できるよう、本格的な構成の見直しをします。 ちなみにですが、どれぐらいの見直...
プログラミング PHP,PHPポケモン,ポケモン わざマシン編 作成 PHPポケモン104 わざマシンとは ポケモンはレベルアップ以外でも技を習得することができます。それが「わざマシン」というアイテムです。 わざマシン（ポケモンwiki） https://wiki.ポケモン.com/wiki/わざマシン 最新世代では「技レコード」というものが有り、使い切りとなっています。初代ではわざマシン自体も使い...
プログラミング PHP,PHPポケモン,イーブイ,オブジェクト指向,ピカチュウ,ポケモン 定数と静的変数 ピカチュウとイーブイで学ぶオブジェクト指向 PHPポケモンも順調に開発が進んでいると思いきや、ふとした気づきが自分の理解力を思い知らせることとなった今日このごろです。 プログラミングは奥が深く、しっかりと段階を追って理解を進めていけば、「これ・・・便利やんけ！」ってなることがかなり多いということがわかります。 それでは、かの有名な黄色い...
プログラミング PHP,PHPポケモン,ポケモン HPバー色変更編（アニメーション） PHPポケモン53 HPバーの色変更 残りHPの割合に合わせて色クラスをセットしていましたが、ダメージを受けた際の判定処理（動的は変更）が未実装でしたので、今回はコチラを対応します。 残数（割合）の判定 HPの色判定は、HTMLの描画時とJSによるHP変動時に行います。animateメソッド前や後に行うと変更のズレが生じるため、a...
プログラミング PHP,PHPポケモン,ポケモン バーアニメーションの不具合対応編 PHPポケモン 54 最近は細々した対応が多くて「早く次のステップに進めよ！」と思っている方も多いでしょう。 ご意見ごもっともですが、残っている対応が意外にも追加しなければいけない処理が多く苦戦しているのが実情だったりします。そして、そのおかげか試行回数が多くなり見過ごしていた不具合や修正不備がポロポロ出てきていま...
プログラミング Laravel,PHP,SEO,WordPress プログラミングでフリーランスを目指す人にPHP学習をオススメする３つの理由 「フリーランスになるためにプログラミングを身に着けたい」 「セカンドキャリアで技術を習得したい」 「副業でパソコン１台で稼げるものに挑戦したい」 終身雇用が危ぶまれている現在、スキルを身に着けて転職やフリーランスとして活躍したいと考える人が増え、プログラミングの需要は年々高まってきて...
雑記 成功に近い３つの思考「楽して稼ぐ」「知識オタク」「資産形成は無駄」 「楽して稼ぎたい」 人間誰しも、そう考えているはずです。これは正しく、成功するためには必要な思考です。 それを「楽に稼ぐ方法なんてない」と無理やり押さえつけてしまう人は、完全に本質が見えておらず、その大半に「楽して稼げない自分を認められてない」というマイナス因子が含まれてい...
プログラミング PHP,PHPポケモン,ポケモン 構成見直し編（クラス名） PHPポケモン49 構成の見直し 今回は全体構成の見直しをします。ディレクトリについては変更ありませんが、ファイル名とクラス名について大幅な修正をかけていきます。 クラス名の重複回避 まず、クラス名の重複についてです。状態異常・状態変化の子クラスでは重複回避のために接頭語を着けて管理していましたが、他にも重複...
動画編集 Adobe,Animate,Illustrator,Photoshop,アニメーション 【Adobe Animate CC】モーショントゥイーンを使ったアニメーション作成 今回はキャラクターがうちわを扇いでいるアニメーションのAdobe Animateを使った作成方法をご紹介します。 完成イメージは以下の通りです。 Photoshopなどを使ってもgifアニメーションの作成はできますが、Adobe Animateのモーショントゥイーンを使えば、変化するポイントだけを設定す...
