<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: alexhills788</title>
    <description>The latest articles on DEV Community by alexhills788 (@alexhills788).</description>
    <link>https://dev.to/alexhills788</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F561850%2F23f576de-d9c0-429d-95c3-532f86ad94a4.png</url>
      <title>DEV Community: alexhills788</title>
      <link>https://dev.to/alexhills788</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/alexhills788"/>
    <language>en</language>
    <item>
      <title>Paintball tips and tricks</title>
      <dc:creator>alexhills788</dc:creator>
      <pubDate>Mon, 18 Jan 2021 05:19:17 +0000</pubDate>
      <link>https://dev.to/alexhills788/paintball-tips-and-tricks-5ba7</link>
      <guid>https://dev.to/alexhills788/paintball-tips-and-tricks-5ba7</guid>
      <description>&lt;p&gt;As a rental player you often look up admiringly at the players with their own equipment and wish to master some tactics as well.&lt;/p&gt;

&lt;p&gt;But paintball is for everyone, not just tournament players.&lt;/p&gt;

&lt;p&gt;There are many simple tips and tricks that make the game exciting and can lead to the victory of your team.&lt;/p&gt;

&lt;p&gt;Before the game, you should discuss who goes on which team, where you are going and what your tactics are.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;It always makes sense to be in pairs so as not to be surprised from one side, and you should try to keep the important paths by shooting while starting off.&lt;br&gt;
you can also checkout &lt;a href="https://mypaintballnation.com"&gt;mypaintballnation&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;You should try to get as far out as possible in order to have a good overview of the field, always aim a little higher because the paintballs fly in an arc.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Do not shoot blindly over the covers, as much as the field operator may be pleased, you are shooting too much paint.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;If you meet an opponent, he puts his hand on his head to signal that he is out.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Don't shoot again as soon as your hand is on your head! Fair play is also essential in paintball!&lt;br&gt;
read more reviews about best paintball guns &lt;a href="https://mypaintballnation.com/best-paintball-gun/"&gt;best paintball guns&lt;/a&gt; on mypaintballnation.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;As soon as you stand closer than 1 meter behind an opponent, say 'Gotcha' because a shot from such a short distance is very painful.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you pay attention to these tricks, the game is immediately easier and more exciting for you and the first sense of achievement comes quickly!&lt;/p&gt;

</description>
      <category>career</category>
    </item>
    <item>
      <title>Build a Click Speed Test Game in HTML5
</title>
      <dc:creator>alexhills788</dc:creator>
      <pubDate>Mon, 18 Jan 2021 03:34:42 +0000</pubDate>
      <link>https://dev.to/alexhills788/build-a-click-speed-test-game-in-html5-2j2g</link>
      <guid>https://dev.to/alexhills788/build-a-click-speed-test-game-in-html5-2j2g</guid>
      <description>&lt;p&gt;HTML5, joined with the JavaScript programming language, is the ideal answer for making games to reach whatever number clients as could be expected under the circumstances. As far as possible presently is the designers' creative mind. In this instructional exercise, I propose you make a game where the client should click a limit of times in 10 seconds. This game, named &lt;a href="https://ninjaclicker.com"&gt;NinjaClicker Click Speed Test&lt;/a&gt; Game, with basic principles will permit you to find how to make your first minimal game in HTML5 with JavaScript. &lt;/p&gt;

&lt;p&gt;Rules for Click Speed Test Game &lt;/p&gt;

&lt;p&gt;Like said in presentation, the principles for Click Speed Test Game are just. The objective for the client will be to tap the most extreme number of times during 10 seconds. Given that standard, we will require the accompanying thing: &lt;/p&gt;

&lt;p&gt;A tick region for letting the client to click a greatest number of times &lt;/p&gt;

&lt;p&gt;A score region in which we will show a clock, the quantity of snaps and furthermore the quantity of snaps by seconds of the client refreshed continuously &lt;/p&gt;

&lt;p&gt;A logo for our game. Clearly, it is discretionary yet it is in every case better to have a logo outwardly talking. &lt;/p&gt;

&lt;p&gt;It gives us the accompanying substance for the &lt;a href="https://en.wikipedia.org/wiki/HTML"&gt;HTML&lt;/a&gt; page with the CSS rules. &lt;/p&gt;

&lt;p&gt;Complete source code for the Click Speed Test Game &lt;/p&gt;

