投稿

ラベル（テキスト）が付いた投稿を表示しています

テキストを右揃え（右寄せ）や中央揃えにする方法

イメージ
ゲームを作成していると、スコアや所持金などのテキストを、右揃えで表示したいことがよくあると思います。 GDevelop での文字揃え（行揃え）には、少し工夫が必要なので、今回はその方法を解説します。 なお、v5.0.0-beta110 の時点でテキストを表示するためのオブジェクトは、 テキストオブジェクト 、 BBテキストオブジェクト 、 ビットマップテキストオブジェクト 、の3種類がありますが、今回紹介する方法はどのオブジェクトにも利用できます😉 内容が変わらないテキストの場合 そもそもテキストの内容が変化しないという場合は、エディター上でイイ感じに配置すればよいだけです😅 ただし複数行の場合は、文字揃えの設定をする必要があります。 BBテキストオブジェクトとビットマップテキストには、オブジェクトの編集画面に「行揃えの位置」というプロパティがあるので、それを選択するだけで OK です👌 しかしテキストオブジェクトは、わざわざイベントで設定しなければなりません。 例えばエディター上でこんな感じに配置して…… （ちなみに赤い縦棒は目安として置いているだけです） イベントで文字揃えを指定すれば…… このように揃ってくれます。（0123 の行に注目↓） ちょっとめんどいですねｗ 内容が変更されるテキストの場合 さて、ここからがやっと本題です。 スコアや所持金、はたまた台詞などを表示するテキストは、刻々と内容が変化するものです。 当然、文字数や行数も変わる場合があるのですが、上記のようにただ文字揃えを設定しただけでは、テキストが変更されたときにレイアウトが崩れてしまいます。 例えば、次の画像のように最初は良くても…… テキストが変更され、文字数などが変わってしまうと…… こんな事になってしまいます😥 これは文字揃えの設定に関係なく、これらのオブジェクトの原点は常に左上だからです。 （赤矢印の位置↓） テキスト変更前と後の画像を見比べると、原点は移動していない事がわかります。 そのため、テキストの長さが変化すると、位置がずれてしまうのです。 そこで、テキストの変更時に以下のような手順で、オブジェクトを正しい位置に移動させてやる必要があります。 原点を文字揃えしたい位置に移動する テキストを変更する 新しいテキストに合わせて原点を移動させる 文字で書くとさっぱり意味がわ...
コメントを投稿
続きを読む

【GDevelop】テキストオブジェクトに追記するのはヤバいというお話

イメージ
スコアやステータスなどを表示したいときに便利なテキストオブジェクトですが、正しく利用しないと処理落ちの原因になったりするので注意が必要です。 そこで GDevelop のテキストオブジェクトに対し、どういう処理をすると負荷が高いかを実験してみました。 まず、テキストオブジェクトを 8 個用意し、次のようなイベントを実行してみます。 テキスト1 には普通に「あいうえおかきくけこ」を代入します。 テキスト2 には「あ～こ」までを 1 文字ずつ加算で追加します。 テキスト3 には大量のテキストを代入します。 テキスト4 には他とは違うフォントを設定しています。 テキスト5 にはテキスト1 と同じアクションを実行します。 テキスト6 にはテキスト1 と同じ文字数分、異なるテキストを代入します。 テキスト7 には大量のテキストを一度だけ代入します。 テキスト8 には一度だけ「あ～こ」までを 1 文字ずつ加算で追加します。 それを実行したプロファイラーの結果は、次のとおりです。 （プロファイラーの使い方や見方は、また別の記事を書きます😅） events セクション内の値を見ることで、それぞれのイベントにどれだけ時間（負荷）がかかったか分かります。 セクション名 時間（ms） % of parent % of total テキスト1 0.01ms 0.67% 0.67% テキスト2（加算で追記） 1.34ms 94.62% 73.09% テキスト3（多テキスト） 0.01ms 0.64% 0.50% テキスト4（違フォント） 0.00ms 0.11% 0.09% テキスト5（同テキスト1） 0.00ms 0.08% 0.06% テキスト6（違テキスト） 0.00ms 0.07% 0.06% テキスト7（一度・多） 0.00ms 0.03% 0.03% テキスト8（一度・加算） 0.01ms 0.59% 0.46% 注目すべき点は、加算で 1 文字ずつ追記した場合の負荷の高さです。 一度に大量のテキストを代入した場合と比べても、100 倍以上の負荷がかかっています😥 追記時に内部的にどのような処理がおこなわれているのかは知りませんが、おそらく文字数が変わるたびに、文字の形状か...
コメントを投稿
続きを読む

GDevelop でテキストを改行する方法

イメージ
テキストオブジェクトのテキストをイベントで改行する方法が、GDevelop ではちょっと特殊なので、解説したいと思います。 ベースが JavaScript なので、改行は "\n" を入れる必要があるのかと思いきや、実は値の中で直接改行すれば良いだけです。 ちなみに、改行するための専用の関数（式）も用意されています。 それが NewLine() です。 こんな感じで、テキストに連結して使用します↓ ただし、この方法だと煩雑になりやすいので、通常は前者の方がオススメです😉
コメントを投稿
続きを読む

このブログの人気の投稿

