sensorium
Version:
makeblock mainboards protocol api
78 lines (67 loc) • 2.45 kB
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<link type="text/css" rel="stylesheet" href="../api/styles/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="../statics/topbar.css">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="../statics/socket.io.js"></script>
<script src="../statics/sensorium.js"></script>
<script src="../statics/vs/loader.js"></script>
<script src="../statics/coding.js"></script>
<title>Sensorium code online</title>
<style type="text/css">body{font-size: 16px;}</style>
</head>
<body>
<header class="topbar">
<ul class="topnav pull-right clearfix">
<li><a href="../">Get Started</a></li>
<li><a href="./">Code</a></li>
<li><a href="../api">API</a></li>
<li><a href="../changelog.html">ChangeLog</a></li>
</ul>
</header>
<div class="container mt80">
<p>Before debugging your codes with the robot, you should setup the proxy server as follows:</p>
<h4>1、Install sensorium-server globally</h4>
<pre>
>>> npm install sensorium-server -g</pre>
<h4>2、Start up the server in your terminal</h4>
<pre>
>>> ss</pre>
<div id="container" style="height:400px;border:1px solid grey">
</div>
<div class="mt10">
<button type="button" id="run" class="btn btn-primary">运行</button>
</div>
</div>
<script>
window.sensorium = new Sensorium();
Coding.init(window.sensorium, io);
require.config({ paths: { 'vs': '../statics/vs' }});
require(['vs/editor/editor.main'], function() {
window.monacoEditor = monaco.editor.create(document.getElementById('container'), {
value: [
'var sensorium = new Sensorium();',
'// 创建 mcore 主板实例',
'var mcore = sensorium.createMcore();',
'// 板载 led 亮红灯',
'mcore.RgbLedOnBoard()',
'\t.position(1)',
'\t.red()'
].join('\n'),
language: 'javascript'
});
});
function runCode() {
var executor = Coding.eval(window.monacoEditor.getValue());
executor(window.sensorium);
}
document.getElementById("run").addEventListener("click", function(){
runCode();
});
</script>
</body>
</html>