Posts

Showing posts from August, 2021

Calculator Online PRO

Calculator + - * / 1 2 3 4 5 6 7 8 9 0 . AC = palette nights_stay
Post a Comment
Read more

Cross Word Game

💚 ⚡ 🌺 ❄ 👍 🍁 🎈 🌼 Level 1 0 💰 Word Shuffle ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ Levels Next Level Play Levels Back 🔄 💡 </html
Post a Comment
Read more

HOW TO MAKE GAME WITH HTML

Advantages and Use of Canvas Canvas is used to make game in HTML using CSS or JavaScript, we can make our game more attractive Adding Canvas To insert a Canvas we use the syntax: &ltcanvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"&gt Your browser does not support the HTML canvas tag. &lt/canvas&gt Adding Game Object An Game Object is the role playing character which is simply known as Character. In this Example we will add only one Game Object Syntax: &lt!DOCTYPE html&gt &lthtml&gt &lthead&gt &ltmeta name="viewport" content="width=device-width, initial-scale=1.0"/&gt &ltscript&gt var myGamePiece; function startGame() { myGameArea.start(); myGamePiece = new component(30, 30, "red", 10, 120); } var myGameArea = { canvas : document.createElement("canv
Post a Comment
Read more

Online Free HTML CSS JAVASCRIPT editor

Image
Online Games Click on Image If Editor is not visible than open page in Desktop Mode and Copy/Paste to see output. Run writecode
Post a Comment
Read more

Stopwatch Online

Timer 00:00:00 Reset
Post a Comment
Read more

Archery Game Online

If you're reading this, audio isn't supported. 0 ↑ ↑ +4 A RCHERY G AME TAP TO START 0 Best Audio Source: https://www.bensound.com/
Post a Comment
Read more

Compass Online

Compass Beta: Gamma: Alpha:
Post a Comment
Read more

HTML LOADING

Image
Source Code:  <!DOCTYPE html> <html> <head><style> body {     font-family:"Arial", cursive; } #page {     display: none; } #loading {     display: block;     position: absolute;     top: 0;     left: 0;     z-index: 100;     width: 100vw;     height: 100vh;     background-color: black;     background-image: url("https://upload.wikimedia.org/wikipedia/commons/e/ee/Loadinginjg.gif");     background-repeat: no-repeat;     background-position: center; } </style></head> <body> <script> function onReady(callback) {     var intervalID = window.setInterval(checkReady, 1000);     function checkReady() {         if (document.getElementsByTagName('body')[0] !== undefined) {             window.clearInterval(intervalID);             callback.call(this);         }     } } function show(id, value) {     document.getElementById(id).style.display = value ? 'block' : 'none'; } onReady(function () {    
Post a Comment
Read more

Chess Online with AI

Chess Engine If you're reading this, audio isn't supported.
Post a Comment
Read more