Knowledge

1. Basic Knowledge of Web Development

To develop a scene plugin, you should have a basic understanding of web development technologies such as HTML, CSS, and JavaScript. The scene plugin's user interface is created using HTML and CSS, and its functionality is implemented using JavaScript.

2. Learning Resources

If you are new to web development, you can start by learning from online resources like the MDN Web Docs: Learn web development. They offer comprehensive tutorials and guides to help you get started with web development.

3. Optional Advanced Technologies

For more extensive plugin development, you can consider using modern web technologies like React and webpack. These frameworks can enhance the scalability and efficiency of your plugins.

From the next pages onwards, we will assume that you have a fundamental understanding of HTML, CSS, and JavaScript. If you need to brush up on these skills, it's recommended to learn them before diving into plugin development.

Environment

1. Code Editor

You have the flexibility to choose any code editor you prefer. Plug-in development primarily involves editing HTML, CSS, JavaScript, and YAML files.

2. Preparing Plug-in for Installation

Once you have developed a plugin, you have two options for installation in Re:Earth

3. Modern Technologies

If you plan to develop using modern technologies like React and webpack, you will need to install Node.js and npm (Node Package Manager) as well.

It's important to note that if you choose to use React and webpack, you will need to have Node.js and npm installed in your development environment. Otherwise, you can use standard web technologies without the need for additional tools.

Next Step

Let's get started with the tutorial and develop a small plugin.