MUSIC FEST

-

 

Taylor Swift

Ed Sheeran

Justin Bieber

Comments

Post a Comment

Popular posts from this blog

Geolocation in HTML ..

-
Image
 An HTML script that uses your longitude and latitude to find your location in Google Maps by Google Maps API key ..  The source code .. < !DOCTYPE html > < html > < head > < title > Geolocation API < / title > < / head > < body > < h2 > Find Your Location in below Map < / h2 > < button onclick = "getlocation();" > Show Position < / button > < div id = "demo" style = "width: 600px; height: 400px; margin-left: 200px;" > < / div > < script src = "https://maps.google.com/maps/api/js?sensor=false" > < / script > < script type = "text/javascript" > function getlocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPos , showErr); } else { alert( "Sorry! your Browser does not support Geolocation API" ) } } // Showing Current Poistion on Google Map function showPos(position) { latt = position.coo...
Read more

Snake game in Python ..🐱‍🐉🐲

-
Image
 Snake game in Python .... ... using pygame ... import pygame import time import random snake_speed = 15 # Window height and width window_x = 720 window_y = 480 # defining colors black = pygame.Color( 0 , 0 , 0 ) white = pygame.Color( 255 , 255 , 255 ) red = pygame.Color( 255 , 0 , 0 ) green = pygame.Color( 0 , 255 , 0 ) blue = pygame.Color( 0 , 0 , 255 ) # Initializing pygame pygame.init() # Initialize the game window pygame.display.set_caption( 'Snake' ) game_window = pygame.display.set_mode((window_x , window_y)) # FPS (frames per second) fps = pygame.time.Clock() # defining snake default position snake_position = [ 100 , 50 ] # defining first 4 blocks of snake body snake_body = [[ 100 , 50 ] , [ 90 , 50 ] , [ 80 , 50 ] , [ 70 , 50 ] ] # food position fruit_position = [random.randrange( 1 , (window_x // 10 )) * 10 , random.randrange( 1 , (window_y // 10 )) * 10 ] fruit_spawn = True # setting default sn...
Read more

Clock development [PART 1 : in HTML]

-
Why buy a clock when you can build one .... ? If you know HTML , it is so easy to make one .. The Code .. <!DOCTYPE html> <html> <body> <canvas id= "canvas" width= "400" height= "400" style= "background-color:#333" > </canvas> <script> var canvas = document.getElementById( "canvas" ); var ctx = canvas.getContext( "2d" ); var radius = canvas.height / 2 ; ctx.translate(radius , radius); radius = radius * 0.90 setInterval(drawClock , 1000 ); function drawClock() { drawFace(ctx , radius); drawNumbers(ctx , radius); drawTime(ctx , radius); } function drawFace(ctx , radius) { var grad; ctx.beginPath(); ctx.arc( 0 , 0 , radius , 0 , 2 *Math.PI); ctx.fillStyle = 'white' ; ctx.fill(); grad = ctx.createRadialGradient( 0 , 0 , radius* 0.95 , 0 , 0 , radius* 1.05 ); grad.addColorStop( 0 , '#333' ); grad.addColorStop( 0.5 , 'white' ); grad.addColorStop( 1 ,...
Read more