[Mugeda HTML5 technical tutorial 5] Creating New Works

In the previous section, we introduced Mugeda Studio. This section describes how to create a new file through Studio. First, log on to the website. If you have not logged on to the account, you can log on to www.mugeda.com to register a free account. After logging on to the website, click "Create File" on the left side of the website, and then select "create from Mugeda Studio" from the displayed creation list ", in this way, the online integrated development environment of Mugeda Studio will be opened in the browser window.

If you want to create another file on the Studio page, click "new" under the File menu to start,

After entering Mugeda Studio, you must first select an animation size. You can select a preset size or manually enter a custom size.

 

Then select the painting type. Mugeda supports two different HTML5 animations, CSS3 and Canvas.

Canvas is a pixel-level animation that supports comprehensive animation effects, such as masks, but has high hardware requirements.

CSS3 is a non-pixel-level animation. It supports less animated effects than Canvas, but has lower requirements on devices.

Generally, CSS3 is more commonly used to meet basic requirements. In most cases, CSS3 is recommended.

After selecting the dimension and type, click OK to close the dialog box.

If you want to change your mind after selecting the size, you can edit the size of the canvas in the Properties dialog box. No elements on the stage are selected or the blank area of the stage is clicked to display the properties of the stage.

Conclusion: As described above, it is very easy to create a new file. After the file is created, animation elements are required for displaying the animation. Next we will show you how to add elements to a new file in the next section.