【GDevelop】タイルスプライトで作る流れる背景

イメージ
同じ画像をタイルのように敷き詰めたい時に便利なタイルスプライトオブジェクトを利用して、流れる背景の作り方を紹介します。 こういうのです↓ 超簡単にできるのに、これだけで背景に動きが出ておしゃれ（？）になるので、おすすめです😉 なお、似たようなオブジェクトで「タイルマップ (Tilemap)」オブジェクトというものもありますが、ここで使用するのは「タイルスプライト」オブジェクトなので、間違えないように注意してください。 手順その1　タイルスプライトを追加する 敷き詰めたい画像を使用して、タイルスプライトを用意しましょう。 例えば↑この画像を使って↓こんな感じです。 タイルスプライトが用意できたら、シーンへ追加して必要な大きさに引き伸ばしましょう。 手順その2　イベントでスクロールさせる タイルスプライトの画像オフセットアクションで、画像の起点をズラすことができます。 それを利用して、画像をスクロールさせます。 ※タイルスプライト自体は動きません。 フレームごとに「画像Xオフセット」アクションと「画像Yオフセット」アクションで、タイルスプライトの画像を少しずつズラします。 ↑この画像では「画像Xオフセット」アクションで、1を足してズラしてます。 Y についても同様に +1 してズラしましょう。 完成したイベントがこちら↓ 完成！ シーンをプレビューしてみましょう。 左上に向かって画像の星が動いていれば完成です！👏 数値を変えたり、足したり引いたりすると、動く方向や速度が変えられます。 お試しあれ😉
続きを読む

【GDevelop】2026年1月よりサブスク値上げ。既存ユーザーへの「神対応」と、今すぐ入るべき理由。

イメージ
ノーコードでゲームが作れる強力なエンジン「GDevelop」から、少し驚きのニュースが飛び込んできました。 2026年1月12日（月）より、サブスクリプションプラン（Silver, Gold, Pro）の価格が20%値上げされます。 愛用しているツールが値上がりするのは、正直なところお財布には痛いニュースです。しかし、今回の発表内容をよく読み解くと、開発チームの苦渋の決断と、既存ユーザーを大切にする姿勢が見えてきました。 なぜ値上げされるのか？ 今回の値上げの主な理由は、 「インフラコストの増加と開発体制の維持」 です。 GDevelopは単なるオフラインのソフトではなく、オンラインアセットライブラリ、クラウド保存、ビルドサービスなど、多くのオンライン機能を提供しています。これらのサーバー維持費や、日々進化するエンジンの開発スピードを維持するためには、現在の価格設定では厳しくなってきたというのが本音のようです。 「GDevelopをより良くし、オンラインツールやサービスを安定して提供し続けるため」 という説明には、一人の開発者として納得せざるを得ません。質の高いツールを使い続けるためには、適切な対価を支払うことも大切です。 ここがすごい！「既存ユーザーの価格は据え置き」 今回の発表で最も注目すべきは、 「2026年1月11日までに契約していれば、今後もずっと旧価格のまま」 という点です。（ ⚠️ たぶん日本時間ではないので注意 ） 1月11日までに契約した人： 今まで通りの価格を維持。 1月12日以降に新規契約する人： 新価格（20%アップ）が適用。 つまり、 「古くからの支持者を裏切らない」 という強い意志が感じられる内容になっています。これはユーザーにとって非常に誠実な対応だと言えるのではないでしょうか。 まとめ：迷っているなら「今」が最後のチャンス 20%の値上げは決して小さくありませんが、GDevelopの進化を止めてほしくないという気持ちを込めて、私は今回の改定を前向きに捉えています。 もし、今「有料プランに入ろうかな？」と迷っている方がいたら、 1月11日（日）までに登録を済ませておくこと を強くおすすめします。 一度解約してしまうと新価格が適用されてしまうので、すでに加入している方は、うっかり支払いを忘れないように注意したいですね。 これからも進化...
続きを読む

GDevelop でシンプルなボタンの作り方

イメージ
基本的なことなのに意外とボタンの作り方って情報が少ないので、私流の方法ですが作り方を紹介します。 ここでは、クリックするとアクションするだけの、最も単純なボタンの作り方を紹介します。 もう少し手の込んだボタンが作成したい場合は「 マウスオーバーできるボタンの作り方 」をご覧ください。 1. スプライトを用意する ボタン用のオブジェクトには、主にスプライトオブジェクトかパネルスプライト（9パッチ）が利用されます。 用意できたらシーンに配置しましょう。 2. イベントを組む 「マウスボタンを放した直後」と「カーソル/タッチはオブジェクト上にある」の条件を組み合わせて、イベントを作りましょう。 ↓この条件と、 ↓この条件を使って、 ↓こんな感じにします（雑ｗ） この例では、ボタンをクリックするとシーンの背景色が変わります。 ポイントは、マウスを押しているかチェックしてから、サブイベントでどのボタンの上にカーソルがあるかをチェックしている点です。 ↓下の画像のように個別にチェックしても機能しますが、複数のボタンがあるシーンでは、先の例に比べると無駄な処理が発生してしまいます。（同じチェックを繰り返しています） サブイベントを利用して、効率よく処理できるように組みましょう😉 おしまい！
続きを読む