Rough Earth
How do I make an rough earth?
Quick plotted outlines, originally pulled from gmaps lat lng inputs.. What is a rough earth? How do you make a rough earth? This script and codes were developed by Scott Niejadlik on 07 September 2022, Wednesday.
Rough Earth - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Rough Earth</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/three.js/r67/three.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/gsap/1.11.8/TweenMax.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Rough Earth - Script Codes CSS Codes
body { background-color:#000000;
}
Rough Earth - Script Codes JS Codes
Nebula = {};
var local = Nebula;
local.wHalfX = window.innerWidth / 2;
local.wHalfY = window.innerHeight / 2;
local.mouseX = 0;
local.mouseY = 0;
local.materials = [];
local.matColors = [];
local.geometries = [];
local.particleSystems = [];
local.particleRotations = [];
local.markers =[ {"id":102,"lat":46.0121,"lng":-65.0832},{"id":103,"lat":42.8759,"lng":-71.4113},{"id":104,"lat":39.3002,"lng":-75.4543},{"id":105,"lat":34.9579,"lng":-76.8606},{"id":106,"lat":32.3241,"lng":-80.7277},{"id":107,"lat":29.9167,"lng":-81.4309},{"id":108,"lat":26.5098,"lng":-81.2551},{"id":109,"lat":29.9167,"lng":-83.0129},{"id":110,"lat":30.6756,"lng":-87.759},{"id":111,"lat":29.152,"lng":-94.966},{"id":112,"lat":25.8789,"lng":-97.6027},{"id":113,"lat":31.5784,"lng":-106.04},{"id":114,"lat":32.7687,"lng":-116.939},{"id":115,"lat":35.3889,"lng":-120.63},{"id":116,"lat":40.2459,"lng":-123.794},{"id":117,"lat":44.0243,"lng":-123.97},{"id":118,"lat":48.7488,"lng":-124.146},{"id":119,"lat":48.8646,"lng":-94.966},{"id":120,"lat":47.6949,"lng":-89.8684},{"id":121,"lat":46.0121,"lng":-86.177},{"id":122,"lat":42.4882,"lng":-80.7277},{"id":123,"lat":45.0268,"lng":-74.5754},{"id":124,"lat":45.2748,"lng":-71.2356},{"id":125,"lat":47.4577,"lng":-68.0715},{"id":126,"lat":45.6447,"lng":-67.0168},{"id":127,"lat":-23.1607,"lng":114.741},{"id":128,"lat":-30.6758,"lng":115.444},{"id":129,"lat":-35.9603,"lng":117.202},{"id":130,"lat":-33.0641,"lng":123.53},{"id":131,"lat":-32.7689,"lng":133.725},{"id":132,"lat":-37.0904,"lng":140.054},{"id":133,"lat":-38.2038,"lng":143.921},{"id":134,"lat":-37.3703,"lng":148.843},{"id":135,"lat":-33.3582,"lng":152.358},{"id":136,"lat":-27.6058,"lng":153.413},{"id":137,"lat":-20.2211,"lng":149.546},{"id":138,"lat":-17.5604,"lng":146.382},{"id":139,"lat":-12.1254,"lng":142.866},{"id":140,"lat":-17.5604,"lng":141.108},{"id":141,"lat":-14.86,"lng":135.835},{"id":142,"lat":-12.812,"lng":135.835},{"id":143,"lat":-12.4689,"lng":130.561},{"id":144,"lat":-14.1793,"lng":127.046},{"id":145,"lat":-18.2295,"lng":122.475},{"id":146,"lat":-21.535,"lng":116.499},{"id":147,"lat":9.5356,"lng":50.7566},{"id":148,"lat":0.0877378,"lng":43.3738},{"id":149,"lat":-6.22809,"lng":39.1551},{"id":150,"lat":-14.86,"lng":40.9129},{"id":151,"lat":-21.2076,"lng":35.6394},{"id":152,"lat":-29.4589,"lng":32.1238},{"id":153,"lat":-33.3582,"lng":24.3894},{"id":154,"lat":-33.6513,"lng":18.7644},{"id":155,"lat":-24.1268,"lng":14.1941},{"id":156,"lat":-16.2148,"lng":11.0301},{"id":157,"lat":-3.07485,"lng":9.97538},{"id":158,"lat":5.00324,"lng":7.16288},{"id":159,"lat":5.00324,"lng":-5.1418},{"id":160,"lat":8.49395,"lng":-12.5246},{"id":161,"lat":15.3688,"lng":-16.0402},{"id":162,"lat":23.966,"lng":-14.634},{"id":163,"lat":30.5243,"lng":-9.00899},{"id":164,"lat":35.5321,"lng":-0.923054},{"id":165,"lat":36.1023,"lng":10.3269},{"id":166,"lat":32.6207,"lng":13.491},{"id":167,"lat":30.5243,"lng":18.7644},{"id":168,"lat":31.728,"lng":21.9285},{"id":169,"lat":30.5243,"lng":32.4754},{"id":170,"lat":24.9262,"lng":35.6394},{"id":171,"lat":17.3924,"lng":39.5066},{"id":172,"lat":9.88212,"lng":45.8348},{"id":173,"lat":10.5741,"lng":51.1082},{"id":174,"lat":-6.22809,"lng":-35.7277},{"id":175,"lat":0.0877378,"lng":-46.9777},{"id":176,"lat":7.10074,"lng":-55.0637},{"id":177,"lat":11.609,"lng":-67.7199},{"id":178,"lat":10.5741,"lng":-74.7512},{"id":179,"lat":1.84523,"lng":-78.6184},{"id":180,"lat":-10.0556,"lng":-77.2121},{"id":181,"lat":-18.896,"lng":-71.2356},{"id":182,"lat":-30.9777,"lng":-71.5871},{"id":183,"lat":-43.7712,"lng":-74.3996},{"id":184,"lat":-52.6432,"lng":-72.9934},{"id":185,"lat":-54.7247,"lng":-67.3684},{"id":186,"lat":-47.6951,"lng":-66.3137},{"id":187,"lat":-38.7542,"lng":-57.8762},{"id":188,"lat":-27.2938,"lng":-48.384},{"id":189,"lat":-16.8888,"lng":-38.8918},{"id":190,"lat":21.3711,"lng":-96.7238},{"id":191,"lat":13.3253,"lng":-82.6613},{"id":192,"lat":9.5356,"lng":-79.4973},{"id":193,"lat":12.983,"lng":-89.6926},{"id":194,"lat":18.3961,"lng":-101.646},{"id":195,"lat":26.1947,"lng":-110.083},{"id":196,"lat":31.728,"lng":-116.06},{"id":197,"lat":51.0137,"lng":-127.661},{"id":198,"lat":58.1242,"lng":-135.747},{"id":199,"lat":60.4571,"lng":-144.888},{"id":200,"lat":57.3739,"lng":-154.732},{"id":201,"lat":53.5924,"lng":-168.794},{"id":202,"lat":57.751,"lng":-158.599},{"id":203,"lat":60.2833,"lng":-165.63},{"id":204,"lat":61.3124,"lng":-165.279},{"id":205,"lat":64.0529,"lng":-163.169},{"id":206,"lat":65.8387,"lng":-166.333},{"id":207,"lat":69.5652,"lng":-164.224},{"id":208,"lat":70.9883,"lng":-158.599},{"id":209,"lat":70.1702,"lng":-143.833},{"id":210,"lat":68.8159,"lng":-135.044},{"id":211,"lat":70.2891,"lng":-128.716},{"id":212,"lat":69.3183,"lng":-120.63},{"id":213,"lat":72.6333,"lng":-124.849},{"id":214,"lat":74.3311,"lng":-121.333},{"id":215,"lat":72.9454,"lng":-111.138},{"id":216,"lat":71.5527,"lng":-103.052},{"id":217,"lat":74.0437,"lng":-80.2004},{"id":218,"lat":69.5652,"lng":-67.8957},{"id":219,"lat":65.2566,"lng":-64.3801},{"id":220,"lat":61.9802,"lng":-66.1379},{"id":221,"lat":55.0279,"lng":-59.4582},{"id":222,"lat":52.1064,"lng":-57.3488},{"id":223,"lat":60.802,"lng":-44.6926},{"id":224,"lat":66.8265,"lng":-52.7785},{"id":225,"lat":71.9925,"lng":-54.5363},{"id":226,"lat":75.3422,"lng":-58.7551},{"id":227,"lat":76.5373,"lng":-67.5442},{"id":228,"lat":78.6473,"lng":-71.4113},{"id":229,"lat":81.161,"lng":-62.6223},{"id":230,"lat":82.0335,"lng":-58.7551},{"id":231,"lat":83.5301,"lng":-33.7941},{"id":232,"lat":81.2148,"lng":-11.9973},{"id":233,"lat":79.1217,"lng":-19.3801},{"id":234,"lat":75.7805,"lng":-20.4348},{"id":235,"lat":71.1025,"lng":-23.9504},{"id":236,"lat":66.8265,"lng":-35.2004},{"id":237,"lat":60.973,"lng":5.58085},{"id":238,"lat":68.1715,"lng":18.2371},{"id":239,"lat":67.776,"lng":40.034},{"id":240,"lat":67.6426,"lng":47.7684},{"id":241,"lat":69.1937,"lng":61.1277},{"id":242,"lat":72.842,"lng":70.2683},{"id":243,"lat":74.2358,"lng":86.0887},{"id":244,"lat":77.0197,"lng":104.37},{"id":245,"lat":74.8908,"lng":113.159},{"id":246,"lat":72.1009,"lng":126.518},{"id":247,"lat":72.1009,"lng":138.12},{"id":248,"lat":71.1025,"lng":154.292},{"id":249,"lat":69.4421,"lng":172.573},{"id":250,"lat":60.4571,"lng":171.87},{"id":251,"lat":58.8591,"lng":150.073},{"id":252,"lat":56.0229,"lng":137.065},{"id":253,"lat":47.0999,"lng":139.878},{"id":254,"lat":39.977,"lng":127.573},{"id":255,"lat":32.9164,"lng":119.487},{"id":256,"lat":24.9262,"lng":118.081},{"id":257,"lat":19.3939,"lng":107.886},{"id":258,"lat":10.5741,"lng":106.479},{"id":259,"lat":21.0433,"lng":89.9558},{"id":260,"lat":12.983,"lng":81.5183},{"id":261,"lat":6.4025,"lng":78.0027},{"id":262,"lat":20.7149,"lng":71.323},{"id":263,"lat":26.8239,"lng":58.6668},{"id":264,"lat":-78.1164,"lng":-177.583},{"id":265,"lat":-77.5232,"lng":-160.708},{"id":266,"lat":-75.3867,"lng":-136.802},{"id":267,"lat":-74.2836,"lng":-107.974},{"id":268,"lat":-73.3027,"lng":-100.943},{"id":269,"lat":-73.5035,"lng":-81.2551},{"id":270,"lat":-71.8289,"lng":-72.1145},{"id":271,"lat":-66.3376,"lng":-65.0832},{"id":272,"lat":-71.8289,"lng":-59.4582},{"id":273,"lat":-76.0797,"lng":-63.677},{"id":274,"lat":-78.2604,"lng":-70.7082},{"id":275,"lat":-78.9546,"lng":-79.1457},{"id":276,"lat":-80.6898,"lng":-73.5207},{"id":277,"lat":-80.4595,"lng":-60.1613},{"id":278,"lat":-82.1545,"lng":-70.0051},{"id":279,"lat":-82.9727,"lng":-58.052},{"id":280,"lat":-79.7343,"lng":-29.927},{"id":281,"lat":-78.2604,"lng":-35.552},{"id":282,"lat":-71.3852,"lng":-8.83321},{"id":283,"lat":-66.3376,"lng":55.8543},{"id":284,"lat":-69.2562,"lng":74.1355},{"id":285,"lat":-65.4766,"lng":110.698},{"id":286,"lat":-67.7095,"lng":141.636},{"id":287,"lat":-72.2624,"lng":170.464},{"id":288,"lat":-75.9095,"lng":161.323},{"id":289,"lat":-77.5232,"lng":178.901}];
local.init = function()
{ new Date().getTime(); local.container = document.createElement( 'div' ); document.body.appendChild( local.container ); local.camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 2, 10000 ); local.camera.position.z = 8100; local.scene = new THREE.Scene(); local.scene.fog = new THREE.FogExp2( 0x000000, 0.0002 ); local.spinValues = {x:0,y:0,z:0,camDist:local.camera.position.z}; local.setSpinning(); var i=0; var limit = 5; for (i=0;i<limit;++i) { local.generateParticleSystem(5000+200*i, 1250+Math.random()*10*(i*i+1), Math.random()*10+25); } local.renderer = new THREE.WebGLRenderer( { clearAlpha: 1,antialias:true} ); local.renderer.setSize( window.innerWidth, window.innerHeight ); local.renderer.autoClear = false; local.container.appendChild( local.renderer.domElement ); //composer2 = new THREE.EffectComposer( local.renderer, renderTarget ); local.render(); $(document).on('mousemove', local.onDocumentMouseMove); $(document).on('mousewheel', local.onDocumentMouseWheel); $(window).on('resize', local.onWindowResize);
};
local.generateParticleGeometry = function(nodes, range) { var geometry = new THREE.Geometry(); if (nodes === undefined) nodes = 100; nodes = Math.floor(nodes); if (range === undefined) range = 500; var r = 500; for ( i = 0; i < nodes; i ++ ) { var vertex = new THREE.Vector3(); var node = i%local.markers.length; var theta = (local.markers[node]) ? local.markers[node].lat : -29.233*2; var phi = (local.markers[node]) ? local.markers[node].lng :75.5444; theta = (90+theta)*Math.PI/180;//+(Math.random()*2-1)/10; phi = -(phi)*Math.PI/180;//+(Math.random()*2-1)/10; var initX = range * Math.sin(theta)*Math.cos(phi);// var initY = range * Math.sin(theta)*Math.sin(phi);// var initZ = Math.cos(theta)*range; vertex.x = initX;//Math.sin(i) * i; vertex.y = initY;// Math.cos(i) * i;//Math.random()*100; vertex.z = initZ;//Math.random()*1000; geometry.vertices.push( vertex ); var tartheta = theta + Math.random()*Math.PI/180;// + 1*Math.PI/180;//Math.random()*2*Math.PI; var tarphi = phi+ Math.random()*Math.PI/180;// + 1*Math.PI/180;////Math.random()*Math.PI; var tarX = (range-i/10) * Math.sin(tartheta)*Math.cos(tarphi); var speedX = Math.abs(vertex.x - tarX)/100; var tarY = (range-i/10) * Math.sin(tartheta)*Math.sin(tarphi); var speedY = Math.abs(vertex.y - tarY)/100; var tarZ = Math.cos(tartheta)*(range-i/10); var speedZ = Math.abs(vertex.z - tarZ)/100; TweenMax.to(vertex,speedX,{ x:tarX, ease:Quad.easeInOut, delay:i/500,//Math.random(), yoyo:true, repeat:-1 }); TweenMax.to(vertex,speedY,{ y:tarY, ease:Quad.easeInOut, delay:i/500,//Math.random(), yoyo:true, repeat:-1 }); TweenMax.to(vertex,speedZ,{ z:tarZ,//Math.random()*100, ease:Quad.easeInOut, delay:i/500,//Math.random(), yoyo:true, repeat:-1 }); } local.geometries.push(geometry); return geometry;
};
local.generateParticleMaterial = function(pSize) { var material = new THREE.ParticleSystemMaterial({ color: '#'+Math.floor(Math.random()*16777215).toString(16), size: pSize, // Cross domain image issue, needs to be hosted locally in order to provide texture. //map: THREE.ImageUtils.loadTexture( // "https://i.imgur.com/5Ofb1jd.png" //), blending: THREE.AdditiveBlending, transparent: true }); local.materials.push(material); local.matColors.push({h:Math.random(),s:Math.random(),l:Math.random()+0.2}); var num = local.matColors.length-1; console.log(local.matColors); TweenMax.to(local.matColors[num],Math.random(),{h:Math.random(),s:Math.random(),l:Math.random()+0.2,onUpdate:local.updateMaterialColor,onUpdateParams:[num], repeat:-1, yoyo:true}); return material;
};
local.generateLineGeometry = function(nodes, range) { var geometry = new THREE.Geometry(); if (nodes === undefined) nodes = 100; nodes = Math.floor(nodes); if (range === undefined) range = 500; var r = 500; var divs = Math.random()*600 + 20; var variation = Math.random()*20+100; for ( i = 0; i < nodes; i ++ ) { var p; var theta = i/range;//*2*Math.PI // for (p=0; p< Math.random()*40; ++p) // { var vertex = new THREE.Vector3(); +Math.random()/variation; var node = i%local.markers.length; var phi = i/divs*Math.PI +Math.random()/p; var theta = (local.markers[node]) ? local.markers[node].lat : -29.233*2; var phi = (local.markers[node]) ? local.markers[node].lng :75.5444; theta = (90+theta)*Math.PI/180;//+(Math.random()*2-1)/10; phi = -(phi)*Math.PI/180;//+(Math.random()*2-1)/10; var initX = range * Math.sin(theta)*Math.cos(phi);// var initY = range * Math.sin(theta)*Math.sin(phi);// var initZ = Math.cos(theta)*range; vertex.x = initX;//Math.sin(i) * i; vertex.y = initY;// Math.cos(i) * i;//Math.random()*100; vertex.z = initZ;//Math.random()*1000; geometry.vertices.push( vertex ); // } } local.geometries.push(geometry); return geometry;
};
local.generateLineMaterial = function() { var material = new THREE.LineBasicMaterial({ color: '#'+Math.floor(Math.random()*16777215).toString(16), // Cross domain image issue, needs to be hosted locally in order to provide texture. //map: THREE.ImageUtils.loadTexture( // "https://i.imgur.com/5Ofb1jd.png" //), linecap: 'round', linejoin: 'round', blending: THREE.AdditiveBlending, transparent: true }); local.materials.push(material); local.matColors.push({h:Math.random(),s:Math.random(),l:Math.random()}); var num = local.matColors.length-1; console.log(local.matColors); TweenMax.to(local.matColors[num],Math.random()+2,{h:Math.random(),s:Math.random(),l:Math.random(),onUpdate:local.updateMaterialColor,onUpdateParams:[num], repeat:-1, yoyo:true}); return material;
};
local.updateMaterialColor = function(item)
{ color = local.matColors[item];//item]; var h = color.h;//( 360 * ( color.h ) % 360 ) / 360; local.materials[item].color.setHSL( h, color.s, color.l );
};
local.getServerCoords = function()
{ if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { console.log(xmlhttp.responseText); local.markers = JSON.parse(xmlhttp.responseText).coordinates; // document.getElementById("txtHint").innerHTML=xmlhttp.responseText; local.init(); local.animate(); } } xmlhttp.open("GET","actions/getCoords.php?q=",true); xmlhttp.send();
}
local.generateParticleSystem = function(nodes,range,pSize)
{ local.particleRotations.push({x:Math.round(Math.random()*2-1),y:Math.round(Math.random()*2-1)}); var mat; var geom; var particles; if(Math.random() > 0.55) { mat = local.generateParticleMaterial(pSize); geom = local.generateParticleGeometry(nodes,range); particles = new THREE.ParticleSystem( geom, mat ); } else { mat = local.generateLineMaterial(); geom = local.generateLineGeometry(nodes,range); geom.verticesNeedUpate = true; particles = new THREE.Line( geom, mat ); } particles.sortParticles = true; //spinParticles(); local.scene.add(particles); local.particleSystems.push(particles); // TweenMax.to(particles.rotation,1,{z:Math.random()*4-2,repeat:-1, yoyo:true, ease:Quad.easeInOut});
};
local.render = function() { var time = Date.now() * 0.00005; local.camera.position.x += ( local.mouseX - local.camera.position.x ) * 0.05; local.camera.position.y += ( -local.mouseY - local.camera.position.y ) * 0.05; local.camera.lookAt( local.scene.position ); //local.h = ( 360 * ( 1.0 + time ) % 360 ) / 360; //mesh.position.z = -500 - ((time*1000) % 1000); //local.material.color.setHSV( local.h, 0.75, 0.8 ); //renderer.clear() local.renderer.render( local.scene, local.camera ); local.renderer.clear(false,true,false); //local.renderer.render(scene2,camera);*/
};
local.onDocumentMouseWheel = function(evt)
{ var d = evt.originalEvent.wheelDelta*10; TweenMax.to(local.camera.position,1,{z:'-='+d});
};
local.onDocumentMouseMove = function( evt ) { local.mouseX = (evt.clientX - local.wHalfX)*0.5; local.mouseY = (evt.clientY - local.wHalfY)*0.5; var i=0; var limit = local.particleSystems.length; for (i=0;i<limit;++i) { //console.log(i); var xSign = 1;//(i+1) * local.particleRotations[i].x; var ySign = 1;//(i+1) * local.particleRotations[i].y; TweenMax.to(local.particleSystems[i].rotation,1,{y:xSign * local.mouseX/180*Math.PI,x:ySign * local.mouseY/180*Math.PI}); } //local.render(); //animateVertices(); //geometry.vertices.push( vertex ); // TweenLite.from(vertex,2,{x:0,delay:2});
};
local.setSpinning = function()
{ TweenMax.to(local.spinValues,10,{ x:'+='+(Math.random()*6-3), y:'+='+(Math.random()*6-3), z:'+='+(Math.random()*6-3), camDist:(Math.random()*3000+500), onUpdate:local.onSpinSpheres, onComplete: local.setSpinning, ease:Quad.easeInOut, })
}
local.onSpinSpheres = function()
{ var i=0; var limit = local.particleSystems.length; for (i=0;i<limit;++i) { //console.log(i); var xSign = 1;//(i+1) * local.particleRotations[i].x; var ySign = 1;//(i+1) * local.particleRotations[i].y; // local.particleSystems[i].rotation.x = local.spinValues.x; // local.particleSystems[i].rotation.y = local.spinValues.y; //local.particleSystems[i].rotation.z = local.spinValues.z; //local.camera.position.z = local.spinValues.camDist; // TweenMax.set(local.particleSystems[i].rotation,{y:xSign * local.mouseX/180*Math.PI,x:ySign * local.mouseY/180*Math.PI}); }
}
local.onWindowResize = function(event) { local.wHalfX = window.innerWidth / 2; local.wHalfY = window.innerHeight / 2; local.camera.aspect = window.innerWidth / window.innerHeight; local.camera.updateProjectionMatrix(); local.renderer.setSize( window.innerWidth, window.innerHeight ); //local.render();
};
local.animate = function()
{ requestAnimationFrame( local.animate ); local.render();
};
$( document ).ready(function() { local.init(); local.animate(); //local.getServerCoords();
});
Developer | Scott Niejadlik |
Username | sniejadlik |
Uploaded | September 07, 2022 |
Rating | 3 |
Size | 7,029 Kb |
Views | 56,672 |
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!
Name | Size |
Light Curtains | 2,995 Kb |
A Pen by Scott Niejadlik | 3,036 Kb |
Lab | 4,469 Kb |
Nested Object3d to World coordinates | 4,298 Kb |
Particle Motion trajectories | 5,899 Kb |
DeepSea Creature | 3,771 Kb |
Chaos Nebula | 4,225 Kb |
HighCharts Evaluation Test | 2,981 Kb |
Expanding Universe | 3,047 Kb |
Dust Nebula | 3,289 Kb |
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!
Name | Username | Size |
Sample Profile Screen | OurDailyBread | 5,375 Kb |
CSS Link Icons with jQuery Titles | Nicwinn | 2,312 Kb |
A Pen by Miro Olma | Programiro | 2,342 Kb |
Weather App | Kw7oe | 3,162 Kb |
Pagepilling.js | Blossk | 6,554 Kb |
Simple Carousel Pure CSS | Dangvanthanh | 4,080 Kb |
A Pen by Malith Hettiarachchi | MalZiiirA | 5,531 Kb |
Add This API | ThatGuySam | 2,848 Kb |
Plotting Points with D3.js | Laurakelly | 31,996 Kb |
Mega Menu by Joni | Asakasinsky | 3,171 Kb |
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!