&lt;p&gt;At last, whenever we have collected all the pieces of the code, we get the accompanying total code for the Click Speed Test Game: &lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
&amp;lt;title&amp;gt;Click Speed Game in HTML5&amp;lt;/title&amp;gt;
&amp;lt;style type="text/css"&amp;gt;
  #content {
    width: 200px;
    border: 1px dashed #dc0000;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    padding: 20px;
    user-select: none;
  }

  #clickarea {
    width: 500px;
    height : 300px;
    border: 2px solid #dc0000;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    padding: 20px;
    position: relative;
  }

  #logo {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    margin-top: 50px;
    display: block;
    user-select: none;
  }

  #start {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    border: 0;
    line-height: 2.5;
    padding: 0 20px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: rgba(220, 0, 0, 1);
    background-image: linear-gradient(to top left,
                  rgba(0, 0, 0, .2),
                  rgba(0, 0, 0, .2) 30%,
                  rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
  }

  #start:hover {
    background-color: rgba(255, 0, 0, 1);
  }

  #start:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
  }
&amp;lt;/style&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
  &amp;lt;img id="logo" src="cursor.png" /&amp;gt;
  &amp;lt;div id="content"&amp;gt;
    Timer: &amp;lt;span id="timer"&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;br/&amp;gt;
    Score: &amp;lt;span id="score"&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;br/&amp;gt;
    Clicks/s: &amp;lt;span id="clicks"&amp;gt;&amp;lt;/span&amp;gt;
  &amp;lt;/div&amp;gt;
  &amp;lt;div id="clickarea"&amp;gt;
    &amp;lt;button id="start"&amp;gt;Start&amp;lt;/button&amp;gt;
  &amp;lt;/div&amp;gt;
  &amp;lt;script type="text/javascript"&amp;gt;
    var score; // to store the current score
    var duration = 10; // 10 seconds
    var startTime; // start time
    var ended = true; // boolean indicating if game is ended
    // we get DOM References for some HTML elements
    var timerTxt = document.getElementById("timer");
    var scoreTxt = document.getElementById("score");
    var clicksTxt = document.getElementById("clicks");
    var startBtn = document.getElementById("start");
    var clickArea = document.getElementById("clickarea");
    // we define two functions for showing or hiding a HTML element
    var show = function(elem) {
      elem.style.display = 'inline';
    };
    var hide = function(elem) {
      elem.style.display = 'none';
    };
    // Method called when the game starts
    function startGame() {
      hide(startBtn);
      score = -1;
      ended = false;
      // we get start time
      startTime = new Date().getTime();
      // we create a timer with the setInterval method
      var timerId = setInterval(function() {
        var total = (new Date().getTime() - startTime) / 1000;
        // while total lower than duration, we update timer and the clicks by seconds
        if (total &amp;lt; duration) {
          timerTxt.textContent = total.toFixed(3);
          clicksTxt.textContent = (score / total).toFixed(2);
        } else {
          // otherwise, game is ended, we clear interval and we set game as ended
          ended = true;
          clearInterval(timerId);
          // we call the end game method
          endGame();
        }
      }, 1);
  }
  // end game method
  function endGame() {
    // we write final stats
    var clicsBySeconds = (score / duration).toFixed(2);
    timerTxt.textContent = duration.toFixed(3);
    clicksTxt.textContent = clicsBySeconds;
    // we show start button to play an other game
    show(startBtn);
    // we display result to the user in delayed mode 
    //to update DOM elements just before the alert
    setTimeout(function() {
      alert('You made ' + score + ' clicks in ' + duration + 
      ' seconds. It is ' + clicsBySeconds + 
      ' clicks by seconds. Try again!');
    }, 10);
  }
  // we set a click event listener on the start button
  startBtn.addEventListener("click", function(e) {
    startGame();
  });
  // we add a click event listener on the click area div to update the score when the user will click
  clickArea.addEventListener("click", function(e) {
    if (!ended) {
      score++;
      scoreTxt.textContent = score;
    }
  });
&amp;lt;/script&amp;gt;
&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;A comparable code is utilized to make a &lt;a href="https://ninjaclicker.com/kohi-click-test/"&gt;Kohi Click Test&lt;/a&gt; on NinjaClicker Click Speed Test site.&lt;/p&gt;

</description>
      <category>css</category>
      <category>html</category>
      <category>ninjaclicker</category>
    </item>
  </channel>
</rss>
