Difference between revisions of "Turtle bot"
From JSXGraph Wiki
Jump to navigationJump to searchA WASSERMANN (talk | contribs) (Created page with "<html> <style> button { min-width:100px; } .record { background-color: #ffaaaa; } </style> Show recording: <input type="checkbox" id="show_record"><br/> <button id="btn_re...") |
A WASSERMANN (talk | contribs) |
||
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<jsxgraph width="500" height="500" box="turtlebox"> | <jsxgraph width="500" height="500" box="turtlebox"> | ||
const board = JXG.JSXGraph.initBoard('turtlebox', { | const board = JXG.JSXGraph.initBoard('turtlebox', { | ||
Line 114: | Line 83: | ||
</jsxgraph> | </jsxgraph> | ||
+ | <html> | ||
+ | <style> | ||
+ | button { | ||
+ | min-width:100px; | ||
+ | } | ||
+ | .record { | ||
+ | background-color: #ffaaaa; | ||
+ | } | ||
+ | </style> | ||
+ | Show recording: <input type="checkbox" id="show_record"><br/> | ||
+ | <button id="btn_record">record</button> | ||
+ | <button id="btn_play">play</button> | ||
+ | <button id="btn_clear">clear screen</button> | ||
+ | |||
+ | <table> | ||
+ | <tr> | ||
+ | <td></td> | ||
+ | <td><button id="btn_forward">forward</button></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><button id="btn_left">left</button></td> | ||
+ | <td></td> | ||
+ | <td><button id="btn_right">right</button></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td></td> | ||
+ | <td><button id="btn_back">back</button></td> | ||
+ | <td></td></tr> | ||
+ | </table> | ||
+ | </html> |
Revision as of 11:07, 13 June 2019
Show recording: