https://github.com/potatojam/defold-html-loader

https://github.com/potatojam/defold-html-loader

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/potatojam/defold-html-loader
• Owner: potatojam
• License: mit
• Created: 2022-09-14T15:37:58.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-18T16:33:16.000Z (9 months ago)
• Last Synced: 2024-11-30T19:44:14.473Z (about 2 months ago)
• Language: Lua
• Size: 99.6 KB
• Stars: 8
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-defold - HTML Loader

README

        
# HTML Loader for Defold

This extension adds a loading percentage with frame and a spinning circle in the corner. You can also change the background color and set the size for the splash image.

![Example](docs/example.png)

The circle will be hidden when the game is loaded.

You can show it again and add text with percentages. For example when you load resources with liveupdate.

```lua

function init(self)

    if html_loader then

        html_loader.show()

        html_loader.set_text("Loading")

        self.percent = 0

        timer.delay(0.2, true, function(self, handle, time_elapsed)

            self.percent = self.percent + 1

            html_loader.set_progress(self.percent)

            if self.percent == 100 then

                timer.cancel(handle)

                html_loader.hide()

            end

        end)  

    end

end

```

## The `game.project` Settings

You can set these **optional** settings in `game.project`.

```ini

[html_loader]

background_size = 80%

background_color = rgba(255,255,255,1)

loader_main_color = rgba(26, 114, 235, 1)

loader_additional_color = rgba(26, 114, 235, 0.2)

loader_frame_color = rgba(255, 255, 255, 1)

```

* `background_size` string _optional_ Overloads the splash image size value for ".canvas-app-canvas". None by default.

* `background_color` string _optional_ Overloads the background color value for ".canvas-app-canvas". None by default.

* `loader_main_color` string _optional_ The main color of the loader. Used in circle, progress bar and text. Default: **#1a72eb**

* `loader_additional_color` string _optional_ The additional color of the loader. Used in circle, progress bar. Default: **rgba(1, 1, 255, 0.2)**

* `loader_frame_color` string _optional_ Frame color around progress text. Default: **white**

## Credits

Made by [PotatoJam](https://github.com/potatojam).

### License

MIT license