123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

โš ๏ธ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              /**
 * @class Random
 * @classdesc Static class utilised to to get random property.
 * @prop emojis
 * @prop emoji
 * @prop x
 * @prop y
 */
class Random {
  public static get emojis(): string[] {
    return ["๐Ÿ˜€","๐Ÿ˜","๐Ÿ˜‚","๐Ÿ˜ƒ","๐Ÿ˜„","๐Ÿ˜…","๐Ÿ˜†","๐Ÿ˜‡","๐Ÿ˜ˆ","๐Ÿ‘ฟ","๐Ÿ˜‰","๐Ÿ˜Š","โ˜บ๏ธ","๐Ÿ˜‹","๐Ÿ˜Œ","๐Ÿ˜","๐Ÿ˜Ž","๐Ÿ˜","๐Ÿ˜","๐Ÿ˜‘","๐Ÿ˜’","๐Ÿ˜“","๐Ÿ˜”","๐Ÿ˜•","๐Ÿ˜–","๐Ÿ˜—","๐Ÿ˜˜","๐Ÿ˜™","๐Ÿ˜š","๐Ÿ˜›","๐Ÿ˜œ","๐Ÿ˜","๐Ÿ˜ž","๐Ÿ˜Ÿ","๐Ÿ˜ ","๐Ÿ˜ก","๐Ÿ˜ข","๐Ÿ˜ฃ","๐Ÿ˜ค","๐Ÿ˜ฅ","๐Ÿ˜ฆ","๐Ÿ˜ง","๐Ÿ˜จ","๐Ÿ˜ฉ","๐Ÿ˜ช","๐Ÿ˜ซ","๐Ÿ˜ฌ","๐Ÿ˜ญ","๐Ÿ˜ฎ","๐Ÿ˜ฏ","๐Ÿ˜ฐ","๐Ÿ˜ฑ","๐Ÿ˜ฒ","๐Ÿ˜ณ","๐Ÿ˜ด","๐Ÿ˜ต","๐Ÿ˜ถ","๐Ÿ˜ท","๐Ÿ˜ธ","๐Ÿ˜น","๐Ÿ˜บ","๐Ÿ˜ป","๐Ÿ˜ผ","๐Ÿ˜ฝ","๐Ÿ˜พ","๐Ÿ˜ฟ","๐Ÿ™€","๐Ÿ‘ฃ","๐Ÿ‘ค","๐Ÿ‘ฅ","๐Ÿ‘ถ","๐Ÿ‘ถ๐Ÿป","๐Ÿ‘ถ๐Ÿผ","๐Ÿ‘ถ๐Ÿฝ","๐Ÿ‘ถ๐Ÿพ","๐Ÿ‘ถ๐Ÿฟ","๐Ÿ‘ฆ","๐Ÿ‘ฆ๐Ÿป","๐Ÿ‘ฆ๐Ÿผ","๐Ÿ‘ฆ๐Ÿฝ","๐Ÿ‘ฆ๐Ÿพ","๐Ÿ‘ฆ๐Ÿฟ","๐Ÿ‘ง","๐Ÿ‘ง๐Ÿป","๐Ÿ‘ง๐Ÿผ","๐Ÿ‘ง๐Ÿฝ","๐Ÿ‘ง๐Ÿพ","๐Ÿ‘ง๐Ÿฟ","๐Ÿ‘จ","๐Ÿ‘จ๐Ÿป","๐Ÿ‘จ๐Ÿผ","๐Ÿ‘จ๐Ÿฝ","๐Ÿ‘จ๐Ÿพ","๐Ÿ‘จ๐Ÿฟ","๐Ÿ‘ฉ","๐Ÿ‘ฉ๐Ÿป","๐Ÿ‘ฉ๐Ÿผ","๐Ÿ‘ฉ๐Ÿฝ","๐Ÿ‘ฉ๐Ÿพ","๐Ÿ‘ฉ๐Ÿฟ","๐Ÿ‘ช","๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘ง","๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ","๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘ฆโ€๐Ÿ‘ฆ","๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ง","๐Ÿ‘ฉโ€๐Ÿ‘ฉโ€๐Ÿ‘ฆ","๐Ÿ‘ฉโ€๐Ÿ‘ฉโ€๐Ÿ‘ง","๐Ÿ‘ฉโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ","๐Ÿ‘ฉโ€๐Ÿ‘ฉโ€๐Ÿ‘ฆโ€๐Ÿ‘ฆ","๐Ÿ‘ฉโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ง","๐Ÿ‘จโ€๐Ÿ‘จโ€๐Ÿ‘ฆ","๐Ÿ‘จโ€๐Ÿ‘จโ€๐Ÿ‘ง","๐Ÿ‘จโ€๐Ÿ‘จโ€๐Ÿ‘งโ€๐Ÿ‘ฆ","๐Ÿ‘จโ€๐Ÿ‘จโ€๐Ÿ‘ฆโ€๐Ÿ‘ฆ","๐Ÿ‘จโ€๐Ÿ‘จโ€๐Ÿ‘งโ€๐Ÿ‘ง","๐Ÿ‘ซ","๐Ÿ‘ฌ","๐Ÿ‘ญ","๐Ÿ‘ฏ","๐Ÿ‘ฐ","๐Ÿ‘ฐ๐Ÿป","๐Ÿ‘ฐ๐Ÿผ","๐Ÿ‘ฐ๐Ÿฝ","๐Ÿ‘ฐ๐Ÿพ","๐Ÿ‘ฐ๐Ÿฟ","๐Ÿ‘ฑ","๐Ÿ‘ฑ๐Ÿป","๐Ÿ‘ฑ๐Ÿผ","๐Ÿ‘ฑ๐Ÿฝ","๐Ÿ‘ฑ๐Ÿพ","๐Ÿ‘ฑ๐Ÿฟ","๐Ÿ‘ฒ","๐Ÿ‘ฒ๐Ÿป","๐Ÿ‘ฒ๐Ÿผ","๐Ÿ‘ฒ๐Ÿฝ","๐Ÿ‘ฒ๐Ÿพ","๐Ÿ‘ฒ๐Ÿฟ","๐Ÿ‘ณ","๐Ÿ‘ณ๐Ÿป","๐Ÿ‘ณ๐Ÿผ","๐Ÿ‘ณ๐Ÿฝ","๐Ÿ‘ณ๐Ÿพ","๐Ÿ‘ณ๐Ÿฟ","๐Ÿ‘ด","๐Ÿ‘ด๐Ÿป","๐Ÿ‘ด๐Ÿผ","๐Ÿ‘ด๐Ÿฝ","๐Ÿ‘ด๐Ÿพ","๐Ÿ‘ด๐Ÿฟ","๐Ÿ‘ต","๐Ÿ‘ต๐Ÿป","๐Ÿ‘ต๐Ÿผ","๐Ÿ‘ต๐Ÿฝ","๐Ÿ‘ต๐Ÿพ","๐Ÿ‘ต๐Ÿฟ","๐Ÿ‘ฎ","๐Ÿ‘ฎ๐Ÿป","๐Ÿ‘ฎ๐Ÿผ","๐Ÿ‘ฎ๐Ÿฝ","๐Ÿ‘ฎ๐Ÿพ","๐Ÿ‘ฎ๐Ÿฟ","๐Ÿ‘ท","๐Ÿ‘ท๐Ÿป","๐Ÿ‘ท๐Ÿผ","๐Ÿ‘ท๐Ÿฝ","๐Ÿ‘ท๐Ÿพ","๐Ÿ‘ท๐Ÿฟ","๐Ÿ‘ธ","๐Ÿ‘ธ๐Ÿป","๐Ÿ‘ธ๐Ÿผ","๐Ÿ‘ธ๐Ÿฝ","๐Ÿ‘ธ๐Ÿพ","๐Ÿ‘ธ๐Ÿฟ","๐Ÿ’‚","๐Ÿ’‚๐Ÿป","๐Ÿ’‚๐Ÿผ","๐Ÿ’‚๐Ÿฝ","๐Ÿ’‚๐Ÿพ","๐Ÿ’‚๐Ÿฟ","๐Ÿ‘ผ","๐Ÿ‘ผ๐Ÿป","๐Ÿ‘ผ๐Ÿผ","๐Ÿ‘ผ๐Ÿฝ","๐Ÿ‘ผ๐Ÿพ","๐Ÿ‘ผ๐Ÿฟ","๐ŸŽ…","๐ŸŽ…๐Ÿป","๐ŸŽ…๐Ÿผ","๐ŸŽ…๐Ÿฝ","๐ŸŽ…๐Ÿพ","๐ŸŽ…๐Ÿฟ","๐Ÿ‘ป","๐Ÿ‘น","๐Ÿ‘บ","๐Ÿ’ฉ","๐Ÿ’€","๐Ÿ‘ฝ","๐Ÿ‘พ","๐Ÿ™‡","๐Ÿ™‡๐Ÿป","๐Ÿ™‡๐Ÿผ","๐Ÿ™‡๐Ÿฝ","๐Ÿ™‡๐Ÿพ","๐Ÿ™‡๐Ÿฟ","๐Ÿ’","๐Ÿ’๐Ÿป","๐Ÿ’๐Ÿผ","๐Ÿ’๐Ÿฝ","๐Ÿ’๐Ÿพ","๐Ÿ’๐Ÿฟ","๐Ÿ™…","๐Ÿ™…๐Ÿป","๐Ÿ™…๐Ÿผ","๐Ÿ™…๐Ÿฝ","๐Ÿ™…๐Ÿพ","๐Ÿ™…๐Ÿฟ","๐Ÿ™†","๐Ÿ™†๐Ÿป","๐Ÿ™†๐Ÿผ","๐Ÿ™†๐Ÿฝ","๐Ÿ™†๐Ÿพ","๐Ÿ™†๐Ÿฟ","๐Ÿ™‹","๐Ÿ™‹๐Ÿป","๐Ÿ™‹๐Ÿผ","๐Ÿ™‹๐Ÿฝ","๐Ÿ™‹๐Ÿพ","๐Ÿ™‹๐Ÿฟ","๐Ÿ™Ž","๐Ÿ™Ž๐Ÿป","๐Ÿ™Ž๐Ÿผ","๐Ÿ™Ž๐Ÿฝ","๐Ÿ™Ž๐Ÿพ","๐Ÿ™Ž๐Ÿฟ","๐Ÿ™","๐Ÿ™๐Ÿป","๐Ÿ™๐Ÿผ","๐Ÿ™๐Ÿฝ","๐Ÿ™๐Ÿพ","๐Ÿ™๐Ÿฟ","๐Ÿ’†","๐Ÿ’†๐Ÿป","๐Ÿ’†๐Ÿผ","๐Ÿ’†๐Ÿฝ","๐Ÿ’†๐Ÿพ","๐Ÿ’†๐Ÿฟ","๐Ÿ’‡","๐Ÿ’‡๐Ÿป","๐Ÿ’‡๐Ÿผ","๐Ÿ’‡๐Ÿฝ","๐Ÿ’‡๐Ÿพ","๐Ÿ’‡๐Ÿฟ","๐Ÿ’‘","๐Ÿ‘ฉโ€โค๏ธโ€๐Ÿ‘ฉ","๐Ÿ‘จโ€โค๏ธโ€๐Ÿ‘จ","๐Ÿ’","๐Ÿ‘ฉโ€โค๏ธโ€๐Ÿ’‹โ€๐Ÿ‘ฉ","๐Ÿ‘จโ€โค๏ธโ€๐Ÿ’‹โ€๐Ÿ‘จ","๐Ÿ™Œ","๐Ÿ™Œ๐Ÿป","๐Ÿ™Œ๐Ÿผ","๐Ÿ™Œ๐Ÿฝ","๐Ÿ™Œ๐Ÿพ","๐Ÿ™Œ๐Ÿฟ","๐Ÿ‘","๐Ÿ‘๐Ÿป","๐Ÿ‘๐Ÿผ","๐Ÿ‘๐Ÿฝ","๐Ÿ‘๐Ÿพ","๐Ÿ‘๐Ÿฟ","๐Ÿ‘‚","๐Ÿ‘‚๐Ÿป","๐Ÿ‘‚๐Ÿผ","๐Ÿ‘‚๐Ÿฝ","๐Ÿ‘‚๐Ÿพ","๐Ÿ‘‚๐Ÿฟ","๐Ÿ‘€","๐Ÿ‘ƒ","๐Ÿ‘ƒ๐Ÿป","๐Ÿ‘ƒ๐Ÿผ","๐Ÿ‘ƒ๐Ÿฝ","๐Ÿ‘ƒ๐Ÿพ","๐Ÿ‘ƒ๐Ÿฟ","๐Ÿ‘„","๐Ÿ’‹","๐Ÿ‘…","๐Ÿ’…","๐Ÿ’…๐Ÿป","๐Ÿ’…๐Ÿผ","๐Ÿ’…๐Ÿฝ","๐Ÿ’…๐Ÿพ","๐Ÿ’…๐Ÿฟ","๐Ÿ‘‹","๐Ÿ‘‹๐Ÿป","๐Ÿ‘‹๐Ÿผ","๐Ÿ‘‹๐Ÿฝ","๐Ÿ‘‹๐Ÿพ","๐Ÿ‘‹๐Ÿฟ","๐Ÿ‘","๐Ÿ‘๐Ÿป","๐Ÿ‘๐Ÿผ","๐Ÿ‘๐Ÿฝ","๐Ÿ‘๐Ÿพ","๐Ÿ‘๐Ÿฟ","๐Ÿ‘Ž","๐Ÿ‘Ž๐Ÿป","๐Ÿ‘Ž๐Ÿผ","๐Ÿ‘Ž๐Ÿฝ","๐Ÿ‘Ž๐Ÿพ","๐Ÿ‘Ž๐Ÿฟ","โ˜","โ˜๐Ÿป","โ˜๐Ÿผ","โ˜๐Ÿฝ","โ˜๐Ÿพ","โ˜๐Ÿฟ","๐Ÿ‘†","๐Ÿ‘†๐Ÿป","๐Ÿ‘†๐Ÿผ","๐Ÿ‘†๐Ÿฝ","๐Ÿ‘†๐Ÿพ","๐Ÿ‘†๐Ÿฟ","๐Ÿ‘‡","๐Ÿ‘‡๐Ÿป","๐Ÿ‘‡๐Ÿผ","๐Ÿ‘‡๐Ÿฝ","๐Ÿ‘‡๐Ÿพ","๐Ÿ‘‡๐Ÿฟ","๐Ÿ‘ˆ","๐Ÿ‘ˆ๐Ÿป","๐Ÿ‘ˆ๐Ÿผ","๐Ÿ‘ˆ๐Ÿฝ","๐Ÿ‘ˆ๐Ÿพ","๐Ÿ‘ˆ๐Ÿฟ","๐Ÿ‘‰","๐Ÿ‘‰๐Ÿป","๐Ÿ‘‰๐Ÿผ","๐Ÿ‘‰๐Ÿฝ","๐Ÿ‘‰๐Ÿพ","๐Ÿ‘‰๐Ÿฟ","๐Ÿ‘Œ","๐Ÿ‘Œ๐Ÿป","๐Ÿ‘Œ๐Ÿผ","๐Ÿ‘Œ๐Ÿฝ","๐Ÿ‘Œ๐Ÿพ","๐Ÿ‘Œ๐Ÿฟ","โœŒ","โœŒ๐Ÿป","โœŒ๐Ÿผ","โœŒ๐Ÿฝ","โœŒ๐Ÿพ","โœŒ๐Ÿฟ","๐Ÿ‘Š","๐Ÿ‘Š๐Ÿป","๐Ÿ‘Š๐Ÿผ","๐Ÿ‘Š๐Ÿฝ","๐Ÿ‘Š๐Ÿพ","๐Ÿ‘Š๐Ÿฟ","โœŠ","โœŠ๐Ÿป","โœŠ๐Ÿผ","โœŠ๐Ÿฝ","โœŠ๐Ÿพ","โœŠ๐Ÿฟ","โœ‹","โœ‹๐Ÿป","โœ‹๐Ÿผ","โœ‹๐Ÿฝ","โœ‹๐Ÿพ","โœ‹๐Ÿฟ","๐Ÿ’ช","๐Ÿ’ช๐Ÿป","๐Ÿ’ช๐Ÿผ","๐Ÿ’ช๐Ÿฝ","๐Ÿ’ช๐Ÿพ","๐Ÿ’ช๐Ÿฟ","๐Ÿ‘","๐Ÿ‘๐Ÿป","๐Ÿ‘๐Ÿผ","๐Ÿ‘๐Ÿฝ","๐Ÿ‘๐Ÿพ","๐Ÿ‘๐Ÿฟ","๐Ÿ™","๐Ÿ™๐Ÿป","๐Ÿ™๐Ÿผ","๐Ÿ™๐Ÿฝ","๐Ÿ™๐Ÿพ","๐Ÿ™๐Ÿฟ","๐ŸŒฑ","๐ŸŒฒ","๐ŸŒณ","๐ŸŒด","๐ŸŒต","๐ŸŒท","๐ŸŒธ","๐ŸŒน","๐ŸŒบ","๐ŸŒป","๐ŸŒผ","๐Ÿ’","๐ŸŒพ","๐ŸŒฟ","๐Ÿ€","๐Ÿ","๐Ÿ‚","๐Ÿƒ","๐Ÿ„","๐ŸŒฐ","๐Ÿ€","๐Ÿ","๐Ÿญ","๐Ÿน","๐Ÿ‚","๐Ÿƒ","๐Ÿ„","๐Ÿฎ","๐Ÿ…","๐Ÿ†","๐Ÿฏ","๐Ÿ‡","๐Ÿฐ","๐Ÿˆ","๐Ÿฑ","๐ŸŽ","๐Ÿด","๐Ÿ","๐Ÿ‘","๐Ÿ","๐Ÿ“","๐Ÿ”","๐Ÿค","๐Ÿฃ","๐Ÿฅ","๐Ÿฆ","๐Ÿง","๐Ÿ˜","๐Ÿช","๐Ÿซ","๐Ÿ—","๐Ÿ–","๐Ÿท","๐Ÿฝ","๐Ÿ•","๐Ÿฉ","๐Ÿถ","๐Ÿบ","๐Ÿป","๐Ÿจ","๐Ÿผ","๐Ÿต","๐Ÿ™ˆ","๐Ÿ™‰","๐Ÿ™Š","๐Ÿ’","๐Ÿ‰","๐Ÿฒ","๐ŸŠ","๐Ÿ","๐Ÿข","๐Ÿธ","๐Ÿ‹","๐Ÿณ","๐Ÿฌ","๐Ÿ™","๐ŸŸ","๐Ÿ ","๐Ÿก","๐Ÿš","๐ŸŒ","๐Ÿ›","๐Ÿœ","๐Ÿ","๐Ÿž","๐Ÿพ","โšก๏ธ","๐Ÿ”ฅ","๐ŸŒ™","โ˜€๏ธ","โ›…๏ธ","โ˜๏ธ","๐Ÿ’ง","๐Ÿ’ฆ","โ˜”๏ธ","๐Ÿ’จ","โ„๏ธ","๐ŸŒŸ","โญ๏ธ","๐ŸŒ ","๐ŸŒ„","๐ŸŒ…","๐ŸŒˆ","๐ŸŒŠ","๐ŸŒ‹","๐ŸŒŒ","๐Ÿ—ป","๐Ÿ—พ","๐ŸŒ","๐ŸŒ","๐ŸŒŽ","๐ŸŒ","๐ŸŒ‘","๐ŸŒ’","๐ŸŒ“","๐ŸŒ”","๐ŸŒ•","๐ŸŒ–","๐ŸŒ—","๐ŸŒ˜","๐ŸŒš","๐ŸŒ","๐ŸŒ›","๐ŸŒœ","๐ŸŒž","๐Ÿ…","๐Ÿ†","๐ŸŒฝ","๐Ÿ ","๐Ÿ‡","๐Ÿˆ","๐Ÿ‰","๐ŸŠ","๐Ÿ‹","๐ŸŒ","๐Ÿ","๐ŸŽ","๐Ÿ","๐Ÿ","๐Ÿ‘","๐Ÿ’","๐Ÿ“","๐Ÿ”","๐Ÿ•","๐Ÿ–","๐Ÿ—","๐Ÿ˜","๐Ÿ™","๐Ÿš","๐Ÿ›","๐Ÿœ","๐Ÿ","๐Ÿž","๐ŸŸ","๐Ÿก","๐Ÿข","๐Ÿฃ","๐Ÿค","๐Ÿฅ","๐Ÿฆ","๐Ÿง","๐Ÿจ","๐Ÿฉ","๐Ÿช","๐Ÿซ","๐Ÿฌ","๐Ÿญ","๐Ÿฎ","๐Ÿฏ","๐Ÿฐ","๐Ÿฑ","๐Ÿฒ","๐Ÿณ","๐Ÿด","๐Ÿต","โ˜•๏ธ","๐Ÿถ","๐Ÿท","๐Ÿธ","๐Ÿน","๐Ÿบ","๐Ÿป","๐Ÿผ","๐ŸŽ€","๐ŸŽ","๐ŸŽ‚","๐ŸŽƒ","๐ŸŽ„","๐ŸŽ‹","๐ŸŽ","๐ŸŽ‘","๐ŸŽ†","๐ŸŽ‡","๐ŸŽ‰","๐ŸŽŠ","๐ŸŽˆ","๐Ÿ’ซ","โœจ","๐Ÿ’ฅ","๐ŸŽ“","๐Ÿ‘‘","๐ŸŽŽ","๐ŸŽ","๐ŸŽ","๐ŸŽŒ","๐Ÿฎ","๐Ÿ’","โค๏ธ","๐Ÿ’”","๐Ÿ’Œ","๐Ÿ’•","๐Ÿ’ž","๐Ÿ’“","๐Ÿ’—","๐Ÿ’–","๐Ÿ’˜","๐Ÿ’","๐Ÿ’Ÿ","๐Ÿ’œ","๐Ÿ’›","๐Ÿ’š","๐Ÿ’™","๐Ÿƒ","๐Ÿƒ๐Ÿป","๐Ÿƒ๐Ÿผ","๐Ÿƒ๐Ÿฝ","๐Ÿƒ๐Ÿพ","๐Ÿƒ๐Ÿฟ","๐Ÿšถ","๐Ÿšถ๐Ÿป","๐Ÿšถ๐Ÿผ","๐Ÿšถ๐Ÿฝ","๐Ÿšถ๐Ÿพ","๐Ÿšถ๐Ÿฟ","๐Ÿ’ƒ","๐Ÿ’ƒ๐Ÿป","๐Ÿ’ƒ๐Ÿผ","๐Ÿ’ƒ๐Ÿฝ","๐Ÿ’ƒ๐Ÿพ","๐Ÿ’ƒ๐Ÿฟ","๐Ÿšฃ","๐Ÿšฃ๐Ÿป","๐Ÿšฃ๐Ÿผ","๐Ÿšฃ๐Ÿฝ","๐Ÿšฃ๐Ÿพ","๐Ÿšฃ๐Ÿฟ","๐ŸŠ","๐ŸŠ๐Ÿป","๐ŸŠ๐Ÿผ","๐ŸŠ๐Ÿฝ","๐ŸŠ๐Ÿพ","๐ŸŠ๐Ÿฟ","๐Ÿ„","๐Ÿ„๐Ÿป","๐Ÿ„๐Ÿผ","๐Ÿ„๐Ÿฝ","๐Ÿ„๐Ÿพ","๐Ÿ„๐Ÿฟ","๐Ÿ›€","๐Ÿ›€๐Ÿป","๐Ÿ›€๐Ÿผ","๐Ÿ›€๐Ÿฝ","๐Ÿ›€๐Ÿพ","๐Ÿ›€๐Ÿฟ","๐Ÿ‚","๐ŸŽฟ","โ›„๏ธ","๐Ÿšด","๐Ÿšด๐Ÿป","๐Ÿšด๐Ÿผ","๐Ÿšด๐Ÿฝ","๐Ÿšด๐Ÿพ","๐Ÿšด๐Ÿฟ","๐Ÿšต","๐Ÿšต๐Ÿป","๐Ÿšต๐Ÿผ","๐Ÿšต๐Ÿฝ","๐Ÿšต๐Ÿพ","๐Ÿšต๐Ÿฟ","๐Ÿ‡","๐Ÿ‡๐Ÿป","๐Ÿ‡๐Ÿผ","๐Ÿ‡๐Ÿฝ","๐Ÿ‡๐Ÿพ","๐Ÿ‡๐Ÿฟ","โ›บ๏ธ","๐ŸŽฃ","โšฝ๏ธ","๐Ÿ€","๐Ÿˆ","โšพ๏ธ","๐ŸŽพ","๐Ÿ‰","โ›ณ๏ธ","๐Ÿ†","๐ŸŽฝ","๐Ÿ","๐ŸŽน","๐ŸŽธ","๐ŸŽป","๐ŸŽท","๐ŸŽบ","๐ŸŽต","๐ŸŽถ","๐ŸŽผ","๐ŸŽง","๐ŸŽค","๐ŸŽญ","๐ŸŽซ","๐ŸŽฉ","๐ŸŽช","๐ŸŽฌ","๐ŸŽจ","๐ŸŽฏ","๐ŸŽฑ","๐ŸŽณ","๐ŸŽฐ","๐ŸŽฒ","๐ŸŽฎ","๐ŸŽด","๐Ÿƒ","๐Ÿ€„๏ธ","๐ŸŽ ","๐ŸŽก","๐ŸŽข","๐Ÿšƒ","๐Ÿšž","๐Ÿš‚","๐Ÿš‹","๐Ÿš","๐Ÿš„","๐Ÿš…","๐Ÿš†","๐Ÿš‡","๐Ÿšˆ","๐Ÿš‰","๐ŸšŠ","๐ŸšŒ","๐Ÿš","๐ŸšŽ","๐Ÿš","๐Ÿš‘","๐Ÿš’","๐Ÿš“","๐Ÿš”","๐Ÿšจ","๐Ÿš•","๐Ÿš–","๐Ÿš—","๐Ÿš˜","๐Ÿš™","๐Ÿšš","๐Ÿš›","๐Ÿšœ","๐Ÿšฒ","๐Ÿš","โ›ฝ๏ธ","๐Ÿšง","๐Ÿšฆ","๐Ÿšฅ","๐Ÿš€","๐Ÿš","โœˆ๏ธ","๐Ÿ’บ","โš“๏ธ","๐Ÿšข","๐Ÿšค","โ›ต๏ธ","๐Ÿšก","๐Ÿš ","๐ŸšŸ","๐Ÿ›‚","๐Ÿ›ƒ","๐Ÿ›„","๐Ÿ›…","๐Ÿ’ด","๐Ÿ’ถ","๐Ÿ’ท","๐Ÿ’ต","๐Ÿ—ฝ","๐Ÿ—ฟ","๐ŸŒ","๐Ÿ—ผ","โ›ฒ๏ธ","๐Ÿฐ","๐Ÿฏ","๐ŸŒ‡","๐ŸŒ†","๐ŸŒƒ","๐ŸŒ‰","๐Ÿ ","๐Ÿก","๐Ÿข","๐Ÿฌ","๐Ÿญ","๐Ÿฃ","๐Ÿค","๐Ÿฅ","๐Ÿฆ","๐Ÿจ","๐Ÿฉ","๐Ÿ’’","โ›ช๏ธ","๐Ÿช","๐Ÿซ","๐Ÿ‡ฆ๐Ÿ‡บ","๐Ÿ‡ฆ๐Ÿ‡น","๐Ÿ‡ง๐Ÿ‡ช","๐Ÿ‡ง๐Ÿ‡ท","๐Ÿ‡จ๐Ÿ‡ฆ","๐Ÿ‡จ๐Ÿ‡ฑ","๐Ÿ‡จ๐Ÿ‡ณ","๐Ÿ‡จ๐Ÿ‡ด","๐Ÿ‡ฉ๐Ÿ‡ฐ","๐Ÿ‡ซ๐Ÿ‡ฎ","๐Ÿ‡ซ๐Ÿ‡ท","๐Ÿ‡ฉ๐Ÿ‡ช","๐Ÿ‡ญ๐Ÿ‡ฐ","๐Ÿ‡ฎ๐Ÿ‡ณ","๐Ÿ‡ฎ๐Ÿ‡ฉ","๐Ÿ‡ฎ๐Ÿ‡ช","๐Ÿ‡ฎ๐Ÿ‡ฑ","๐Ÿ‡ฎ๐Ÿ‡น","๐Ÿ‡ฏ๐Ÿ‡ต","๐Ÿ‡ฐ๐Ÿ‡ท","๐Ÿ‡ฒ๐Ÿ‡ด","๐Ÿ‡ฒ๐Ÿ‡พ","๐Ÿ‡ฒ๐Ÿ‡ฝ","๐Ÿ‡ณ๐Ÿ‡ฑ","๐Ÿ‡ณ๐Ÿ‡ฟ","๐Ÿ‡ณ๐Ÿ‡ด","๐Ÿ‡ต๐Ÿ‡ญ","๐Ÿ‡ต๐Ÿ‡ฑ","๐Ÿ‡ต๐Ÿ‡น","๐Ÿ‡ต๐Ÿ‡ท","๐Ÿ‡ท๐Ÿ‡บ","๐Ÿ‡ธ๐Ÿ‡ฆ","๐Ÿ‡ธ๐Ÿ‡ฌ","๐Ÿ‡ฟ๐Ÿ‡ฆ","๐Ÿ‡ช๐Ÿ‡ธ","๐Ÿ‡ธ๐Ÿ‡ช","๐Ÿ‡จ๐Ÿ‡ญ","๐Ÿ‡น๐Ÿ‡ท","๐Ÿ‡ฌ๐Ÿ‡ง","๐Ÿ‡บ๐Ÿ‡ธ","๐Ÿ‡ฆ๐Ÿ‡ช","๐Ÿ‡ป๐Ÿ‡ณ","โŒš๏ธ","๐Ÿ“ฑ","๐Ÿ“ฒ","๐Ÿ’ป","โฐ","โณ","โŒ›๏ธ","๐Ÿ“ท","๐Ÿ“น","๐ŸŽฅ","๐Ÿ“บ","๐Ÿ“ป","๐Ÿ“Ÿ","๐Ÿ“ž","โ˜Ž๏ธ","๐Ÿ“ ","๐Ÿ’ฝ","๐Ÿ’พ","๐Ÿ’ฟ","๐Ÿ“€","๐Ÿ“ผ","๐Ÿ”‹","๐Ÿ”Œ","๐Ÿ’ก","๐Ÿ”ฆ","๐Ÿ“ก","๐Ÿ’ณ","๐Ÿ’ธ","๐Ÿ’ฐ","๐Ÿ’Ž","๐ŸŒ‚","๐Ÿ‘","๐Ÿ‘›","๐Ÿ‘œ","๐Ÿ’ผ","๐ŸŽ’","๐Ÿ’„","๐Ÿ‘“","๐Ÿ‘’","๐Ÿ‘ก","๐Ÿ‘ ","๐Ÿ‘ข","๐Ÿ‘ž","๐Ÿ‘Ÿ","๐Ÿ‘™","๐Ÿ‘—","๐Ÿ‘˜","๐Ÿ‘š","๐Ÿ‘•","๐Ÿ‘”","๐Ÿ‘–","๐Ÿšช","๐Ÿšฟ","๐Ÿ›","๐Ÿšฝ","๐Ÿ’ˆ","๐Ÿ’‰","๐Ÿ’Š","๐Ÿ”ฌ","๐Ÿ”ญ","๐Ÿ”ฎ","๐Ÿ”ง","๐Ÿ”ช","๐Ÿ”ฉ","๐Ÿ”จ","๐Ÿ’ฃ","๐Ÿšฌ","๐Ÿ”ซ","๐Ÿ”–","๐Ÿ“ฐ","๐Ÿ”‘","โœ‰๏ธ","๐Ÿ“ฉ","๐Ÿ“จ","๐Ÿ“ง","๐Ÿ“ฅ","๐Ÿ“ค","๐Ÿ“ฆ","๐Ÿ“ฏ","๐Ÿ“ฎ","๐Ÿ“ช","๐Ÿ“ซ","๐Ÿ“ฌ","๐Ÿ“ญ","๐Ÿ“„","๐Ÿ“ƒ","๐Ÿ“‘","๐Ÿ“ˆ","๐Ÿ“‰","๐Ÿ“Š","๐Ÿ“…","๐Ÿ“†","๐Ÿ”…","๐Ÿ”†","๐Ÿ“œ","๐Ÿ“‹","๐Ÿ“–","๐Ÿ““","๐Ÿ“”","๐Ÿ“’","๐Ÿ“•","๐Ÿ“—","๐Ÿ“˜","๐Ÿ“™","๐Ÿ“š","๐Ÿ“‡","๐Ÿ”—","๐Ÿ“Ž","๐Ÿ“Œ","โœ‚๏ธ","๐Ÿ“","๐Ÿ“","๐Ÿ“","๐Ÿšฉ","๐Ÿ“","๐Ÿ“‚","โœ’๏ธ","โœ๏ธ","๐Ÿ“","๐Ÿ”","๐Ÿ”","๐Ÿ”’","๐Ÿ”“","๐Ÿ“ฃ","๐Ÿ“ข","๐Ÿ”ˆ","๐Ÿ”‰","๐Ÿ”Š","๐Ÿ”‡","๐Ÿ’ค","๐Ÿ””","๐Ÿ”•","๐Ÿ’ญ","๐Ÿ’ฌ","๐Ÿšธ","๐Ÿ”","๐Ÿ”Ž","๐Ÿšซ","โ›”๏ธ","๐Ÿ“›","๐Ÿšท","๐Ÿšฏ","๐Ÿšณ","๐Ÿšฑ","๐Ÿ“ต","๐Ÿ”ž","๐Ÿ‰‘","๐Ÿ‰","๐Ÿ’ฎ","ใŠ™๏ธ","ใŠ—๏ธ","๐Ÿˆด","๐Ÿˆต","๐Ÿˆฒ","๐Ÿˆถ","๐Ÿˆš๏ธ","๐Ÿˆธ","๐Ÿˆบ","๐Ÿˆท","๐Ÿˆน","๐Ÿˆณ","๐Ÿˆ‚","๐Ÿˆ","๐Ÿˆฏ๏ธ","๐Ÿ’น","โ‡๏ธ","โœณ๏ธ","โŽ","โœ…","โœด๏ธ","๐Ÿ“ณ","๐Ÿ“ด","๐Ÿ†š","๐Ÿ…ฐ","๐Ÿ…ฑ","๐Ÿ†Ž","๐Ÿ†‘","๐Ÿ…พ","๐Ÿ†˜","๐Ÿ†”","๐Ÿ…ฟ๏ธ","๐Ÿšพ","๐Ÿ†’","๐Ÿ†“","๐Ÿ†•","๐Ÿ†–","๐Ÿ†—","๐Ÿ†™","๐Ÿง","โ™ˆ๏ธ","โ™‰๏ธ","โ™Š๏ธ","โ™‹๏ธ","โ™Œ๏ธ","โ™๏ธ","โ™Ž๏ธ","โ™๏ธ","โ™๏ธ","โ™‘๏ธ","โ™’๏ธ","โ™“๏ธ","๐Ÿšป","๐Ÿšน","๐Ÿšบ","๐Ÿšผ","โ™ฟ๏ธ","๐Ÿšฐ","๐Ÿšญ","๐Ÿšฎ","โ–ถ๏ธ","โ—€๏ธ","๐Ÿ”ผ","๐Ÿ”ฝ","โฉ","โช","โซ","โฌ","โžก๏ธ","โฌ…๏ธ","โฌ†๏ธ","โฌ‡๏ธ","โ†—๏ธ","โ†˜๏ธ","โ†™๏ธ","โ†–๏ธ","โ†•๏ธ","โ†”๏ธ","๐Ÿ”„","โ†ช๏ธ","โ†ฉ๏ธ","โคด๏ธ","โคต๏ธ","๐Ÿ”€","๐Ÿ”","๐Ÿ”‚","#โƒฃ","0โƒฃ","1โƒฃ","2โƒฃ","3โƒฃ","4โƒฃ","5โƒฃ","6โƒฃ","7โƒฃ","8โƒฃ","9โƒฃ","๐Ÿ”Ÿ","๐Ÿ”ข","๐Ÿ”ค","๐Ÿ”ก","๐Ÿ” ","โ„น๏ธ","๐Ÿ“ถ","๐ŸŽฆ","๐Ÿ”ฃ","โž•","โž–","ใ€ฐ","โž—","โœ–๏ธ","โœ”๏ธ","๐Ÿ”ƒ","โ„ข","ยฉ","ยฎ","๐Ÿ’ฑ","๐Ÿ’ฒ","โžฐ","โžฟ","ใ€ฝ๏ธ","โ—๏ธ","โ“","โ•","โ”","โ€ผ๏ธ","โ‰๏ธ","โŒ","โญ•๏ธ","๐Ÿ’ฏ","๐Ÿ”š","๐Ÿ”™","๐Ÿ”›","๐Ÿ”","๐Ÿ”œ","๐ŸŒ€","โ“‚๏ธ","โ›Ž","๐Ÿ”ฏ","๐Ÿ”ฐ","๐Ÿ”ฑ","โš ๏ธ","โ™จ๏ธ","โ™ป๏ธ","๐Ÿ’ข","๐Ÿ’ ","โ™ ๏ธ","โ™ฃ๏ธ","โ™ฅ๏ธ","โ™ฆ๏ธ","โ˜‘๏ธ","โšช๏ธ","โšซ๏ธ","๐Ÿ”˜","๐Ÿ”ด","๐Ÿ”ต","๐Ÿ”บ","๐Ÿ”ป","๐Ÿ”ธ","๐Ÿ”น","๐Ÿ”ถ","๐Ÿ”ท","โ–ช๏ธ","โ–ซ๏ธ","โฌ›๏ธ","โฌœ๏ธ","โ—ผ๏ธ","โ—ป๏ธ","โ—พ๏ธ","โ—ฝ๏ธ","๐Ÿ”ฒ","๐Ÿ”ณ","๐Ÿ•","๐Ÿ•‘","๐Ÿ•’","๐Ÿ•“","๐Ÿ•”","๐Ÿ••","๐Ÿ•–","๐Ÿ•—","๐Ÿ•˜","๐Ÿ•™","๐Ÿ•š","๐Ÿ•›","๐Ÿ•œ","๐Ÿ•","๐Ÿ•ž","๐Ÿ•Ÿ","๐Ÿ• ","๐Ÿ•ก","๐Ÿ•ข","๐Ÿ•ฃ","๐Ÿ•ค","๐Ÿ•ฅ","๐Ÿ•ฆ","๐Ÿ•ง"];
  }
  
