cirsim
Version:
Cirsim Circuit Simulator
31 lines (27 loc) • 1.34 kB
HTML
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<title><%= htmlWebpackPlugin.options.title %></title>
<style>
body {
background-color: #eeffee;
}
#cirsim {
width: 580px;
height: 190px;
}
</style>
</head>
<body>
<div id="cirsim"></div>
<script>
var cirsim = new Cirsim('#cirsim', {
display: 'inline',
load: '{"grid":8,"snap":true,"circuits":[{"name":"main","width":1920,"height":1080,"components":[{"id":"c1001","x":88,"y":56,"name":"A","type":"InPin","value":true},{"id":"c1002","x":88,"y":96,"name":"B","type":"InPin","value":true},{"id":"c1003","x":88,"y":128,"name":"C","type":"InPin","value":true},{"id":"c1004","x":480,"y":96,"name":"O","type":"OutPin"},{"id":"c1005","x":352,"y":96,"name":null,"type":"Or"},{"id":"c1006","x":216,"y":112,"name":null,"type":"And"}],"connections":[{"from":"c1001","out":0,"to":"c1005","in":0,"bends":[{"x":304,"y":56}]},{"from":"c1002","out":0,"to":"c1006","in":0,"bends":[]},{"from":"c1003","out":0,"to":"c1006","in":1,"bends":[]},{"from":"c1005","out":0,"to":"c1004","in":0,"bends":[]},{"from":"c1006","out":0,"to":"c1005","in":1,"bends":[]}]}]}'
});
cirsim.start();
</script>
</body>
</html>