Starfall

Developer
Teo Litto
Size
3,863 Kb
Views
78,936
  1. Starfall Previews
  2. Starfall HTML Codes
  3. Starfall CSS Codes
  4. Starfall JS Codes

How do I make an starfall?

Unity finally fixed their WebGL build! Very exciting :). What is a starfall? How do you make a starfall? This script and codes were developed by Teo Litto on 26 August 2022, Friday.

Starfall Previews
IQ Test

Starfall - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Starfall</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="thumb"></div>
<div id="loader" class="loader"> <p id="loadText" class="loadText">Wait for it...</p> <div id="loadBar" class="bar"> <div id="barGlow" class="glow"></div> <div id="barBase" class="base"></div> </div>
</div>
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()" height="600px" width="960px"></canvas>
<div class="overlay"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/95637/fullScreen3.png" alt="" class="fullscreen" onclick="SetFullscreen(1);"/>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js'></script>
<script src='http://abraxasleads.com/dev/unitySizeTest/Release/UnityProgressCustom.js'></script> <script src="js/index.js"></script>
</body>
</html>

Starfall - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Raleway:100);
html, body { width: 100%; height: 100%; background: #000;
}
#thumb { display: block; position: absolute; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/95637/StarfallThumb.jpg"); background-size: cover; background-position: 50% 50%;
}
.loader { background: #000; display: block; width: 100%; height: 100%; position: absolute; z-index: 999;
}
.loader p.loadText { font-family: Raleway, helvetica, arial, sans-serif; display: block; color: #eee; font-size: 20px; text-align: center; margin-top: 30px;
}
.loader .bar { position: relative; margin: 20px auto; width: 50%; height: 18px; border-radius: 20px;
}
.loader .bar .glow { display: block; position: absolute; top: 0; left: 0; width: 10%; height: 100%; border-radius: 20px; background: #fff; box-shadow: inset 0px 0px 5px 2px #23fde9, 0px 0px 25px 12px rgba(0, 210, 255, 0.2);
}
.loader .bar .base { height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: 20px; box-shadow: inset 0px 0px 9px 2px rgba(255, 255, 255, 0.1);
}
.emscripten { z-index: 5;
}
.overlay { display: block; position: absolute; width: 100%; height: 100%; z-index: 900; top: 0; left: 0;
}
.overlay img { height: 40px; position: absolute; bottom: 10px; right: 10px; cursor: pointer; opacity: 0.5; border-radius: 13px; border: solid 1px #333;
}

Starfall - Script Codes JS Codes

function showHideThumb() { var re = window.location.href.match(/fullpage|boomerang|debug/); if (re.length) { $('#thumb').remove(); }
}
function handleResize() { $em = $('.emscripten'); $bod = $('body'); $em.width($bod.width()); $em.height($bod.height());
}
debouncedResize = debounce(handleResize, 500, false);
$(window).on('resize', debouncedResize);
showHideThumb();
handleResize();
// Utils
function debounce(func, wait, immediate) {	var timeout;	return function() {	var context = this, args = arguments;	var later = function() {	timeout = null;	if (!immediate) func.apply(context, args);	};	var callNow = immediate && !timeout;	clearTimeout(timeout);	timeout = setTimeout(later, wait);	if (callNow) func.apply(context, args);	};
};
/***************************
/* Here be generated code
/***************************/
var Module = { TOTAL_MEMORY: 536870912, errorhandler: null,	// arguments: err, url, line. This function must return 'true' if the error is handled, otherwise 'false' compatibilitycheck: null, dataUrl: "http://abraxasleads.com/dev/unitySizeTest/Release/WebOutput.data", codeUrl: "http://abraxasleads.com/dev/unitySizeTest/Release/WebOutput.js", memUrl: "http://abraxasleads.com/dev/unitySizeTest/Release/WebOutput.mem", };
$.getScript('http://abraxasleads.com/dev/unitySizeTest/Release/UnityLoader.js');
Starfall - Script Codes
Starfall - Script Codes
Home Page Home
Developer Teo Litto
Username teolitto
Uploaded August 26, 2022
Rating 3.5
Size 3,863 Kb
Views 78,936
Do you need developer help for Starfall?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Teo Litto (teolitto) Script Codes
Name
Networked Paint with Patrick
WebGL Smoke
Color morphing
Depth First Search Connectivity Test
Powers Sniffer
Kitten Sniffer
Dreamforce.com 2017
Liquid Loader
Konami Code Easter Egg
Lock Picking in the DOM
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!