Can someone rewrite this code differently in html that isn't from a website html, body height 100 margin 0 body background black display flex align items center justify content center canvas border 1px solid white var canvas document getElementById('game') var context canvas getContext('2d') var grid 16 var snake x 160, y 160, dx grid, dy 0, cells , maxCells 4 var count 0 var apple x 320, y 320 function getRandomInt(min, max) return Math floor(Math random() (max min)) min game loop function loop() requestAnimationFrame(loop) slow game loop to 15 fps instead of 60 60 15 4 if ( count 4) return count 0 context clearRect(0,0,canvas width,canvas height) snake x snake dx snake y snake dy wrap snake position on edge of screen if (snake x 0) snake x canvas width grid else if (snake x canvas width) snake x 0 if (snake y 0) snake y canvas height grid else if (snake y canvas height) snake y 0 keep track of where snake has been front of the array is always the head snake cells unshift( x snake x, y snake y ) remove cells as we move away from them if (snake cells length snake maxCells) snake cells pop() draw apple context fillStyle 'red' context fillRect(apple x, apple y, grid 1, grid 1) draw snake context fillStyle 'green' snake cells forEach(function(cell, index) context fillRect(cell x, cell y, grid 1, grid 1) snake ate apple if (cell x apple x cell y apple y) snake maxCells apple x getRandomInt(0, 25) grid apple y getRandomInt(0, 25) grid check collision with all cells after this one (modified bubble sort) for (var i index 1 i snake cells length i ) collision reset game if (cell x snake cells i x cell y snake cells i y) snake x 160 snake y 160 snake cells snake maxCells 4 snake dx grid snake dy 0 apple x getRandomInt(0, 25) grid apple y getRandomInt(0, 25) grid ) document addEventListener('keydown', function(e) prevent snake from backtracking on itself if (e which 37 snake dx 0) snake dx grid snake dy 0 else if (e which 38 snake dy 0) snake dy grid snake dx 0 else if (e which 39 snake dx 0) snake dx grid snake dy 0 else if (e which 40 snake dy 0) snake dy grid snake dx 0 ) requestAnimationFrame(loop)

The Answer is in the image, click to view ...

Answered step by step

Verified Expert Solution

Link Copied!

Question

1 Approved Answer

Posted on Sep 26, 2024

Can someone rewrite this code differently in html that isn't from a website html, body { height: 100%; margin: 0; } body { background: black;

Can someone rewrite this code differently in html that isn't from a website

Step by Step Solution

There are 3 Steps involved in it

Step: 1

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

Step: 3

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Fundamentals Of Database Management Systems

Authors: Mark L. Gillenson

2nd Edition

0470624701, 978-0470624708

More Books

Students also viewed these Databases questions

Question

★★★★★

Explain how asset values are determined on the balance sheet and whether these valuations are made easily.

Answered: 1 week ago

Question

★★★★★

Graph both functions in the same viewing window and describe how g is a transformation of f. f(x) = x 3 , g(x) = -x 3

Answered: 1 week ago

Question

★★★★★

Question What are the implications of the IRS position that an employer must be at risk with respect to health benefits in an FSA?

Answered: 1 week ago

Question

★★★★★

Atkinson's Reliable Tools makes two products that use similar raw materials: #587Q and #253X. Estimated production needs for a unit of each product follow. Estimated sales in units by product for...

Answered: 1 week ago

Question

★★★★★

Can someone rewrite this code differently in html that isn't from a website html, body { height: 100%; margin: 0; } body { background: black; display: flex; align-items: center; justify-content:...

Answered: 1 week ago

Question

★★★★★

Sache, Incorporated, expects to sell 700 of its designer suits every week. The store is open seven days a week and expects to sell the same number of suits every day. The company has an EOQ of 500...

Answered: 1 week ago

Question

★★★★★

A medical researcher wants an equal number of male and female participants in an upcoming controlled study for a new heart medication. Instead of selecting the 100 total participants from the...

Answered: 1 week ago

Question

★★★★★

A college basketball coach has 12 players on his team. Eight players are receiving scholarships, and four are not. The coach decides to select a starting lineup by selecting five names out of a bowl....

Answered: 1 week ago

Question

★★★★★

A. Suppose stock in Watta Corporation has a beta of .80. The market risk premium is 6 percent, and the risk-free rate is 6 percent. Watta's last dividend was $1.20 per share, and the dividend is...

Answered: 1 week ago

Question

★★★★★

Annie's Bakery sold $5,000 of cookies this month. Annie determined that her fixed costs are $2,000 per month and her net operating income was $1,000. What is Annie's Bakery's contribution margin? a.)...

Answered: 1 week ago

Question

★★★★★

Five sequential operations have the following hourly production rates. A=150, B=175, C=95, D=88, E=120. What is the hourly throughput rate?

Answered: 1 week ago

Question

★★★★★

How many Tables Will Base HCMSs typically have? Why?

Answered: 1 week ago

Question

★★★★★

What is the process of normalization?

Answered: 1 week ago

Question

★★★★★

What is Notation in Data Modeling, and what is the most common Notation Type used?

Answered: 1 week ago

Previous Question Next Question