Visual scripting in CT.JS -introduction

Summary

このスクリプトは、C.Jのためのゲームエンジンの大きなアップデートについて説明しています。注目の焦点は、視覚スクリプト機能の追加です。2年間にわたって議論されてきたこの機能は、開発パイプラインに取り入れられ、ついに完成しました。新しいプロジェクトを作成し、言語としてCoffeeScriptが利用できますが、将来的にはJavaScriptに置き換えられます。CatnipというブロックバージョンのJavaScriptを使用して、コードが変換されます。プレイヤーの移動を制御するシンプルなデモンストレーションを作成し、マウスポインタで操作できるようにします。また、カプセル化された物理エンジンを使用して、ゲームオブジェクトに物理学を適用する方法も紹介されています。最後に、スコアシステムを実装する方法と、プロパティと変数の使い分けについても触れています。このアップデートは、視覚スクリプトを使用してゲーム開発を楽しむ人々にとって非常に魅力的です。

Takeaways

• 🚀 新機能の追加：C.J（Corgi Jam）のゲームエンジンに視覚スクリプトが追加されました。
• 📈 開発プロセス：2年間で視覚スクリプトのアイデアが議論され、開発パイプラインに沿って進化しました。
• 🔍 言語の変更：Coffee Scriptが将来的にJavaScriptの簡略化されたバージョンに置き換えられますが、現在の主な言語はJavaScriptです。
• 🎨 ビジュアルスクリプト：コードをブロックとして視覚的に表現し、後でJavaScriptに変換されます。
• 🛠️ テンプレートの作成：新しいプロジェクトで、プレイヤーや床のようなプレースホルダーアセットを作成し、それらをワールドに追加します。
• 🖱️ プレイヤーの制御：マウスポインタを使用してプレイヤーオブジェクトを移動させ、マウスポインタの非表示に設定します。
• 🎮 ゲームオブジェクト：テクスチャと違って、ゲームオブジェクトとしてワールドに配置できるテンプレートを作成します。
• 🔄 イベントの活用：フレームの開始と終了時にイベントを活用し、プレイヤーの移動やUIの描画などのロジックを実装します。
• 🌈 色変化：プレイヤーが床と接触しているかどうかによって色を変えるロジックを実装しました。
• 🧩 カットモジュール：C.Jの新しいノードを使用して、物理エンジンやオブジェクトの挙動を細かく制御できます。
• 🔍 検索機能：ノードを検索し、必要なカテゴリーに追加することで、より柔軟なスクリプト作成が可能になります。
• 🔑 プロパティと変数の使い分け：プロパティはプロジェクト全体で使用でき、変数は一時的なデータ保持に使われます。

Q & A

C.Jと呼ばれるゲームエンジンの最新アップデートで導入された新機能は何ですか？

C.Jのゲームエンジンの最新アップデートでは、ビジュアルスクリプト機能が導入されました。これは、ビジュアルプログラミングを使用してゲームのロジックを構築できるようになりました。

ビジュアルスクリプトを使用する前に、どの言語がC.Jで主に使われていましたか？

ビジュアルスクリプトを使用する前に、C.Jで主に使われてい语言はJavaScriptでした。C.Jは、JavaScriptをベースとした簡易化されたバージョンの言語を使用していました。

カットナイプ（Catnip）とは何ですか？

カットナイプは、JavaScriptのブロックバージョンです。ビジュアルプログラミングで使用され、コードは最終的にJavaScriptに変換されます。

ビジュアルスクリプトを使用して作成されたゲームの基本的なシーンはどのように構築されますか？

基本的なシーンは、プレイヤーのオブジェクトと床のオブジェクトを用意し、それらを新しいルームに追加することで構築されます。オブジェクトの座標や色、そして衝突オブジェクトの設定を行い、それらを中央に配置してシーンを完成させます。

プレイヤーオブジェクトをマウスで動かすために、ビジュアルスクリプトでどのような操作を行いますか？

プレイヤーオブジェクトをマウスで動かすためには、フレームの終了時にポインタのXY座標を取得し、それをプレイヤーオブジェクトの座標に適用する必要があります。また、マウスカーソルを非表示にするために、プロジェクトの設定でポインタのプロパティを変更します。

ゲームオブジェクトの衝突を検出するために、ビジュアルスクリプトでどのようなプロセスを使用しますか？

ゲームオブジェクトの衝突を検出するためには、「place」カテゴリを使用して、オブジェクトが他のオブジェクトと接触しているかどうかを判定します。もし接触していない場合、特定のアクション（例えば、オブジェクトの色を変える）を実行することができます。

ビジュアルスクリプトでオブジェクトの色を変更する際に、どのようなアプローチを取りますか？

オブジェクトの色を変更する際には、「set tint」ノードを使用します。これは、オブジェクトの色を指定した色に変更することができます。条件分岐を使用して、オブジェクトが衝突しているかどうかによって、色を変えることができます。

ゲームのスコアシステムを実装するために、プロパティと変数のどちらを使用すべきですか？

ゲームのスコアシステムを実装する場合は、プロパティを使用すべきです。プロパティは、プロジェクト全体でアクセスできるため、スコアを追跡するのに適しています。一方、変数は一時的な値を保持するのに使われます。

カットナイプの開発者が今後もアップデートを提供する予定はありますか？

はい、カットナイプの開発者は今後もアップデートを提供する予定であり、ビジュアルスクリプト機能はさらに強化され、変更が加えられる見込みです。

カットナイプを使用してゲームを作成する際には、どのような利点がありますか？

カットナイプを使用することで、プログラミング言語を知らなくてもゲームのロジックを構築できるため、ゲーム開発のハードルが下がります。また、ビジュアルプログラミングにより、コードのミスを減らすことができます。

カットナイプのビジュアルスクリプト機能は、どのような種類のゲーム開発者に向いていますか？

カットナイプのビジュアルスクリプト機能は、プログラミング経験が乏しい初心者ゲーム開発者にも扱いやすいです。また、プログラミングを知っているが、ビジュアルプログラミングで作業を効率化したい経験豊富な開発者にも役立ちます。