npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@phaserjs/editor-scripts-base

v1.0.0

Published

The base scripts for Phaser Editor.

Downloads

452

Readme

Basic Phaser Editor script nodes

This project contains the main scripts to use with a Phaser Editor project.

It includes the basic script nodes and user components: ScriptNode and UserComponent classes.

The scripts are coded in TypeScript with ES modules.

Installing (NPM)

Install this package in your game:

npm install @phaserjs/editor-scripts-base

Also, you should add this package to the phasereditor2d.config.json file in your project, in the scripts section:

{
    "scripts": ["@phaserjs/editor-scripts-base"]
}

Installing (vanilla JS)

  • Get the files in the browser folder and copy them into your JavaScript project. It includes Phaser Editor files and JavaScript files.

User components

This package provides a couple of general-purpose user components. Including the UserComponent class, which is the base class for all user components.

  • UserComponent - it is a class you can use as the base class for your user components.
  • Action Target - it provides information to script nodes about what object is the target of an action.

Base scripts

Contains basic/abstract functionality. Often, you will create prefab variants of them (extend them).

  • ScriptNode - the base class for all the scripts.

Target Action component

This user component is a hint to the action-like script nodes about what object is the target of the action. The possible targets are the game object of the script node (the default), or any of the arguments of the execute(...) method of the action.

The *Target property of the component allows these values: GAME_OBJECT (default), ARG_1, ARG_2, ARG_3, etc...

If you are implementing a custom action script, you may want to look into the Target Action component to determine the object to receive the action. This is an example:

class MyAction {

    execute(...args: any[]) {

        const obj = TargetActionComp.getActionTarget(this, args);

        this.performMyCustomAction(obj);
    }
}

ScriptNode

The base of all the scripts. Probably it is already available in your project (if you generated it with Phaser Editor).

This class provides methods for managing the node's children, and implementing the scene events: awake, start, and update.