  public static get emoji(): string {
    return this.emojis[Math.floor(Math.random() * this.emojis.length)];
  }
  
  public static get x(): number {
    return Math.round(Math.random() * window.innerWidth);
  }
  
  public static get y(): number {
    return Math.round(Math.random() * window.innerHeight);
  }
}

/**
 * @class Emoji
 * @classdesc Represents a single emoji drawn on a canvas.
 * @prop emoji
 * @prop x
 * @prop y
 */
class Emoji {
  private emoji;
  private x;
  private y;
  
  constructor(private ctx) {
    this.emoji = Random.emoji;
    this.x = Random.x;
    this.y = Random.y;
  }
  
  public draw() {
    this.ctx.fillText(this.emoji, this.x, this.y);
  }
}

/**
 * @class EmojiShow
 * @classdesc Main class that is responsible for the animation.
 * @prop emojis - list of emojis object
 * @prop canvas
 * @prop ctx
 */
class EmojiShow {
  private emojis: Emoji[];
  private canvas;
  private ctx;
  
  constructor() {
    // Initialisation of the canvas and the context.
    this.canvas = document.createElement('canvas'),
    this.ctx = this.canvas.getContext('2d');
    
    // Initialisation of the emojis on the canvas.
    this.init();

    // Appending canvas to the body.
    document.body.appendChild(this.canvas);

    // Rescaling the canvas on resize.
    window.addEventListener('resize', this.init.bind(this));
    
    // Seting the animation frame.
    window.requestAnimationFrame(this.nextFrame.bind(this));
  }
  
  private init() {
    this.canvas.width = window.innerWidth;
    this.canvas.height = window.innerHeight;
    this.ctx.font = "20px Arial";
    this.emojis = Array.from({length: 10000}, () => new Emoji(this.ctx));
  }
  
  private nextFrame() {
    this.emojis.shift();
    this.emojis.push(new Emoji(this.ctx));
    this.draw();
    window.requestAnimationFrame(this.nextFrame.bind(this));
  }
  
  private draw() {
    this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
    for (let emoji of this.emojis) {
      emoji.draw();
    }
  }
  
}

// Initialisation of the canvas animation.
new EmojiShow();


            
          
!
999px
๐Ÿ•‘ One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console