DAT.gui - 可用于生产环境的替代选择

15

我是DAT.gui的快乐用户,用于本地调试和控制图表,但我需要一个与其基本相同功能的东西。

  • 使用滑块控制int或float范围
  • 选择颜色

但我需要它更加可定制,以便可以将其样式与我们的产品匹配,并最终添加新功能。

有没有类似的东西存在?


顺便说一下,我意识到有些人可能知道答案,但不知道 DAT.gui 是什么,所以这里是链接http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage - kodisha
1
编辑dat.GUI的CSS文件有什么问题吗? - Joseph Lennox
@JosephLennox,没什么办法了。但我记得当我查看源代码时,在代码中有几个地方直接从代码设置CSS属性。我更喜欢具有清晰的代码、样式和模板分离的东西。顺便说一句,我完全理解dat.GUI的风格,它非常适合作为演示和实验的控制器。 - kodisha
我曾经制作过一份备选列表 https://gist.github.com/SMUsamaShah/71d5ac6849cdc0bffff4c19329e9d0bb - SMUsamaShah
2个回答

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

enter image description here


7

由于dat.GUI已经满足您的需求,最好的选择是坚持使用它。它基于Apache许可证V2发布,因此您可以自由修改它,将其制作成闭源项目等等。您甚至可以在完全不同的许可证下发布您的新代码(有关许可证比较,请参见Wiki)。

至于更改样式和添加功能,没有任何阻止您添加自己的CSS样式以覆盖默认样式,或者添加自己的js功能。

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


1
谢谢,看到我刚刚回复Joseph的内容了吗?自定义DAT是我的最后选择,如果没有其他可用的选项。 - kodisha
@kodisha 注意我的编辑。DAT.gui已经将样式与js分离了。您只需要在编辑提供的css或scss后重新构建包即可。 - Cianan Sims

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接