/* */ function createCity(){ var cloud = document.querySelector(".clouds"), stars = document.querySelector(".stars"), buildings = document.querySelector(".buildings"), cars = document.querySelector(".cars"); var cld = '

☁️

'; var star = `

🌟

⭐

🌟

⭐

🌟

⭐

🌟

⭐

🌟

⭐

🌟

⭐

🌟

⭐

🌟

⭐

🌟

⭐

🌟

⭐

🌟

⭐

🌟

⭐

🌟

⭐

🌟

⭐

🌟

⭐

`; var building = `

🏠

🏢

💒

🏥

🏫

`; var car = `

🚗

🚕

🚓

🚑

`; cloud.innerHTML = cld.repeat(5); stars.innerHTML = star; buildings.innerHTML = building; cars.innerHTML = car; } window.onload = () => { createCity(); var cop = [ "🚴", "🏇", "🛴", "🛵", "🏍️", "🚙", "🚕", "🚐", "🚛", "🚚", "🚒", "🚑", "🚓", "🚕", "🚌", "⛵"]; var cars = []; var crs = document.getElementsByClassName("cr"); var clouds = []; function d(w) { document.write(w); } var width = innerWidth; var height = innerHeight; var roadHeight = 80; function cloudobj(ref, x) { this.ref = ref; this.x = x; this.size = Math.random() * 70 + 25; this.v = Math.random() * 1; this.y = Math.random() * (height - 400); this.update = function () { this.draw(); this.x -= this.v; if (this.x <= (-1 * this.size)) { this.x = width + Math.random() * 200; this.y = Math.random() * (height - 400); this.v = Math.random() * 1; this.size = Math.random() * 70 + 25; } }; this.draw = function () { ref.style.right = "" + this.x + "px"; ref.style.fontSize = this.size + "px"; ref.style.top = "" + this.y + "px"; ref.style.filter = "blur(" + Math.floor(this.size / 20) + "px)"; }; } var clds = document.getElementsByClassName("cl"); for (let i = 0; i < clds.length; i++) { clds[i].style.fontSize = "200px"; clouds.push(new cloudobj(clds[i], width + Math.random() * 200)); } function obj(ref, x) { this.ref = ref; this.x = x; this.y = height - Math.random() * roadHeight - 35; this.a = 0.004; this.v = 1; this.update = function () { this.draw(); this.x -= this.v; this.v += this.a; if (this.x <= -50) { this.x = width + Math.random() * 100; this.y = height - Math.random() * roadHeight - 35; this.a = Math.random() * 0.004; this.v = 1; ref.innerHTML = cop[Math.floor(Math.random() * cop.length)]; } } this.draw = function () { ref.style.left = "" + this.x + "px"; ref.style.top = this.y + "px"; } } for (var i = 0; i < crs.length; i++) { var x = width + i * 50 + Math.random() * 200;; cars.push(new obj(crs[i], x)); } let ctr = 0; function animate() { ctr++; requestAnimationFrame(animate); if (ctr % 1 == 0) { for (var i = 0; i < cars.length; i++) { cars[i].update(); } for (var i = 0; i < clouds.length; i++) { clouds[i].update(); } } } animate(); }

Emoji City | Starry Night ✨🌁