webgal for VScode

WebGal Script Tool

[!IMPORTANT]

The project has been migrated to webgal-language-tools.

This warehouse is no longer under maintenance

webgal-devtool: A browser devtools extension designed for debugging WebGal games.

Function

Language highlighting
Hover tooltip
Keyword completion
Compliance warning
Interpolation variable prompt | Variable Hover prompt, type embedding, variable description (markdown)
Formatting
Jump to definition (resource, variable)
Area collapse
Debugging function

; area - Start area marker 
...
; endarea - Mark for indicating the end of an area

Resource file completion


Resource folder $Resource file
For example: tex$i will prompt for files in the tex folder whose names contain the letter "i". 
The resource folder contains:
animation, background, bgm, figure, tex, video, vocal

Installation

search plugin name in VSCode: webgal for VSCode

VSCode MarketLink: Marketplace

Usage

When the current working directory is game and it contains config.txt, the plugin will automatically start.

Or you can start the plugin by using the startup command yourself. Can be edited in conjunction with the vs browser

vs browser

Work

Debugging

Run - Add Configuration - Select webgal Debug to create the launch.json file

Please modify the ws address yourself: The address can be seen in the console by pressing F12. The port number is usually the same as that of the web page URL.

Just run it. You can view the specified variables, environment configurations, etc. in the debug console.

Output a single character as a variable
For example: a, then output the value of the variable a 
The prefix $ is used for environment configuration.
For example: $showText will output the value of the environment variable showText. 
The prefix "#" is for configuration during operation.
For example: #sentence, then the value of the running variable "sentence" will be output. 
Special:
@run: Retrieves all variable names in the running environment
@env: Retrieves all variable names in the environment
@set variable_name variable_value  —————— Modify the variable
@script webgalScript script         —————— Customize the execution script

Note: Right-clicking offers the option to jump to the specified line.

Note: The debug variables will not be updated in real time. You need to manually press the Enter key in the debug console or perform other operations to trigger the update.

Note: The variables on the left can be modified, while env and scene cannot be changed.

Debugging