JB Dean / Webpage

Basic webpage to show operation of Adafruit 10DOF on Renesas GR Peach board.

Dependents:   GR-PeachAHRSWeb

page3.h@0:256cd901cbb1, 2015-10-07 (annotated)

Committer:
webOnBoard
Date:
Wed Oct 07 20:34:51 2015 +0000
Revision:
0:256cd901cbb1
First release of AHRS web demo

Who changed what in which revision?

UserRevisionLine numberNew contents of line
webOnBoard 0:256cd901cbb1 1 //PAGE 3
webOnBoard 0:256cd901cbb1 2 const char *ahrsxml = "\
webOnBoard 0:256cd901cbb1 3 <?xml version=\"1.0\" encoding=\"UTF-8\"?>\n\r\
webOnBoard 0:256cd901cbb1 4 <AHRS>\n\r\
webOnBoard 0:256cd901cbb1 5 <DATA>\n\r\
webOnBoard 0:256cd901cbb1 6 <ALTITUDE>%d</ALTITUDE>\n\r\
webOnBoard 0:256cd901cbb1 7 <HORIZONTAL>%f</HORIZONTAL>\n\r\
webOnBoard 0:256cd901cbb1 8 <VERTICAL>%f</VERTICAL>\n\r\
webOnBoard 0:256cd901cbb1 9 <HEADING>%d</HEADING>\n\r\
webOnBoard 0:256cd901cbb1 10 <SWITCH1>%d</SWITCH1>\n\r\
webOnBoard 0:256cd901cbb1 11 <SWITCH2>%d</SWITCH2>\n\r\
webOnBoard 0:256cd901cbb1 12 </DATA>\n\r\
webOnBoard 0:256cd901cbb1 13 </AHRS>\n\r\
webOnBoard 0:256cd901cbb1 14 \n\r\
webOnBoard 0:256cd901cbb1 15 ";
webOnBoard 0:256cd901cbb1 16
webOnBoard 0:256cd901cbb1 17 const char *RespondGetOK = "HTTP/1.1 200 OK\r\n\
webOnBoard 0:256cd901cbb1 18 Server: GR-PEACH-WEBSERVER\r\n\
webOnBoard 0:256cd901cbb1 19 Content-Type: text/html\r\n\r\n";
webOnBoard 0:256cd901cbb1 20 const char *RespondxmlOK = "HTTP/1.1 200 OK\r\n\
webOnBoard 0:256cd901cbb1 21 Server: GR-PEACH-WEBSERVER\r\n\
webOnBoard 0:256cd901cbb1 22 Content-Type: text/xml\r\n\r\n";
webOnBoard 0:256cd901cbb1 23
webOnBoard 0:256cd901cbb1 24 const char *Page3 = "\
webOnBoard 0:256cd901cbb1 25 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\
webOnBoard 0:256cd901cbb1 26 <html xmlns=\"http://www.w3.org/1999/xhtml\">\
webOnBoard 0:256cd901cbb1 27 <script>\
webOnBoard 0:256cd901cbb1 28 var color = 'orange';\
webOnBoard 0:256cd901cbb1 29 function drawBall()\
webOnBoard 0:256cd901cbb1 30 {\
webOnBoard 0:256cd901cbb1 31 var canvas = document.getElementById('ball');\
webOnBoard 0:256cd901cbb1 32 var ctx = canvas.getContext('2d');\
webOnBoard 0:256cd901cbb1 33 var raf;\
webOnBoard 0:256cd901cbb1 34 var ball = {\
webOnBoard 0:256cd901cbb1 35 x: 100,\
webOnBoard 0:256cd901cbb1 36 y: 100,\
webOnBoard 0:256cd901cbb1 37 vx: 5,\
webOnBoard 0:256cd901cbb1 38 vy: 2,\
webOnBoard 0:256cd901cbb1 39 radius: 25,\
webOnBoard 0:256cd901cbb1 40 draw: function() {\
webOnBoard 0:256cd901cbb1 41 ctx.beginPath();\
webOnBoard 0:256cd901cbb1 42 ctx.arc(this.x, this.y, this.radius, 0, Math.PI*2, true);\
webOnBoard 0:256cd901cbb1 43 ctx.closePath();\
webOnBoard 0:256cd901cbb1 44 ctx.fillStyle = color;\
webOnBoard 0:256cd901cbb1 45 ctx.fill();\
webOnBoard 0:256cd901cbb1 46 ctx.lineWidth = 3;\
webOnBoard 0:256cd901cbb1 47 ctx.strokeStyle = '#000000';\
webOnBoard 0:256cd901cbb1 48 ctx.stroke();\
webOnBoard 0:256cd901cbb1 49 }\
webOnBoard 0:256cd901cbb1 50 };\
webOnBoard 0:256cd901cbb1 51 var horizontal = 5;\
webOnBoard 0:256cd901cbb1 52 var vertical = 2;\
webOnBoard 0:256cd901cbb1 53 function draw() {\
webOnBoard 0:256cd901cbb1 54 ctx.clearRect(0,0, canvas.width, canvas.height);\
webOnBoard 0:256cd901cbb1 55 ball.draw();\
webOnBoard 0:256cd901cbb1 56 ball.x += horizontal; //ball.vx;\
webOnBoard 0:256cd901cbb1 57 ball.y += vertical; //ball.vy;\
webOnBoard 0:256cd901cbb1 58 if (ball.y + ball.vy > canvas.height || ball.y + ball.vy < 0) {\
webOnBoard 0:256cd901cbb1 59 ball.vy = -ball.vy;\
webOnBoard 0:256cd901cbb1 60 }\
webOnBoard 0:256cd901cbb1 61 if (ball.x + ball.vx > canvas.width || ball.x + ball.vx < 0) {\
webOnBoard 0:256cd901cbb1 62 ball.vx = -ball.vx;\
webOnBoard 0:256cd901cbb1 63 }\
webOnBoard 0:256cd901cbb1 64 raf = window.requestAnimationFrame(draw);\
webOnBoard 0:256cd901cbb1 65 }\
webOnBoard 0:256cd901cbb1 66 raf = window.requestAnimationFrame(draw);\
webOnBoard 0:256cd901cbb1 67 }\
webOnBoard 0:256cd901cbb1 68 </script>\
webOnBoard 0:256cd901cbb1 69 <head>\
webOnBoard 0:256cd901cbb1 70 <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\
webOnBoard 0:256cd901cbb1 71 <title>WEB SERVER</title>\
webOnBoard 0:256cd901cbb1 72 <style type=\"text/css\">\
webOnBoard 0:256cd901cbb1 73 .style1 {\
webOnBoard 0:256cd901cbb1 74 text-align: center;\
webOnBoard 0:256cd901cbb1 75 }\
webOnBoard 0:256cd901cbb1 76 .style2 {\
webOnBoard 0:256cd901cbb1 77 text-align: center;\
webOnBoard 0:256cd901cbb1 78 font-size: large;\
webOnBoard 0:256cd901cbb1 79 }\
webOnBoard 0:256cd901cbb1 80 </style>\
webOnBoard 0:256cd901cbb1 81 </head>\
webOnBoard 0:256cd901cbb1 82 <body onload=\"updatePage();Load_state()\">\
webOnBoard 0:256cd901cbb1 83 <p class=\"style2\"><strong>WELCOME TO GR-PEACH WEBSERVER</strong></p>\
webOnBoard 0:256cd901cbb1 84 <p class=\"style1\">&nbsp;</p>\
webOnBoard 0:256cd901cbb1 85 <table width=\"330\" border=\"1\" align=\"center\">\
webOnBoard 0:256cd901cbb1 86 <tr>\
webOnBoard 0:256cd901cbb1 87 <td width=\"318\" class=\"style1\" align=\"center\"><canvas id=\"ball\" width=\"400\" height=\"200\"></canvas><script>drawBall();</script></td>\
webOnBoard 0:256cd901cbb1 88 </tr>\
webOnBoard 0:256cd901cbb1 89 </table>\
webOnBoard 0:256cd901cbb1 90 </body>\
webOnBoard 0:256cd901cbb1 91 </html>\
webOnBoard 0:256cd901cbb1 92 ";