Hello, How would I go about adding this to a wordpress website or anywebsite so that i

Here is a full example :) <div class="snippet-clipboard-content notranslate positi

How do I use this on my website? about tgen HOT 6 CLOSED

schalkt commented on May 27, 2024

How do I use this on my website?

from tgen.

Comments (6)

BOT-Neil commented on May 27, 2024 1

Thank you very much!

from tgen.

schalkt commented on May 27, 2024

Hello,
Right click on the thumbnail image (left bottom) and choose "Save as" menu item.
After that: https://www.wpbeginner.com/beginners-guide/how-to-add-a-background-image-in-wordpress/
I know... it's not user friendly :)

from tgen.

BOT-Neil commented on May 27, 2024

Oh I mean, to do it randomly with that preset each time the page is loaded.

from tgen.

BOT-Neil commented on May 27, 2024

Which js files do I upload I guess?

from tgen.

BOT-Neil commented on May 27, 2024

Ok I think I need to use tgen-with-presets.js thanks

from tgen.

schalkt commented on May 27, 2024

Here is a full example :)

<!DOCTYPE html>
<html lang="en">

<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"
        integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg=="
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/tgen-with-presets.min.js"></script>
</head>

<body>

    <script>

        var generator = tgen.init(256, 256);
        var texture = generator.render({
            preset: {
                name: "dots",
                seed: null,
            },
        });

        $("body").css(
            "background-image",
            "url(" + texture.toCanvas().toDataURL("image/png") + ")"
        );

    </script>
</body>

</html>

from tgen.

Recommend Projects