{"id":23409009,"url":"https://github.com/wjsjtu/dat-gui","last_synced_at":"2025-07-01T15:07:10.136Z","repository":{"id":77410946,"uuid":"51200900","full_name":"WJsjtu/dat-gui","owner":"WJsjtu","description":"Automatically exported from code.google.com/p/dat-gui","archived":false,"fork":false,"pushed_at":"2016-02-06T12:04:03.000Z","size":12523,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-29T01:37:14.099Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/WJsjtu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-02-06T12:02:59.000Z","updated_at":"2016-02-06T12:04:10.000Z","dependencies_parsed_at":"2023-04-28T07:26:28.639Z","dependency_job_id":null,"html_url":"https://github.com/WJsjtu/dat-gui","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WJsjtu%2Fdat-gui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WJsjtu%2Fdat-gui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WJsjtu%2Fdat-gui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WJsjtu%2Fdat-gui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/WJsjtu","download_url":"https://codeload.github.com/WJsjtu/dat-gui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247958721,"owners_count":21024821,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-22T15:19:28.606Z","updated_at":"2025-04-09T01:41:40.428Z","avatar_url":"https://github.com/WJsjtu.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"#dat.GUI\nA lightweight graphical user interface for changing variables in JavaScript. \n\nGet started with dat.GUI by reading the tutorial at http://workshop.chromeexperiments.com/examples/gui.\n\n----\n\n##Packaged Builds\nThe 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.\n\nIn your `head` tag, include the following code:\n```\n\u003cscript type=\"text/javascript\" src=\"dat.gui.min.js\"\u003e\u003c/script\u003e\n```\n\n----\n\n##Using dat.GUI with require.js\nInternally, dat.GUI uses [require.js](http://requirejs.org/) to handle dependency management. If you're making changes to the source and want to see the effects of your changes without building, use require js.\n\nIn your `head` tag, include the following code:\n```\n\u003cscript data-main=\"path/to/main\" src=\"path/to/requirejs/require.js\"\u003e\u003c/script\u003e\n```\n\nThen, in `path/to/main.js`:\n```\nrequire([\n  'path/to/gui/module/GUI'\n], function(GUI) {\n\n  // No namespace necessary \n  var gui = new GUI();\n\n});\n```\n\n----\n\n##Directory Contents\n * build: Concatenated source code.\n * src: Modular code in [require.js](http://requirejs.org/) format. Also includes css, [scss](http://sass-lang.com/), and html, some of which is included during build.\n * tests: [QUnit](https://github.com/jquery/qunit) test suite.\n * utils: [node.js](http://nodejs.org/) utility scripts for compiling source.\n\n----\n\n##Building your own dat.GUI\n\nIn the terminal, enter the following:\n\n```\n$ cd utils\n$ node build_gui.js\n```\n\nThis will create a namespaced, unminified build of dat.GUI at `build/dat.gui.js`\n\n_To export minified source using Closure Compiler, open `utils/build_gui.js` and set the `minify` parameter to `true`._\n\n----\n\n##Change log\n\n###0.5\n * Moved to requirejs for dependency management.\n * Changed global namespace from *DAT* to *dat* (lowercase).\n * Added support for color controllers. See [Color Controllers](http://workshop.chromeexperiments.com/examples/gui/#4--Color-Controllers).\n * Added support for folders. See [Folders](http://workshop.chromeexperiments.com/examples/gui/#3--Folders).\n * Added support for saving named presets.  See [Presets](http://workshop.chromeexperiments.com/examples/gui/examples/gui/#6--Presets).\n * Removed `height` parameter from GUI constructor. Scrollbar automatically induced when window is too short.\n * `dat.GUI.autoPlace` parameter removed. Use `new dat.GUI( { autoPlace: false } )`. See [Custom Placement](http://workshop.chromeexperiments.com/examples/gui/#9--Custom-Placement).\n * `gui.autoListen` and `gui.listenAll()` removed. See [Updating The Display Manually](http://workshop.chromeexperiments.com/examples/gui/#11--Updating-the-Display-Manually).\n * `dat.GUI.load` removed. See [Saving Values](http://workshop.chromeexperiments.com/examples/gui/#5--Saving-Values).\n * Made Controller code completely agnostic of GUI. Controllers can easily be created independent of a GUI panel.\n\n\n#0.4\n\n * Migrated from GitHub to Google Code.\n\n----\n\n##Thanks\nThe following libraries / open-source projects were used in the development of dat.GUI:\n * [require.js](http://requirejs.org/)\n * [Sass](http://sass-lang.com/)\n * [node.js](http://nodejs.org/)\n * [QUnit](https://github.com/jquery/qunit) / [jquery](http://jquery.com/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwjsjtu%2Fdat-gui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwjsjtu%2Fdat-gui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwjsjtu%2Fdat-gui/lists"}