Space ship fun

Developer

Size

7,302 Kb

Views

16,192

Space ship fun Previews
Space ship fun HTML Codes
Space ship fun CSS Codes
Space ship fun JS Codes

How do I make an space ship fun?

Just messing around. made a space ship shooter "game". need some polishing.... What is a space ship fun? How do you make a space ship fun? This script and codes were developed by Brandon Kennedy on 18 September 2022, Sunday.

Space ship fun Previews

Space ship fun - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>space ship fun</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="guide"> <p>Once your mouse has control of the ship, click to give the window focus.</p> <p><kbd>T</kbd> = show/hide controls</p>
</div>
<div id="controls"> <p><span><kbd>space</kbd></span> : fire</p> <p><span><kbd>D</kbd></span> : open/close wings</p> <p><span><kbd>F</kbd></span> : boost (with wings open)</p> <p><span><kbd>S</kbd></span> : cycle to next weapon</p> <p><span><kbd>1</kbd></span> : select weapon 1</p> <p><span><kbd>2</kbd></span> : select weapon 2</p> <p><span><kbd>3</kbd></span> : select weapon 3</p> <p><span><kbd>4</kbd></span> : select weapon 4</p> <p><span><kbd>5</kbd></span> : select weapon 5</p> <p><span><kbd>6</kbd></span> : select weapon 6</p> <p><span><kbd>7</kbd></span> : select weapon 7</p> <p><span><kbd>8</kbd></span> : select weapon 8</p> <p><span><kbd>9</kbd></span> : select weapon 9</p>
</div>
<div id="ship"> <div class="hull"> <div class="thrust"></div> <div class="left"></div> <div class="right"></div> <div class="cockpit"></div> </div> <div class="wings"> <div class="left"></div> <div class="right"></div> </div> <div class="windstream"></div>
</div>
<div id="environment">
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Space ship fun - Script Codes CSS Codes

