我想创建一个网页，其下方有工作代码但交互式部分可以更改。
示例：
在左侧我有画布。在画布上我有一些与THREEJS一起运行的JS代码向我展示了一些东西。在右边我有编辑器。编辑器内部有用于显示左侧内容的当前函数。我希望能够操纵右边的代码，当我按下播放或执行时，左边的可视化将会改变。
所以，如果我的左边是蓝色圆点的白色帆布。在右边，目前有空功能，没有任何反应。但现在，如果我像“dx + = Math.sin（time）”这样的内容写入并按下执行，则现在点开始移动。
修改
我怎样才能实现这样的目标？我读过关于使用eval但是可以eval访问函数外的JS变量吗？或者我可以给它一些参数吗？