Skip to content

xiaoxustudio/webgal-for-vscode

Repository files navigation


logo
webgal for VScode

WebGal Script Tool

Documentation github license Language

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)
  • Color picker
  • 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 

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

Partial Function Display

Hover Tip

Hover Tooltip

Keyword Completion

Keyword Completion

Regulatory Warning

Standard Warning

Interpolation Variable Prompt

Interpolation Variable Prompt

Hover Tip

Interpolation Variable Hint

Type Mosaic

Interpolation Variable Hint

Jumping Definition

Interpolation Variable Hint

Formatting

Format

Color Selector

Color Selector

Official Link of WebGal

Official Repository: Repository

Official documentation: Document

Regarding

Author: Xu Ran

Contact Information: [email protected]

Please feel free to raise your valuable issue. We will handle it.

LICENSE

You can see this

About

WebGal Script for vscode By Xuran

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •