Javascript DAT.gui-生产就绪替代方案

Javascript DAT.gui-生产就绪替代方案,javascript,user-interface,user-controls,user-experience,dat.gui,Javascript,User Interface,User Controls,User Experience,Dat.gui,我很喜欢使用DAT.gui进行本地调试,并控制我正在处理的图表,但我需要一些基本上具有相同功能的东西 使用滑块控制int或float范围 挑选颜色 但我需要它更具可定制性,这样我才能设计出与我们的产品相匹配的样式,并最终添加新功能 有类似的东西吗?既然dat.GUI已经满足了您的需求,您最好还是坚持使用它。它是在下授权的,因此您可以自由地修改它,将它变成一个封闭源代码项目,等等。您甚至可以在完全不同的许可下发布新代码(请参阅以获取许可证比较) 至于更改样式和添加功能,没有什么可以阻止您添加自

我很喜欢使用DAT.gui进行本地调试,并控制我正在处理的图表,但我需要一些基本上具有相同功能的东西

  • 使用滑块控制int或float范围
  • 挑选颜色
但我需要它更具可定制性,这样我才能设计出与我们的产品相匹配的样式,并最终添加新功能


有类似的东西吗?

既然dat.GUI已经满足了您的需求,您最好还是坚持使用它。它是在下授权的,因此您可以自由地修改它,将它变成一个封闭源代码项目,等等。您甚至可以在完全不同的许可下发布新代码(请参阅以获取许可证比较)

至于更改样式和添加功能,没有什么可以阻止您添加自己的CSS样式来覆盖默认设置,或者添加自己的js功能

编辑:查看源代码,样式似乎是在
gui
目录中的
style.scss
文件中设置的。因此,您可以编辑此文件并重新构建它,或者只是将输出css文件本身弄乱,然后重新编译整个包(源页面有相关说明)。

另一个选项是。如下图所示,它有很多操作和可视化数据的选项;包括颜色选择器和滑块


顺便说一句,我意识到有些人可能知道答案,但不知道DAT.gui是什么,所以下面的链接是编辑DAT.gui的CSS文件有什么问题?@JosephLennox,没什么,这是我最后的选择。但我记得当我查看源代码时,我看到代码中很少有地方可以直接从代码中设置css属性。我更喜欢代码、样式和模板清晰分离的东西。顺便说一句,我完全理解dat.GUI的风格,它作为演示和实验的控制器非常棒。我曾经列出了一个备选方案列表,谢谢,请参阅我刚才对Joseph的回复。如果没有其他选项,自定义DAT是我的最后一个选项。@kodisha请注意我的编辑。gui已经从js中分离出了样式。您只需在编辑提供的css或SCS后重新构建包。