Jumpscare Generator

Create your own jumpscare with images and sounds

Info

Created On: July 7, 2023

Created By: @CalculatorTools

AI

Model: gpt-3.5-turbo-16k-0613

Time: 13 seconds

Prompt Tokens: 834

Completion Tokens: 941

Total Token Cost: 1775

Get This App On Your Website

<iframe src="https://calculators.tools/prompt/8335209a38ad2b52c118ef5479a5901b/iframe/" width="100%" height="100%" frameborder="0" scrolling="yes" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" allow="midi; geolocation; microphone; camera; display-capture; encrypted-media; clipboard-read; clipboard-write; notifications; payment-handler; persistent-storage; background-sync; ambient-light-sensor; accessibility-events;" sandbox="allow-modals allow-forms allow-scripts allow-same-origin allow-popups allow-downloads allow-presentation allow-pointer-lock allow-orientation-lock" allowfullscreen="true" allowpaymentrequest="true" frameborder="0"></iframe><br><a href="https://calculator.tools/prompt/1162/" target="_blank" style="font-size: 12px; text-decoration: none;" alt="Create any app, calculator, tools, tracker, or game instantly using AI! - Calculator Tools" title="Create any app, calculator, tools, tracker, or game instantly using AI! - Calculator Tools">Powered by Calculator Tools</a>

1. Copy the code above with the iframe and link.
2. Paste the code into your website.
3. Resize the iframe to fit your website.

Javascript, HTML, CSS Code

                    <html>

<head>

		<script type="text/javascript"> window.addEventListener('error', function(event) { var message = JSON.parse(JSON.stringify(event.message)); var source = event.filename; var lineno = event.lineno; var colno = event.colno; var error = event.error; window.parent.postMessage({ type: 'iframeError', details: { message: message, source: source, lineno: lineno, colno: colno, error: error ? error.stack : '' } }, '*'); }); window.addEventListener('unhandledrejection', function(event) { window.parent.postMessage({ type: 'iframePromiseRejection', details: { reason: event.reason } }, '*'); }); </script>



    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width,initial-scale=1">



    <title>Jumpscare Generator</title>

    <meta name="description" content="Create your own jumpscare with images and sounds">

    <meta name="keywords" content="jumpscare, generator, images, sounds">



    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"

          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">



    <!-- Built-In Functions for Apps -->

    <script type="text/javascript">

        var localStoragePrefix = "ct-16887519793733";

        var lastSave = 0;

        // save to localstorage

        function saveLocal(data) {

            if (Date.now() - lastSave < 1000) {

                return;

            }

            // save to cookie

            let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname +  "'; SameSite=Strict";

            cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString();

            document.cookie = cookie;

            lastSave = Date.now();

        }



        // load from localstorage

        function loadLocal() {

            var cookiePrefix = localStoragePrefix + "=";

            var cookieStart = document.cookie.indexOf(cookiePrefix);

            if (cookieStart > -1) {

                let cookieEnd = document.cookie.indexOf(";", cookieStart);

                if (cookieEnd == -1) {

                    cookieEnd = document.cookie.length;

                }

                var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd);

                return JSON.parse(cookieData);

            }

        }

    </script>



    <script type="text/javascript">

        // App Javascript Goes Here

        $(document).ready(function() {

            // List of Peppa Pig images

            var peppaPigImages = [

                "https://example.com/peppa1.png",

                "https://example.com/peppa2.png",

                "https://example.com/peppa3.png"

            ];



            // List of jumpscare sounds

            var jumpscareSounds = [

                "https://example.com/sound1.mp3",

                "https://example.com/sound2.mp3",

                "https://example.com/sound3.mp3"

            ];



            // Function to generate a random jumpscare

            function generateJumpscare() {

                // Get a random image URL from the list

                var imageUrl = peppaPigImages[Math.floor(Math.random() * peppaPigImages.length)];



                // Get a random sound URL from the list

                var soundUrl = jumpscareSounds[Math.floor(Math.random() * jumpscareSounds.length)];



                // Create the image element

                var image = $("<img>").attr("src", imageUrl).addClass("jumpscare-image");



                // Create the audio element

                var audio = $("<audio controls>").addClass("jumpscare-audio");

                var source = $("<source>").attr("src", soundUrl);

                audio.append(source);



                // Clear the main container and append the image and audio elements

                $("#main-container").empty().append(image, audio);

            }



            // Generate a jumpscare on page load

            generateJumpscare();

        });

    </script>

    

    <style>

        /* App CSS Goes Here */

        .jumpscare-image {

            max-width: 100%;

            height: auto;

        }

        

        .jumpscare-audio {

            margin-top: 20px;

            width: 100%;

        }

    </style>



	<link rel="canonical" href="https://calculator.tools/prompt/1162/">

	<meta charset="utf-8">

</head>

<body>

    <div id="main-container" class="container">

        <!-- App HTML Goes Here -->

    </div>

        <script type="text/javascript"> var localStoragePrefix = "ct-{{ cachebreaker }}"; var lastSave = 0; function saveLocal(data) { if (Date.now() - lastSave < 1000) { return; } let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname +  "'; SameSite=Strict"; cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString(); document.cookie = cookie; lastSave = Date.now(); } function loadLocal() { var cookiePrefix = localStoragePrefix + "="; var cookieStart = document.cookie.indexOf(cookiePrefix); if (cookieStart > -1) { let cookieEnd = document.cookie.indexOf(";", cookieStart); if (cookieEnd == -1) { cookieEnd = document.cookie.length; } var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd); return JSON.parse(cookieData); } } </script>



        <script type="text/javascript"> window.addEventListener('load', function() { var observer = new MutationObserver(function() { window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); observer.observe(document.body, {attributes: true, childList: true, subtree: true}); window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); </script>

</body>

</html>

Jumpscare Generator

Info

Tags

AI

Get This App On Your Website

Javascript, HTML, CSS Code

IMAGE TO APP (New!)

SCREENSHOT TO APP (New!)

FAQ

What is Calculator Tools?

What Do You Mean Make An App?

Does This Use ChatGPT?

Calculator Tools

Want Better Apps?