/* start mixins */
/* end mixins */
*, *:before, *:after, *:focus, *:active, *:focus:active { box-sizing: border-box;
}
html { cursor: none; font-size: 20px;
}
kbd { background: black; border-radius: 3px; color: white; display: inline-block; font-family: menlo, sans-serif; font-size: 8px; height: 15px; line-height: 15px; min-width: 15px; padding: 0 5px; text-align: center;
}
#guide { background: darkgray; color: white; font-size: 10px; left: 0; position: fixed; text-align: center; top: 0; width: 100%;
}
#guide p { margin: 4px 0; line-height: 1;
}
#controls { background: rgba(255, 255, 255, 0.9); border: 1px solid darkgray; font-size: 10px; left: -100%; padding: 0 5px 0 0; position: fixed; top: 36px; -webkit-transition: left .5s ease-in-out; transition: left .5s ease-in-out;
}
#controls.open { left: 0;
}
#controls span { display: inline-block; min-width: 40px; text-align: center;
}
#environment { background: #222; height: 100vh; position: absolute; width: 100vw; z-index: -1;
}
#environment .dust { -webkit-animation: dust .9s infinite ease-in; animation: dust .9s infinite ease-in; background: rgba(211, 211, 211, 0.5); border-radius: 50%; box-shadow: 0 0 0.5rem 0 rgba(128, 128, 128, 0.5); height: .25rem; position: fixed; width: .25rem;
}
#ship { bottom: 2rem; display: block; height: 6rem; left: 50%; position: fixed; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 5rem;
}
#ship.boost:not(.closed) .hull .thrust { -webkit-animation: boosted .05s linear infinite alternate; animation: boosted .05s linear infinite alternate; height: 0; width: 0; border-bottom: none; border-left: 0.25rem solid transparent; border-right: 0.25rem solid transparent; border-top: 2rem solid cyan; bottom: -.8rem; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
#ship.boost:not(.closed) .hull .thrust:before { -webkit-animation: boosted .06s linear infinite alternate; animation: boosted .06s linear infinite alternate; height: 0; width: 0; border-bottom: none; border-left: 0.2rem solid transparent; border-right: 0.2rem solid transparent; border-top: 1.4rem solid deepskyblue; top: -2rem;
}
#ship.boost:not(.closed) .hull .thrust:after { -webkit-animation: boosted .07s linear infinite; animation: boosted .07s linear infinite; height: 0; width: 0; border-bottom: none; border-left: 0.1rem solid transparent; border-right: 0.1rem solid transparent; border-top: 0.8rem solid dodgerblue; top: -2rem;
}
#ship.boost:not(.closed) .wings { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
}
#ship.boost:not(.closed) .wings .left { top: 1.5rem;
}
#ship.boost:not(.closed) .wings .left:after { top: calc(50% - .7rem); -webkit-transform: skewY(-30deg); transform: skewY(-30deg); -webkit-transform-origin: top right; transform-origin: top right;
}
#ship.boost:not(.closed) .wings .right { top: 1.5rem;
}
#ship.boost:not(.closed) .wings .right:after { top: calc(50% - .7rem); -webkit-transform: skewY(30deg); transform: skewY(30deg); -webkit-transform-origin: top left; transform-origin: top left;
}
#ship.closed .wings .left,
#ship.closed .wings .right { top: .6rem;
}
#ship.closed .wings .left:after,
#ship.closed .wings .right:after { width: .8rem;
}
#ship.closed .wings .left { left: calc(50% - 1.5rem);
}
#ship.closed .wings .right { right: calc(50% - 1.5rem);
}
#ship .hull .left, #ship .hull .right { position: absolute; left: 50%;
}
#ship .hull .left { border-radius: 0 0 0 100%; height: 0; width: 0; border-bottom: 5rem solid gray; border-top: none; border-left: 1rem solid transparent; border-right: none; -webkit-transform: translateX(-1.2rem); transform: translateX(-1.2rem); width: 1.2rem;
}
#ship .hull .right { border-radius: 0 0 100%; height: 0; width: 0; border-bottom: 5rem solid gray; border-top: none; border-left: none; border-right: 1rem solid transparent; width: 1.2rem;
}
#ship .hull .cockpit { background: cyan; border-radius: 100% / 80%; box-shadow: inset 0.06rem 0 0 0.06rem cyan, inset 0 -0.06rem 0 0.06rem cyan, inset 0.12rem -0.12rem 0 0.06rem white; height: 1.8rem; left: 50%; position: absolute; top: 2.4rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: .8rem;
}
#ship .hull .thrust { -webkit-animation: thrust .07s linear infinite alternate; animation: thrust .07s linear infinite alternate; height: 0; width: 0; border-bottom: none; border-left: 0.25rem solid transparent; border-right: 0.25rem solid transparent; border-top: 1rem solid darkorange; bottom: .2rem; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0;
}
#ship .hull .thrust:before, #ship .hull .thrust:after { -webkit-animation: thrust linear infinite alternate; animation: thrust linear infinite alternate; content: ""; left: 50%; position: absolute; top: -1rem; -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
#ship .hull .thrust:before { -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-duration: .09s; animation-duration: .09s; height: 0; width: 0; border-bottom: none; border-left: 0.2rem solid transparent; border-right: 0.2rem solid transparent; border-top: 0.8rem solid #ffbe00;
}
#ship .hull .thrust:after { -webkit-animation-duration: .11s; animation-duration: .11s; height: 0; width: 0; border-bottom: none; border-left: 0.1rem solid transparent; border-right: 0.1rem solid transparent; border-top: 0.4rem solid gold;
}
#ship .wings .left,
#ship .wings .right { bottom: 1.4rem; position: absolute; -webkit-transition: all .65s ease-in; transition: all .65s ease-in; z-index: -1;
}
#ship .wings .left:before, #ship .wings .left:after,
#ship .wings .right:before,
#ship .wings .right:after { -webkit-transition: all .65s ease-in; transition: all .65s ease-in;
}
#ship .wings .left,
#ship .wings .right { top: .8rem;
}
#ship .wings .left:before,
#ship .wings .right:before { content: ""; position: absolute; top: -2.1rem;
}
#ship .wings .left:after,
#ship .wings .right:after { background: silver; box-shadow: 0 .7rem 0 0 silver; content: ""; height: .2rem; position: absolute; top: 50%; width: 1.3rem;
}
#ship .wings .left { height: 0; width: 0; border-bottom: 1rem solid transparent; border-left: none; border-right: 1.5rem solid silver; border-top: 1.5rem solid transparent; border-radius: 100% 0 0 0; height: 4rem; left: calc(50% - 2.5rem); -webkit-transform-origin: top right; transform-origin: top right;
}
#ship .wings .left:before { border-radius: 0 0 0 100%; height: 0; width: 0; border-bottom: 5rem solid #222; border-top: none; border-left: 1rem solid transparent; border-right: none; left: .3rem; width: 1.2rem;
}
#ship .wings .left:after { left: .5rem; -webkit-transform: rotate(-12deg); transform: rotate(-12deg);
}
#ship .wings .right { height: 0; width: 0; border-bottom: 1rem solid transparent; border-left: 1.5rem solid silver; border-right: none; border-top: 1.5rem solid transparent; border-radius: 0 100% 0 0; height: 4rem; right: calc(50% - 2.5rem); -webkit-transform-origin: top left; transform-origin: top left;
}
#ship .wings .right:before { border-radius: 0 0 100% 0; height: 0; width: 0; border-bottom: 5rem solid #222; border-top: none; border-left: none; border-right: 1rem solid transparent; right: .3rem; width: 1.2rem;
}
#ship .wings .right:after { right: .5rem; -webkit-transform: rotate(12deg); transform: rotate(12deg);
}
#ship:not(.boost):not(.closed) + #environment .bullet { position: fixed; -webkit-transform: scale(0.7); transform: scale(0.7);
}
#ship:not(.boost):not(.closed) + #environment .bullet.type1 { -webkit-animation: bullet .5s ease-in; animation: bullet .5s ease-in; background: gold; border-radius: 50%; box-shadow: 0 .3rem .2rem 0 orange; height: 1rem; width: .2rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type2 { -webkit-animation: bullet .5s ease-in; animation: bullet .5s ease-in; background: gold; border-radius: 50%; box-shadow: 0 .3rem .2rem 0 orange; height: 1rem; width: .5rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type3, #ship:not(.boost):not(.closed) + #environment .bullet.type4 { -webkit-animation: bullet .5s ease-in; animation: bullet .5s ease-in; background: lawngreen; border-radius: 50%; box-shadow: 0 .3rem .2rem 0 yellow; height: 3.6rem; width: .2rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type4:before, #ship:not(.boost):not(.closed) + #environment .bullet.type4:after { -webkit-animation: bullet .5s ease-in; animation: bullet .5s ease-in; background: gold; border-radius: 50%; box-shadow: 0 .4rem .2rem -.1rem orange; height: .4rem; width: .3rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type4:before, #ship:not(.boost):not(.closed) + #environment .bullet.type4:after { content: ""; position: absolute; top: 1rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type4:before { left: 1rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type4:after { right: 1rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type5, #ship:not(.boost):not(.closed) + #environment .bullet.type5:before, #ship:not(.boost):not(.closed) + #environment .bullet.type5:after { -webkit-animation: bullet .5s ease-in; animation: bullet .5s ease-in; background: lawngreen; border-radius: 50%; box-shadow: 0 .3rem .2rem 0 yellow; height: 3.6rem; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); width: .2rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type5:before, #ship:not(.boost):not(.closed) + #environment .bullet.type5:after { content: ""; position: absolute; top: 1rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type5:before { left: 1rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type5:after { right: 1rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type6 { -webkit-animation: bullet .5s ease-in; animation: bullet .5s ease-in; background: deepskyblue; border-radius: 50% 50% 0 0 / 100% 100% 0 0; box-shadow: 0 .2rem .3rem -.06rem darkviolet; height: 2rem; -webkit-transform: scaleX(0.6); transform: scaleX(0.6); width: .5rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type7 { -webkit-animation: bullet .5s ease-in; animation: bullet .5s ease-in; background: orangered; border-radius: 50%; box-shadow: 0 .06rem .3rem -.06rem orange, 0 .36rem .3rem -.1rem gold; height: .4rem; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); width: 1rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type7:before, #ship:not(.boost):not(.closed) + #environment .bullet.type7:after { -webkit-animation: bulletSpreadLeftNarrow .5s ease-in; animation: bulletSpreadLeftNarrow .5s ease-in; background: orangered; border-radius: 50%; box-shadow: 0 .06rem .3rem -.06rem orange, 0 .36rem .3rem -.1rem gold; content: ""; height: .3rem; position: absolute; top: 1rem; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); width: .9rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type7:before { left: -1rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type7:after { -webkit-animation: bulletSpreadRightNarrow .5s ease-in; animation: bulletSpreadRightNarrow .5s ease-in; right: -1rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type8 { -webkit-animation: bullet .5s ease-in; animation: bullet .5s ease-in; background: orangered; border-radius: 50%; box-shadow: 0 .06rem .3rem -.06rem orange, 0 .36rem .3rem -.1rem gold; height: .4rem; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); width: 1.4rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type8:before, #ship:not(.boost):not(.closed) + #environment .bullet.type8:after { -webkit-animation: bulletSpreadLeftWide .5s ease-in; animation: bulletSpreadLeftWide .5s ease-in; background: orangered; border-radius: 50%; box-shadow: 0 .06rem .3rem -.06rem orange, 0 .36rem .3rem -.1rem gold; content: ""; height: .3rem; position: absolute; top: 1rem; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); width: 1.4rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type8:before { left: -1rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type8:after { -webkit-animation: bulletSpreadRightWide .5s ease-in; animation: bulletSpreadRightWide .5s ease-in; right: -1rem;
}
#ship:not(.boost):not(.closed) + #environment .bullet.type9 { -webkit-animation: bullet .5s ease-in; animation: bullet .5s ease-in; background: deepskyblue; border-radius: 50%; box-shadow: 0 .2rem .3rem -.06rem dodgerblue; height: 4rem; -webkit-transform: scaleX(0.3); transform: scaleX(0.3); width: 1.2rem;
}
@-webkit-keyframes thrust { from { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: skewX(4deg) translateX(-50%); transform: skewX(4deg) translateX(-50%); } to { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: skewX(-4deg) translateX(-50%); transform: skewX(-4deg) translateX(-50%); }
}
@keyframes thrust { from { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: skewX(4deg) translateX(-50%); transform: skewX(4deg) translateX(-50%); } to { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: skewX(-4deg) translateX(-50%); transform: skewX(-4deg) translateX(-50%); }
}
@-webkit-keyframes boosted { from { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: skewX(1deg) translateX(-50%); transform: skewX(1deg) translateX(-50%); } to { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: skewX(-1deg) translateX(-50%); transform: skewX(-1deg) translateX(-50%); }
}
@keyframes boosted { from { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: skewX(1deg) translateX(-50%); transform: skewX(1deg) translateX(-50%); } to { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: skewX(-1deg) translateX(-50%); transform: skewX(-1deg) translateX(-50%); }
}
@-webkit-keyframes bullet { to { top: 0; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes bullet { to { top: 0; -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes bulletSpreadLeftNarrow { to { top: 0; -webkit-transform: scale(1) translateX(-4rem); transform: scale(1) translateX(-4rem); }
}
@keyframes bulletSpreadLeftNarrow { to { top: 0; -webkit-transform: scale(1) translateX(-4rem); transform: scale(1) translateX(-4rem); }
}
@-webkit-keyframes bulletSpreadLeftWide { to { top: 0; -webkit-transform: scale(1) translateX(-10rem); transform: scale(1) translateX(-10rem); }
}
@keyframes bulletSpreadLeftWide { to { top: 0; -webkit-transform: scale(1) translateX(-10rem); transform: scale(1) translateX(-10rem); }
}
@-webkit-keyframes bulletSpreadRightNarrow { to { top: 0; -webkit-transform: scale(1) translateX(4rem); transform: scale(1) translateX(4rem); }
}
@keyframes bulletSpreadRightNarrow { to { top: 0; -webkit-transform: scale(1) translateX(4rem); transform: scale(1) translateX(4rem); }
}
@-webkit-keyframes bulletSpreadRightWide { to { top: 0; -webkit-transform: scale(1) translateX(10rem); transform: scale(1) translateX(10rem); }
}
@keyframes bulletSpreadRightWide { to { top: 0; -webkit-transform: scale(1) translateX(10rem); transform: scale(1) translateX(10rem); }
}
@-webkit-keyframes dust { from { top: -50%; } to { top: 150%; }
}
@keyframes dust { from { top: -50%; } to { top: 150%; }
}

Space ship fun - Script Codes JS Codes

var $ship = $('#ship'), posX, posY, shipSpeed = 1900, bulletType = 1, bulletSpeed = 350, fireRate = 150, keys = {}, prevGameTime = new Date().getTime();
addDust(20);
$(window) .keydown(function(e) { keys[e.which] = true; }) .keyup(function(e) { keys[e.which] = false; }) .on('keydown', function(event) { if (keys[84]) { // t = toggle controls $('#controls').toggleClass("open"); } if (keys[32]) { // space = fire var gameTime = new Date().getTime(); if ((gameTime - prevGameTime) > fireRate) { shoot(); prevGameTime = gameTime; } } if (keys[68]) { // d = wings $ship.toggleClass("closed"); if ($ship.hasClass("closed")) { changeSpeed(1500); } else { changeSpeed(); } } if (keys[70]) { // f = boost if (!$ship.hasClass("closed")) { $ship.addClass("boost"); changeSpeed(1000); setTimeout(function() { $ship.removeClass("boost"); changeSpeed(); }, 2000); } } if (keys[83]) { // s = next weapon changeBullet(); } if (keys[49]) { // weapon 1 changeBullet(1); } if (keys[50]) { // weapon 2 changeBullet(2); } if (keys[51]) { // weapon 3 changeBullet(3); } if (keys[52]) { // weapon 4 changeBullet(4); } if (keys[53]) { // weapon 5 changeBullet(5); } if (keys[54]) { // weapon 6 changeBullet(6); } if (keys[55]) { // weapon 7 changeBullet(7); } if (keys[56]) { // weapon 8 changeBullet(8); } if (keys[57]) { // weapon 9 changeBullet(9); } }) .on('mousemove', function(event) { posX = (event.clientX), posY = (event.clientY - ($ship.height() / 2)); $ship.css({ left: posX, top: posY }); })
;
function changeBullet(x) { if (x) { bulletType = x; } else { if (bulletType < 9) { bulletType += 1; } } switch (bulletType) { case 1: fireRate = 350; break; case 2: fireRate = 300; break; case 3: fireRate = 200; break; case 4: fireRate = 150; break; case 5: fireRate = 150; break; case 6: fireRate = 125; break; case 7: fireRate = 300; break; case 8: fireRate = 200; break; case 9: fireRate = 10; break; default: fireRate = 350; break; }
}
function shoot() { var $bullet = $('<div class="bullet type' + bulletType + '"></div>'); $bullet.appendTo($('#environment')); $bullet .css({ left: posX - ($bullet.width() / 2), top: posY }) .animate({ top: 0 }, bulletSpeed) ; setTimeout(function(event) { $bullet.remove(); }, bulletSpeed);
}
function addDust(x) { for (i = 0; i <= x; i++) { var $particle = $('<div class="dust"></div>'), pos = Math.floor(Math.random() * $(window).width()), delay = Math.random() * 2000; console.log(delay); $particle .css({ animationDelay: delay + "ms", animationDuration: shipSpeed, left: pos }) .appendTo('#environment'); ; changeSpeed(); }
}
function changeSpeed(x) { shipSpeed = "1900ms"; if (x) { shipSpeed = x + "ms"; } $('div.dust').css({ animationDuration: shipSpeed });
}

Home Page	Home
Developer	Brandon Kennedy
Username	brandonkennedy
Uploaded	September 18, 2022
Rating	4.5
Size	7,302 Kb
Views	16,192

Do you need developer help for Space ship fun?

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!

Brandon Kennedy (brandonkennedy) Script Codes

Name	Size
Negative Padding	4,069 Kb
SCSS Tick Marks Function	3,630 Kb
Digital Static Search Box	4,148 Kb
CSS Only Banner Rotation	3,959 Kb
Scrolling helix	3,776 Kb
And yet another box shadow loader	7,615 Kb
BG Images WITHOUT Defining Them In CSS	5,580 Kb
3D 2D Box-Shadow Fish	6,333 Kb
Change the Slide Behavior on Bootstrap Carousels	5,015 Kb
CSS Animated Search Box Concepts	7,072 Kb

Create amazing SEO content 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!

Similar Scripts & Codes

Name	Username	Size
Pattern lab logo	TimPietrusky	3,666 Kb
Text Looping Transition	Agelber	5,619 Kb
Pure CSS Tooltips	Mobius1	2,271 Kb
Portfolio Page	KaylaMT	1,983 Kb
Simple Login Form Template	Banunn	3,571 Kb
Responsive Menu I	Rodericksandoval	3,045 Kb
Mesmerizing octopus	Jllodra	3,549 Kb
Week7 replicate	Hwcasis	1,620 Kb
A Pen by Alexandru Pora	Axpro	1,615 Kb
Subscription Newsletter - Before inlining	Bradstrong	7,526 Kb

Do you want hide your ip address?

Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!