概要
bloggerにcircuit sandboxを載せてみた。
写真
サンプルコード
<html>
<head>
<link rel="canonical" href="" />
<link rel="stylesheet" href="https://spinningnumbers.org/circuit-sandbox/sandbox.css" />
<script type="text/javascript" src="https://spinningnumbers.org/circuit-sandbox/js/hammer.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/fontawesome.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/solid.min.css" rel="stylesheet">
<script type="text/javascript" src="https://spinningnumbers.org/circuit-sandbox/js/download.js"></script>
<script type="text/javascript" src="https://spinningnumbers.org/circuit-sandbox/js/language.js"></script>
<script type="text/javascript" src="https://spinningnumbers.org/circuit-sandbox/js/fet_vsp.js"></script>
<script type="text/javascript" src="https://spinningnumbers.org/circuit-sandbox/js/fet_vsparms.js"></script>
</head>
<body>
<input type="hidden" class="schematic" height="360" width="600" value=[["s",[264,64,0],{"color":"cyan","offset":"0","_json_":0},["Vout"]],["w",[152,64,184,64]],["w",[152,80,152,64]],["c",[264,80,0],{"name":"C1","c":"1u","_json_":3},["Vout","0"]],["r",[232,64,1],{"name":"R1","r":"1k","_json_":4},["1","2"]],["v",[152,80,0],{"name":"Vin","value":"step(0,1,0,1n)","_json_":5},["2","0"]],["L",[272,72,0],{"label":"Vout","_json_":6},["Vout"]],["a",[240,64,0],{"color":"magenta","offset":"0","_json_":7},["1","Vout"]],["w",[232,64,240,64]],["w",[264,64,256,64]],["w",[264,128,264,136]],["w",[152,128,152,136]],["g",[208,136,0],{"_json_":12},["0"]],["w",[264,136,208,136]],["w",[152,136,208,136]],["w",[272,72,264,72]],["w",[264,64,264,72]],["w",[264,80,264,72]],["view",86.928,19.6336,3.0517578125,"50","10","1G",null,"100","6m","1000"]] />
<p>
Circuit Sandbox Simulator
<a href="https://spinningnumbers.org">spinningnumbers.org</a>
<a href="https://spinningnumbers.org/a/circuit-sandbox.html">help</a>
<a href="https://github.com/willymcallister/circuit-sandbox">github</a>
<select id="languageSelect" onchange="dropdownChange()">
<option value="en-US">Language: English</option>
<option value="es">Idioma: Español</option>
<option value="fr">Langue: Français</option>
<option value="it">Lingua: Italiana</option>
<option value="pt">Idioma: Portugues</optionvalue>
<option value="hu">Nyelv: Magyar (Hungarian)</option>
<option value="cz">Jazyk: Čeština (Czech)</option>
<option value="ja">言語：日本語 (Japanese)</option>
<option value="hi">भाषा: हिंदी (Hindi)</option>
<option value="zh-CN">语言：简体中文 (Simplified Chinese)</option>
</select>
</p>
<script>
function switchLanguage(_lang) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
switch (_lang)
{
case 'es':
script.src = 'https://spinningnumbers.org/circuit-sandbox/js/es.js';
break;
case 'ja':
script.src = 'https://spinningnumbers.org/circuit-sandbox/js/ja.js';
break;
case 'hu':
script.src = 'https://spinningnumbers.org/circuit-sandbox/js/hu.js';
break;
case 'hi':
script.src = 'https://spinningnumbers.org/circuit-sandbox/js/hi.js';
break;
case 'pt':
case 'pt-BR':
case 'pt-PT':
script.src = 'https://spinningnumbers.org/circuit-sandbox/js/pt.js';
break;
case 'zh':
case 'zh-CN':
script.src = 'https://spinningnumbers.org/circuit-sandbox/js/zh-CN.js';
break;
default:
script.src = 'https://spinningnumbers.org/circuit-sandbox/js/en-US.js';
}
document.head.appendChild(script);
}
var browserLang = navigator.language;
var userLang = window.localStorage.getItem('language');
var lang = userLang ? userLang : browserLang;
switchLanguage(lang);
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://spinningnumbers.org/circuit-sandbox/js/cktsimvsp_sn.js';
document.head.appendChild(script);
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://spinningnumbers.org/circuit-sandbox/js/schematic.js';
document.head.appendChild(script);
var dropdown = document.getElementById('languageSelect');
dropdown.value = lang;
function dropdownChange() {
var selectedLang = dropdown.options[dropdown.selectedIndex].value;
switchLanguage(selectedLang);
window.localStorage.setItem('language', selectedLang);
}
</script>
<em><small>© 2011, 2018 MIT EECS, © 2012 EdX, © 2016–2025 Spinning Numbers</small><em>
</body>
</html>
成果物
以上。