zoukankan      html  css  js  c++  java
  • dat.GUI

    dat.GUI

    A lightweight graphical user interface for changing variables in JavaScript.

    Get started with dat.GUI by reading the API documentation.

    Packaged Builds

    The easiest way to use dat.GUI in your code is by using the built source at build/dat.gui.min.js. These built JavaScript files bundle all the necessary dependencies to run dat.GUI.

    In your head tag, include the following code:

    <script type="text/javascript" src="dat.gui.min.js"></script>
    

    Installing from npm

    $ npm install --save dat.gui
    
    // CommonJS:
    const dat = require('dat.gui');
    
    // ES6:
    import * as dat from 'dat.gui';
    
    const gui = new dat.GUI();
    

    Directory Contents

    ├── build - Compiled source code.
    ├── src - Source files.
    └── tests - Tests.
    

    Building your own dat.GUI

    In the terminal, enter the following:

    $ npm install
    $ npm run build
    

    npm scripts

    • npm run build - Build development and production version of scripts.
    • npm run dev - Build development version of script and watch for changes.

    Working with Content Security Policy

    If you're using a server with a Content Security Policy in place that blocks 'unsafe-inline', you will have problems when dat.gui.js tries to inject style information. To get around this, load 'build/dat.gui.css' as an external style sheet.

    Changes

    View the Change Log

    Thanks

    The following libraries / open-source projects were used in the development of dat.GUI:

  • 相关阅读:
    python-常用数据类型
    python入门篇
    Vue 架构
    Bootstrap Web框架
    策略模式
    Java线程安全总结
    JVM中线程状态转换图
    java 多线程并发系列之 生产者消费者模式的两种实现
    JVM 垃圾回收器详解
    MyISAM和InnoDB索引实现对比
  • 原文地址:https://www.cnblogs.com/Jeely/p/14798087.html
Copyright © 2011-2022 走看看