Basic webpage to show operation of Adafruit 10DOF on Renesas GR Peach board.
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?
User | Revision | Line number | New 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\"> </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 | "; |