├── LICENSE ├── Makefile ├── README.md ├── examples ├── basic.html ├── demo.html ├── felixturner_badtv.html ├── sound.html ├── vendor │ ├── require.js │ │ └── require.js │ └── three.js │ │ ├── build │ │ └── three.min.js │ │ └── examples │ │ └── js │ │ ├── ImprovedNoise.js │ │ ├── libs │ │ ├── dat.gui.min.js │ │ └── stats.min.js │ │ ├── postprocessing │ │ ├── EffectComposer.js │ │ ├── MaskPass.js │ │ ├── RenderPass.js │ │ └── ShaderPass.js │ │ └── shaders │ │ └── CopyShader.js └── videos │ └── fits.mp4 ├── package.require.js ├── shaders ├── BadTVShader.js ├── FilmShader.js ├── RGBShiftShader.js └── StaticShader.js ├── sounds ├── 132834__bekir-virtualdj__electric.mp3 ├── 19487__halleck__jacobsladdersingle2.flac └── 19487__halleck__jacobsladdersingle2.wav ├── threex.badtvdatgui.js ├── threex.badtvjamming.js ├── threex.badtvpasses.js └── threex.badtvsound.js /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2013 Felix Turner and Jerome Etienne 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of 6 | this software and associated documentation files (the "Software"), to deal in 7 | the Software without restriction, including without limitation the rights to 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of 9 | the Software, and to permit persons to whom the Software is furnished to do so, 10 | subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS 17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR 18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER 19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN 20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 21 | -------------------------------------------------------------------------------- /Makefile: -------------------------------------------------------------------------------- 1 | # makefile to automatize simple operations 2 | 3 | server: 4 | python -m SimpleHTTPServer 5 | 6 | deploy: 7 | # assume there is something to commit 8 | # use "git diff --exit-code HEAD" to know if there is something to commit 9 | # so two lines: one if no commit, one if something to commit 10 | git commit -a -m "New deploy" && git push -f origin HEAD:gh-pages && git reset HEAD~ 11 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | threex.badtv 2 | =================== 3 | 4 | threex.badtv is a three.js extension which provide an badtv effect. It is a post 5 | processing cumulating various effects. 6 | It is from the excelent [badtv demo](http://www.airtightinteractive.com/demos/js/badtvshader/) 7 | of [@felixturner](https://twitter.com/felixturner). 8 | You can see more of the good stuff what he does on 9 | [his blog](http://www.airtightinteractive.com/news). 10 | 11 | Show Don't Tell 12 | =============== 13 | * [examples/demo.html](http://jeromeetienne.github.io/threex.badtvpproc/examples/demo.html) 14 | \[[view source](https://github.com/jeromeetienne/threex.badtvpproc/blob/master/examples/demo.html)\] : 15 | It show a full featured demo using each aspect of this extension. 16 | It uses require.js too. 17 | * [examples/basic.html](http://jeromeetienne.github.io/threex.badtvpproc/examples/basic.html) 18 | \[[view source](https://github.com/jeromeetienne/threex.badtvpproc/blob/master/examples/basic.html)\] : 19 | It shows this feature, and that one which is coded like that. 20 | * [examples/sound.html](http://jeromeetienne.github.io/threex.badtvpproc/examples/sound.html) 21 | \[[view source](https://github.com/jeromeetienne/threex.badtvpproc/blob/master/examples/sound.html)\] : 22 | It show up the 'jam the tv' effect. It animate ```threex.badtvpasses.js``` thru various 23 | random steps, thus it appears as a broken tv set. Additionally it use a 24 | [electric sound](http://www.freesound.org/people/Bekir_VirtualDJ/sounds/132834/) 25 | from 26 | [freesound](http://www.freesound.org/) and use ```threex.badtvsound.js``` to play it thru webaudio API. 27 | * [examples/felixturner_badtv.html](http://jeromeetienne.github.io/threex.badtvpproc/examples/felixturner_badtv.html) 28 | \[[view source](https://github.com/jeromeetienne/threex.badtvpproc/blob/master/examples/felixturner_badtv.html)\] : 29 | It show the original demo from [@felixturner](https://twitter.com/felixturner). 30 | 31 | How To Install It 32 | ================= 33 | 34 | You can install it via script tag 35 | 36 | ```html 37 | 38 | ``` 39 | 40 | Or you can install with [bower](http://bower.io/), as you wish. 41 | 42 | ```bash 43 | bower install threex.badtv 44 | ``` 45 | 46 | How To Use It 47 | ============= 48 | 49 | Here is the split out of each javascript files 50 | 51 | 52 | threex.badtvpasses.js 53 | ===================== 54 | It build the passes for the badTV effect. 55 | It exposes ```badtvpasses.passes``` for a ```THREE.EffectComposer``` instance. 56 | 57 | Create an instance 58 | 59 | ``` 60 | var badTVPasses = new THREEx.BadTVPasses(); 61 | ``` 62 | 63 | Everytime you render the scene, be sure to update it 64 | 65 | ``` 66 | badTVPasses.update(delta, now) 67 | ``` 68 | 69 | Then you add those passes to an ```THREE.EffectComposer``` like that 70 | 71 | ``` 72 | badTVPasses.addPassesTo(composer) 73 | ``` 74 | 75 | threex.badtvjamming.js 76 | ====================== 77 | 78 | It provides a bad tv jamming effect with sound. 79 | It depends on ```threex.badtvsound.js``` for the sound. 80 | First create the object. 81 | 82 | ``` 83 | var context = new AudioContext() 84 | var badTVJamming = new THREEx.BadTVJamming(badTVPasses, context) 85 | ``` 86 | 87 | When you want to trigger the effect, just do 88 | 89 | ``` 90 | badTVJamming.trigger() 91 | ``` 92 | 93 | threex.badtvsound.js 94 | ==================== 95 | It plays a electical sound thru Web Audio API. It is used to simulate 96 | the noise made by a broken [cathod ray tube](http://en.wikipedia.org/wiki/Cathode_ray_tube). 97 | First create the object. 98 | 99 | ``` 100 | var context = new AudioContext() 101 | var badTVSound = new THREEx.BadTVSound(context, context.destination) 102 | ``` 103 | 104 | When you want to play it, do 105 | 106 | ``` 107 | badTVSound.play() 108 | ``` 109 | 110 | threex.badtvdatgui.js 111 | ===================== 112 | 113 | It provide an easy way to fine tune ```threex.badtvpasses``` parameters 114 | thanks to 115 | [Dat.GUI](https://code.google.com/p/dat-gui/). 116 | It is interactive and simple! 117 | The typical usage is just: 118 | 119 | ``` 120 | THREEx.addBadTVPasses2DatGui(badTVPasses) 121 | ``` 122 | 123 | TODO 124 | ==== 125 | * some shader are the same as in three.js distribution. DO NOT DUPLICATE code 126 | * RGBShiftShader 127 | * FilmShader 128 | 129 | 130 | -------------------------------------------------------------------------------- /examples/basic.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 111 | -------------------------------------------------------------------------------- /examples/demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | TV Jamming Presets: 15 | 16 | 17 |
18 | 128 | -------------------------------------------------------------------------------- /examples/felixturner_badtv.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Bad TV Shader for Three.js 6 | 7 | 30 | 31 | 32 | 33 |
BadTV Effect for Three.js by @felixturner. Click to randomize.
34 |
35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 334 | 335 | 336 | -------------------------------------------------------------------------------- /examples/sound.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 114 | -------------------------------------------------------------------------------- /examples/vendor/require.js/require.js: -------------------------------------------------------------------------------- 1 | /** vim: et:ts=4:sw=4:sts=4 2 | * @license RequireJS 2.1.5 Copyright (c) 2010-2012, The Dojo Foundation All Rights Reserved. 3 | * Available via the MIT or new BSD license. 4 | * see: http://github.com/jrburke/requirejs for details 5 | */ 6 | //Not using strict: uneven strict support in browsers, #392, and causes 7 | //problems with requirejs.exec()/transpiler plugins that may not be strict. 8 | /*jslint regexp: true, nomen: true, sloppy: true */ 9 | /*global window, navigator, document, importScripts, setTimeout, opera */ 10 | 11 | var requirejs, require, define; 12 | (function (global) { 13 | var req, s, head, baseElement, dataMain, src, 14 | interactiveScript, currentlyAddingScript, mainScript, subPath, 15 | version = '2.1.5', 16 | commentRegExp = /(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg, 17 | cjsRequireRegExp = /[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g, 18 | jsSuffixRegExp = /\.js$/, 19 | currDirRegExp = /^\.\//, 20 | op = Object.prototype, 21 | ostring = op.toString, 22 | hasOwn = op.hasOwnProperty, 23 | ap = Array.prototype, 24 | apsp = ap.splice, 25 | isBrowser = !!(typeof window !== 'undefined' && navigator && document), 26 | isWebWorker = !isBrowser && typeof importScripts !== 'undefined', 27 | //PS3 indicates loaded and complete, but need to wait for complete 28 | //specifically. Sequence is 'loading', 'loaded', execution, 29 | // then 'complete'. The UA check is unfortunate, but not sure how 30 | //to feature test w/o causing perf issues. 31 | readyRegExp = isBrowser && navigator.platform === 'PLAYSTATION 3' ? 32 | /^complete$/ : /^(complete|loaded)$/, 33 | defContextName = '_', 34 | //Oh the tragedy, detecting opera. See the usage of isOpera for reason. 35 | isOpera = typeof opera !== 'undefined' && opera.toString() === '[object Opera]', 36 | contexts = {}, 37 | cfg = {}, 38 | globalDefQueue = [], 39 | useInteractive = false; 40 | 41 | function isFunction(it) { 42 | return ostring.call(it) === '[object Function]'; 43 | } 44 | 45 | function isArray(it) { 46 | return ostring.call(it) === '[object Array]'; 47 | } 48 | 49 | /** 50 | * Helper function for iterating over an array. If the func returns 51 | * a true value, it will break out of the loop. 52 | */ 53 | function each(ary, func) { 54 | if (ary) { 55 | var i; 56 | for (i = 0; i < ary.length; i += 1) { 57 | if (ary[i] && func(ary[i], i, ary)) { 58 | break; 59 | } 60 | } 61 | } 62 | } 63 | 64 | /** 65 | * Helper function for iterating over an array backwards. If the func 66 | * returns a true value, it will break out of the loop. 67 | */ 68 | function eachReverse(ary, func) { 69 | if (ary) { 70 | var i; 71 | for (i = ary.length - 1; i > -1; i -= 1) { 72 | if (ary[i] && func(ary[i], i, ary)) { 73 | break; 74 | } 75 | } 76 | } 77 | } 78 | 79 | function hasProp(obj, prop) { 80 | return hasOwn.call(obj, prop); 81 | } 82 | 83 | function getOwn(obj, prop) { 84 | return hasProp(obj, prop) && obj[prop]; 85 | } 86 | 87 | /** 88 | * Cycles over properties in an object and calls a function for each 89 | * property value. If the function returns a truthy value, then the 90 | * iteration is stopped. 91 | */ 92 | function eachProp(obj, func) { 93 | var prop; 94 | for (prop in obj) { 95 | if (hasProp(obj, prop)) { 96 | if (func(obj[prop], prop)) { 97 | break; 98 | } 99 | } 100 | } 101 | } 102 | 103 | /** 104 | * Simple function to mix in properties from source into target, 105 | * but only if target does not already have a property of the same name. 106 | */ 107 | function mixin(target, source, force, deepStringMixin) { 108 | if (source) { 109 | eachProp(source, function (value, prop) { 110 | if (force || !hasProp(target, prop)) { 111 | if (deepStringMixin && typeof value !== 'string') { 112 | if (!target[prop]) { 113 | target[prop] = {}; 114 | } 115 | mixin(target[prop], value, force, deepStringMixin); 116 | } else { 117 | target[prop] = value; 118 | } 119 | } 120 | }); 121 | } 122 | return target; 123 | } 124 | 125 | //Similar to Function.prototype.bind, but the 'this' object is specified 126 | //first, since it is easier to read/figure out what 'this' will be. 127 | function bind(obj, fn) { 128 | return function () { 129 | return fn.apply(obj, arguments); 130 | }; 131 | } 132 | 133 | function scripts() { 134 | return document.getElementsByTagName('script'); 135 | } 136 | 137 | //Allow getting a global that expressed in 138 | //dot notation, like 'a.b.c'. 139 | function getGlobal(value) { 140 | if (!value) { 141 | return value; 142 | } 143 | var g = global; 144 | each(value.split('.'), function (part) { 145 | g = g[part]; 146 | }); 147 | return g; 148 | } 149 | 150 | /** 151 | * Constructs an error with a pointer to an URL with more information. 152 | * @param {String} id the error ID that maps to an ID on a web page. 153 | * @param {String} message human readable error. 154 | * @param {Error} [err] the original error, if there is one. 155 | * 156 | * @returns {Error} 157 | */ 158 | function makeError(id, msg, err, requireModules) { 159 | var e = new Error(msg + '\nhttp://requirejs.org/docs/errors.html#' + id); 160 | e.requireType = id; 161 | e.requireModules = requireModules; 162 | if (err) { 163 | e.originalError = err; 164 | } 165 | return e; 166 | } 167 | 168 | if (typeof define !== 'undefined') { 169 | //If a define is already in play via another AMD loader, 170 | //do not overwrite. 171 | return; 172 | } 173 | 174 | if (typeof requirejs !== 'undefined') { 175 | if (isFunction(requirejs)) { 176 | //Do not overwrite and existing requirejs instance. 177 | return; 178 | } 179 | cfg = requirejs; 180 | requirejs = undefined; 181 | } 182 | 183 | //Allow for a require config object 184 | if (typeof require !== 'undefined' && !isFunction(require)) { 185 | //assume it is a config object. 186 | cfg = require; 187 | require = undefined; 188 | } 189 | 190 | function newContext(contextName) { 191 | var inCheckLoaded, Module, context, handlers, 192 | checkLoadedTimeoutId, 193 | config = { 194 | //Defaults. Do not set a default for map 195 | //config to speed up normalize(), which 196 | //will run faster if there is no default. 197 | waitSeconds: 7, 198 | baseUrl: './', 199 | paths: {}, 200 | pkgs: {}, 201 | shim: {}, 202 | config: {} 203 | }, 204 | registry = {}, 205 | //registry of just enabled modules, to speed 206 | //cycle breaking code when lots of modules 207 | //are registered, but not activated. 208 | enabledRegistry = {}, 209 | undefEvents = {}, 210 | defQueue = [], 211 | defined = {}, 212 | urlFetched = {}, 213 | requireCounter = 1, 214 | unnormalizedCounter = 1; 215 | 216 | /** 217 | * Trims the . and .. from an array of path segments. 218 | * It will keep a leading path segment if a .. will become 219 | * the first path segment, to help with module name lookups, 220 | * which act like paths, but can be remapped. But the end result, 221 | * all paths that use this function should look normalized. 222 | * NOTE: this method MODIFIES the input array. 223 | * @param {Array} ary the array of path segments. 224 | */ 225 | function trimDots(ary) { 226 | var i, part; 227 | for (i = 0; ary[i]; i += 1) { 228 | part = ary[i]; 229 | if (part === '.') { 230 | ary.splice(i, 1); 231 | i -= 1; 232 | } else if (part === '..') { 233 | if (i === 1 && (ary[2] === '..' || ary[0] === '..')) { 234 | //End of the line. Keep at least one non-dot 235 | //path segment at the front so it can be mapped 236 | //correctly to disk. Otherwise, there is likely 237 | //no path mapping for a path starting with '..'. 238 | //This can still fail, but catches the most reasonable 239 | //uses of .. 240 | break; 241 | } else if (i > 0) { 242 | ary.splice(i - 1, 2); 243 | i -= 2; 244 | } 245 | } 246 | } 247 | } 248 | 249 | /** 250 | * Given a relative module name, like ./something, normalize it to 251 | * a real name that can be mapped to a path. 252 | * @param {String} name the relative name 253 | * @param {String} baseName a real name that the name arg is relative 254 | * to. 255 | * @param {Boolean} applyMap apply the map config to the value. Should 256 | * only be done if this normalization is for a dependency ID. 257 | * @returns {String} normalized name 258 | */ 259 | function normalize(name, baseName, applyMap) { 260 | var pkgName, pkgConfig, mapValue, nameParts, i, j, nameSegment, 261 | foundMap, foundI, foundStarMap, starI, 262 | baseParts = baseName && baseName.split('/'), 263 | normalizedBaseParts = baseParts, 264 | map = config.map, 265 | starMap = map && map['*']; 266 | 267 | //Adjust any relative paths. 268 | if (name && name.charAt(0) === '.') { 269 | //If have a base name, try to normalize against it, 270 | //otherwise, assume it is a top-level require that will 271 | //be relative to baseUrl in the end. 272 | if (baseName) { 273 | if (getOwn(config.pkgs, baseName)) { 274 | //If the baseName is a package name, then just treat it as one 275 | //name to concat the name with. 276 | normalizedBaseParts = baseParts = [baseName]; 277 | } else { 278 | //Convert baseName to array, and lop off the last part, 279 | //so that . matches that 'directory' and not name of the baseName's 280 | //module. For instance, baseName of 'one/two/three', maps to 281 | //'one/two/three.js', but we want the directory, 'one/two' for 282 | //this normalization. 283 | normalizedBaseParts = baseParts.slice(0, baseParts.length - 1); 284 | } 285 | 286 | name = normalizedBaseParts.concat(name.split('/')); 287 | trimDots(name); 288 | 289 | //Some use of packages may use a . path to reference the 290 | //'main' module name, so normalize for that. 291 | pkgConfig = getOwn(config.pkgs, (pkgName = name[0])); 292 | name = name.join('/'); 293 | if (pkgConfig && name === pkgName + '/' + pkgConfig.main) { 294 | name = pkgName; 295 | } 296 | } else if (name.indexOf('./') === 0) { 297 | // No baseName, so this is ID is resolved relative 298 | // to baseUrl, pull off the leading dot. 299 | name = name.substring(2); 300 | } 301 | } 302 | 303 | //Apply map config if available. 304 | if (applyMap && map && (baseParts || starMap)) { 305 | nameParts = name.split('/'); 306 | 307 | for (i = nameParts.length; i > 0; i -= 1) { 308 | nameSegment = nameParts.slice(0, i).join('/'); 309 | 310 | if (baseParts) { 311 | //Find the longest baseName segment match in the config. 312 | //So, do joins on the biggest to smallest lengths of baseParts. 313 | for (j = baseParts.length; j > 0; j -= 1) { 314 | mapValue = getOwn(map, baseParts.slice(0, j).join('/')); 315 | 316 | //baseName segment has config, find if it has one for 317 | //this name. 318 | if (mapValue) { 319 | mapValue = getOwn(mapValue, nameSegment); 320 | if (mapValue) { 321 | //Match, update name to the new value. 322 | foundMap = mapValue; 323 | foundI = i; 324 | break; 325 | } 326 | } 327 | } 328 | } 329 | 330 | if (foundMap) { 331 | break; 332 | } 333 | 334 | //Check for a star map match, but just hold on to it, 335 | //if there is a shorter segment match later in a matching 336 | //config, then favor over this star map. 337 | if (!foundStarMap && starMap && getOwn(starMap, nameSegment)) { 338 | foundStarMap = getOwn(starMap, nameSegment); 339 | starI = i; 340 | } 341 | } 342 | 343 | if (!foundMap && foundStarMap) { 344 | foundMap = foundStarMap; 345 | foundI = starI; 346 | } 347 | 348 | if (foundMap) { 349 | nameParts.splice(0, foundI, foundMap); 350 | name = nameParts.join('/'); 351 | } 352 | } 353 | 354 | return name; 355 | } 356 | 357 | function removeScript(name) { 358 | if (isBrowser) { 359 | each(scripts(), function (scriptNode) { 360 | if (scriptNode.getAttribute('data-requiremodule') === name && 361 | scriptNode.getAttribute('data-requirecontext') === context.contextName) { 362 | scriptNode.parentNode.removeChild(scriptNode); 363 | return true; 364 | } 365 | }); 366 | } 367 | } 368 | 369 | function hasPathFallback(id) { 370 | var pathConfig = getOwn(config.paths, id); 371 | if (pathConfig && isArray(pathConfig) && pathConfig.length > 1) { 372 | removeScript(id); 373 | //Pop off the first array value, since it failed, and 374 | //retry 375 | pathConfig.shift(); 376 | context.require.undef(id); 377 | context.require([id]); 378 | return true; 379 | } 380 | } 381 | 382 | //Turns a plugin!resource to [plugin, resource] 383 | //with the plugin being undefined if the name 384 | //did not have a plugin prefix. 385 | function splitPrefix(name) { 386 | var prefix, 387 | index = name ? name.indexOf('!') : -1; 388 | if (index > -1) { 389 | prefix = name.substring(0, index); 390 | name = name.substring(index + 1, name.length); 391 | } 392 | return [prefix, name]; 393 | } 394 | 395 | /** 396 | * Creates a module mapping that includes plugin prefix, module 397 | * name, and path. If parentModuleMap is provided it will 398 | * also normalize the name via require.normalize() 399 | * 400 | * @param {String} name the module name 401 | * @param {String} [parentModuleMap] parent module map 402 | * for the module name, used to resolve relative names. 403 | * @param {Boolean} isNormalized: is the ID already normalized. 404 | * This is true if this call is done for a define() module ID. 405 | * @param {Boolean} applyMap: apply the map config to the ID. 406 | * Should only be true if this map is for a dependency. 407 | * 408 | * @returns {Object} 409 | */ 410 | function makeModuleMap(name, parentModuleMap, isNormalized, applyMap) { 411 | var url, pluginModule, suffix, nameParts, 412 | prefix = null, 413 | parentName = parentModuleMap ? parentModuleMap.name : null, 414 | originalName = name, 415 | isDefine = true, 416 | normalizedName = ''; 417 | 418 | //If no name, then it means it is a require call, generate an 419 | //internal name. 420 | if (!name) { 421 | isDefine = false; 422 | name = '_@r' + (requireCounter += 1); 423 | } 424 | 425 | nameParts = splitPrefix(name); 426 | prefix = nameParts[0]; 427 | name = nameParts[1]; 428 | 429 | if (prefix) { 430 | prefix = normalize(prefix, parentName, applyMap); 431 | pluginModule = getOwn(defined, prefix); 432 | } 433 | 434 | //Account for relative paths if there is a base name. 435 | if (name) { 436 | if (prefix) { 437 | if (pluginModule && pluginModule.normalize) { 438 | //Plugin is loaded, use its normalize method. 439 | normalizedName = pluginModule.normalize(name, function (name) { 440 | return normalize(name, parentName, applyMap); 441 | }); 442 | } else { 443 | normalizedName = normalize(name, parentName, applyMap); 444 | } 445 | } else { 446 | //A regular module. 447 | normalizedName = normalize(name, parentName, applyMap); 448 | 449 | //Normalized name may be a plugin ID due to map config 450 | //application in normalize. The map config values must 451 | //already be normalized, so do not need to redo that part. 452 | nameParts = splitPrefix(normalizedName); 453 | prefix = nameParts[0]; 454 | normalizedName = nameParts[1]; 455 | isNormalized = true; 456 | 457 | url = context.nameToUrl(normalizedName); 458 | } 459 | } 460 | 461 | //If the id is a plugin id that cannot be determined if it needs 462 | //normalization, stamp it with a unique ID so two matching relative 463 | //ids that may conflict can be separate. 464 | suffix = prefix && !pluginModule && !isNormalized ? 465 | '_unnormalized' + (unnormalizedCounter += 1) : 466 | ''; 467 | 468 | return { 469 | prefix: prefix, 470 | name: normalizedName, 471 | parentMap: parentModuleMap, 472 | unnormalized: !!suffix, 473 | url: url, 474 | originalName: originalName, 475 | isDefine: isDefine, 476 | id: (prefix ? 477 | prefix + '!' + normalizedName : 478 | normalizedName) + suffix 479 | }; 480 | } 481 | 482 | function getModule(depMap) { 483 | var id = depMap.id, 484 | mod = getOwn(registry, id); 485 | 486 | if (!mod) { 487 | mod = registry[id] = new context.Module(depMap); 488 | } 489 | 490 | return mod; 491 | } 492 | 493 | function on(depMap, name, fn) { 494 | var id = depMap.id, 495 | mod = getOwn(registry, id); 496 | 497 | if (hasProp(defined, id) && 498 | (!mod || mod.defineEmitComplete)) { 499 | if (name === 'defined') { 500 | fn(defined[id]); 501 | } 502 | } else { 503 | getModule(depMap).on(name, fn); 504 | } 505 | } 506 | 507 | function onError(err, errback) { 508 | var ids = err.requireModules, 509 | notified = false; 510 | 511 | if (errback) { 512 | errback(err); 513 | } else { 514 | each(ids, function (id) { 515 | var mod = getOwn(registry, id); 516 | if (mod) { 517 | //Set error on module, so it skips timeout checks. 518 | mod.error = err; 519 | if (mod.events.error) { 520 | notified = true; 521 | mod.emit('error', err); 522 | } 523 | } 524 | }); 525 | 526 | if (!notified) { 527 | req.onError(err); 528 | } 529 | } 530 | } 531 | 532 | /** 533 | * Internal method to transfer globalQueue items to this context's 534 | * defQueue. 535 | */ 536 | function takeGlobalQueue() { 537 | //Push all the globalDefQueue items into the context's defQueue 538 | if (globalDefQueue.length) { 539 | //Array splice in the values since the context code has a 540 | //local var ref to defQueue, so cannot just reassign the one 541 | //on context. 542 | apsp.apply(defQueue, 543 | [defQueue.length - 1, 0].concat(globalDefQueue)); 544 | globalDefQueue = []; 545 | } 546 | } 547 | 548 | handlers = { 549 | 'require': function (mod) { 550 | if (mod.require) { 551 | return mod.require; 552 | } else { 553 | return (mod.require = context.makeRequire(mod.map)); 554 | } 555 | }, 556 | 'exports': function (mod) { 557 | mod.usingExports = true; 558 | if (mod.map.isDefine) { 559 | if (mod.exports) { 560 | return mod.exports; 561 | } else { 562 | return (mod.exports = defined[mod.map.id] = {}); 563 | } 564 | } 565 | }, 566 | 'module': function (mod) { 567 | if (mod.module) { 568 | return mod.module; 569 | } else { 570 | return (mod.module = { 571 | id: mod.map.id, 572 | uri: mod.map.url, 573 | config: function () { 574 | return (config.config && getOwn(config.config, mod.map.id)) || {}; 575 | }, 576 | exports: defined[mod.map.id] 577 | }); 578 | } 579 | } 580 | }; 581 | 582 | function cleanRegistry(id) { 583 | //Clean up machinery used for waiting modules. 584 | delete registry[id]; 585 | delete enabledRegistry[id]; 586 | } 587 | 588 | function breakCycle(mod, traced, processed) { 589 | var id = mod.map.id; 590 | 591 | if (mod.error) { 592 | mod.emit('error', mod.error); 593 | } else { 594 | traced[id] = true; 595 | each(mod.depMaps, function (depMap, i) { 596 | var depId = depMap.id, 597 | dep = getOwn(registry, depId); 598 | 599 | //Only force things that have not completed 600 | //being defined, so still in the registry, 601 | //and only if it has not been matched up 602 | //in the module already. 603 | if (dep && !mod.depMatched[i] && !processed[depId]) { 604 | if (getOwn(traced, depId)) { 605 | mod.defineDep(i, defined[depId]); 606 | mod.check(); //pass false? 607 | } else { 608 | breakCycle(dep, traced, processed); 609 | } 610 | } 611 | }); 612 | processed[id] = true; 613 | } 614 | } 615 | 616 | function checkLoaded() { 617 | var map, modId, err, usingPathFallback, 618 | waitInterval = config.waitSeconds * 1000, 619 | //It is possible to disable the wait interval by using waitSeconds of 0. 620 | expired = waitInterval && (context.startTime + waitInterval) < new Date().getTime(), 621 | noLoads = [], 622 | reqCalls = [], 623 | stillLoading = false, 624 | needCycleCheck = true; 625 | 626 | //Do not bother if this call was a result of a cycle break. 627 | if (inCheckLoaded) { 628 | return; 629 | } 630 | 631 | inCheckLoaded = true; 632 | 633 | //Figure out the state of all the modules. 634 | eachProp(enabledRegistry, function (mod) { 635 | map = mod.map; 636 | modId = map.id; 637 | 638 | //Skip things that are not enabled or in error state. 639 | if (!mod.enabled) { 640 | return; 641 | } 642 | 643 | if (!map.isDefine) { 644 | reqCalls.push(mod); 645 | } 646 | 647 | if (!mod.error) { 648 | //If the module should be executed, and it has not 649 | //been inited and time is up, remember it. 650 | if (!mod.inited && expired) { 651 | if (hasPathFallback(modId)) { 652 | usingPathFallback = true; 653 | stillLoading = true; 654 | } else { 655 | noLoads.push(modId); 656 | removeScript(modId); 657 | } 658 | } else if (!mod.inited && mod.fetched && map.isDefine) { 659 | stillLoading = true; 660 | if (!map.prefix) { 661 | //No reason to keep looking for unfinished 662 | //loading. If the only stillLoading is a 663 | //plugin resource though, keep going, 664 | //because it may be that a plugin resource 665 | //is waiting on a non-plugin cycle. 666 | return (needCycleCheck = false); 667 | } 668 | } 669 | } 670 | }); 671 | 672 | if (expired && noLoads.length) { 673 | //If wait time expired, throw error of unloaded modules. 674 | err = makeError('timeout', 'Load timeout for modules: ' + noLoads, null, noLoads); 675 | err.contextName = context.contextName; 676 | return onError(err); 677 | } 678 | 679 | //Not expired, check for a cycle. 680 | if (needCycleCheck) { 681 | each(reqCalls, function (mod) { 682 | breakCycle(mod, {}, {}); 683 | }); 684 | } 685 | 686 | //If still waiting on loads, and the waiting load is something 687 | //other than a plugin resource, or there are still outstanding 688 | //scripts, then just try back later. 689 | if ((!expired || usingPathFallback) && stillLoading) { 690 | //Something is still waiting to load. Wait for it, but only 691 | //if a timeout is not already in effect. 692 | if ((isBrowser || isWebWorker) && !checkLoadedTimeoutId) { 693 | checkLoadedTimeoutId = setTimeout(function () { 694 | checkLoadedTimeoutId = 0; 695 | checkLoaded(); 696 | }, 50); 697 | } 698 | } 699 | 700 | inCheckLoaded = false; 701 | } 702 | 703 | Module = function (map) { 704 | this.events = getOwn(undefEvents, map.id) || {}; 705 | this.map = map; 706 | this.shim = getOwn(config.shim, map.id); 707 | this.depExports = []; 708 | this.depMaps = []; 709 | this.depMatched = []; 710 | this.pluginMaps = {}; 711 | this.depCount = 0; 712 | 713 | /* this.exports this.factory 714 | this.depMaps = [], 715 | this.enabled, this.fetched 716 | */ 717 | }; 718 | 719 | Module.prototype = { 720 | init: function (depMaps, factory, errback, options) { 721 | options = options || {}; 722 | 723 | //Do not do more inits if already done. Can happen if there 724 | //are multiple define calls for the same module. That is not 725 | //a normal, common case, but it is also not unexpected. 726 | if (this.inited) { 727 | return; 728 | } 729 | 730 | this.factory = factory; 731 | 732 | if (errback) { 733 | //Register for errors on this module. 734 | this.on('error', errback); 735 | } else if (this.events.error) { 736 | //If no errback already, but there are error listeners 737 | //on this module, set up an errback to pass to the deps. 738 | errback = bind(this, function (err) { 739 | this.emit('error', err); 740 | }); 741 | } 742 | 743 | //Do a copy of the dependency array, so that 744 | //source inputs are not modified. For example 745 | //"shim" deps are passed in here directly, and 746 | //doing a direct modification of the depMaps array 747 | //would affect that config. 748 | this.depMaps = depMaps && depMaps.slice(0); 749 | 750 | this.errback = errback; 751 | 752 | //Indicate this module has be initialized 753 | this.inited = true; 754 | 755 | this.ignore = options.ignore; 756 | 757 | //Could have option to init this module in enabled mode, 758 | //or could have been previously marked as enabled. However, 759 | //the dependencies are not known until init is called. So 760 | //if enabled previously, now trigger dependencies as enabled. 761 | if (options.enabled || this.enabled) { 762 | //Enable this module and dependencies. 763 | //Will call this.check() 764 | this.enable(); 765 | } else { 766 | this.check(); 767 | } 768 | }, 769 | 770 | defineDep: function (i, depExports) { 771 | //Because of cycles, defined callback for a given 772 | //export can be called more than once. 773 | if (!this.depMatched[i]) { 774 | this.depMatched[i] = true; 775 | this.depCount -= 1; 776 | this.depExports[i] = depExports; 777 | } 778 | }, 779 | 780 | fetch: function () { 781 | if (this.fetched) { 782 | return; 783 | } 784 | this.fetched = true; 785 | 786 | context.startTime = (new Date()).getTime(); 787 | 788 | var map = this.map; 789 | 790 | //If the manager is for a plugin managed resource, 791 | //ask the plugin to load it now. 792 | if (this.shim) { 793 | context.makeRequire(this.map, { 794 | enableBuildCallback: true 795 | })(this.shim.deps || [], bind(this, function () { 796 | return map.prefix ? this.callPlugin() : this.load(); 797 | })); 798 | } else { 799 | //Regular dependency. 800 | return map.prefix ? this.callPlugin() : this.load(); 801 | } 802 | }, 803 | 804 | load: function () { 805 | var url = this.map.url; 806 | 807 | //Regular dependency. 808 | if (!urlFetched[url]) { 809 | urlFetched[url] = true; 810 | context.load(this.map.id, url); 811 | } 812 | }, 813 | 814 | /** 815 | * Checks if the module is ready to define itself, and if so, 816 | * define it. 817 | */ 818 | check: function () { 819 | if (!this.enabled || this.enabling) { 820 | return; 821 | } 822 | 823 | var err, cjsModule, 824 | id = this.map.id, 825 | depExports = this.depExports, 826 | exports = this.exports, 827 | factory = this.factory; 828 | 829 | if (!this.inited) { 830 | this.fetch(); 831 | } else if (this.error) { 832 | this.emit('error', this.error); 833 | } else if (!this.defining) { 834 | //The factory could trigger another require call 835 | //that would result in checking this module to 836 | //define itself again. If already in the process 837 | //of doing that, skip this work. 838 | this.defining = true; 839 | 840 | if (this.depCount < 1 && !this.defined) { 841 | if (isFunction(factory)) { 842 | //If there is an error listener, favor passing 843 | //to that instead of throwing an error. 844 | if (this.events.error) { 845 | try { 846 | exports = context.execCb(id, factory, depExports, exports); 847 | } catch (e) { 848 | err = e; 849 | } 850 | } else { 851 | exports = context.execCb(id, factory, depExports, exports); 852 | } 853 | 854 | if (this.map.isDefine) { 855 | //If setting exports via 'module' is in play, 856 | //favor that over return value and exports. After that, 857 | //favor a non-undefined return value over exports use. 858 | cjsModule = this.module; 859 | if (cjsModule && 860 | cjsModule.exports !== undefined && 861 | //Make sure it is not already the exports value 862 | cjsModule.exports !== this.exports) { 863 | exports = cjsModule.exports; 864 | } else if (exports === undefined && this.usingExports) { 865 | //exports already set the defined value. 866 | exports = this.exports; 867 | } 868 | } 869 | 870 | if (err) { 871 | err.requireMap = this.map; 872 | err.requireModules = [this.map.id]; 873 | err.requireType = 'define'; 874 | return onError((this.error = err)); 875 | } 876 | 877 | } else { 878 | //Just a literal value 879 | exports = factory; 880 | } 881 | 882 | this.exports = exports; 883 | 884 | if (this.map.isDefine && !this.ignore) { 885 | defined[id] = exports; 886 | 887 | if (req.onResourceLoad) { 888 | req.onResourceLoad(context, this.map, this.depMaps); 889 | } 890 | } 891 | 892 | //Clean up 893 | cleanRegistry(id); 894 | 895 | this.defined = true; 896 | } 897 | 898 | //Finished the define stage. Allow calling check again 899 | //to allow define notifications below in the case of a 900 | //cycle. 901 | this.defining = false; 902 | 903 | if (this.defined && !this.defineEmitted) { 904 | this.defineEmitted = true; 905 | this.emit('defined', this.exports); 906 | this.defineEmitComplete = true; 907 | } 908 | 909 | } 910 | }, 911 | 912 | callPlugin: function () { 913 | var map = this.map, 914 | id = map.id, 915 | //Map already normalized the prefix. 916 | pluginMap = makeModuleMap(map.prefix); 917 | 918 | //Mark this as a dependency for this plugin, so it 919 | //can be traced for cycles. 920 | this.depMaps.push(pluginMap); 921 | 922 | on(pluginMap, 'defined', bind(this, function (plugin) { 923 | var load, normalizedMap, normalizedMod, 924 | name = this.map.name, 925 | parentName = this.map.parentMap ? this.map.parentMap.name : null, 926 | localRequire = context.makeRequire(map.parentMap, { 927 | enableBuildCallback: true 928 | }); 929 | 930 | //If current map is not normalized, wait for that 931 | //normalized name to load instead of continuing. 932 | if (this.map.unnormalized) { 933 | //Normalize the ID if the plugin allows it. 934 | if (plugin.normalize) { 935 | name = plugin.normalize(name, function (name) { 936 | return normalize(name, parentName, true); 937 | }) || ''; 938 | } 939 | 940 | //prefix and name should already be normalized, no need 941 | //for applying map config again either. 942 | normalizedMap = makeModuleMap(map.prefix + '!' + name, 943 | this.map.parentMap); 944 | on(normalizedMap, 945 | 'defined', bind(this, function (value) { 946 | this.init([], function () { return value; }, null, { 947 | enabled: true, 948 | ignore: true 949 | }); 950 | })); 951 | 952 | normalizedMod = getOwn(registry, normalizedMap.id); 953 | if (normalizedMod) { 954 | //Mark this as a dependency for this plugin, so it 955 | //can be traced for cycles. 956 | this.depMaps.push(normalizedMap); 957 | 958 | if (this.events.error) { 959 | normalizedMod.on('error', bind(this, function (err) { 960 | this.emit('error', err); 961 | })); 962 | } 963 | normalizedMod.enable(); 964 | } 965 | 966 | return; 967 | } 968 | 969 | load = bind(this, function (value) { 970 | this.init([], function () { return value; }, null, { 971 | enabled: true 972 | }); 973 | }); 974 | 975 | load.error = bind(this, function (err) { 976 | this.inited = true; 977 | this.error = err; 978 | err.requireModules = [id]; 979 | 980 | //Remove temp unnormalized modules for this module, 981 | //since they will never be resolved otherwise now. 982 | eachProp(registry, function (mod) { 983 | if (mod.map.id.indexOf(id + '_unnormalized') === 0) { 984 | cleanRegistry(mod.map.id); 985 | } 986 | }); 987 | 988 | onError(err); 989 | }); 990 | 991 | //Allow plugins to load other code without having to know the 992 | //context or how to 'complete' the load. 993 | load.fromText = bind(this, function (text, textAlt) { 994 | /*jslint evil: true */ 995 | var moduleName = map.name, 996 | moduleMap = makeModuleMap(moduleName), 997 | hasInteractive = useInteractive; 998 | 999 | //As of 2.1.0, support just passing the text, to reinforce 1000 | //fromText only being called once per resource. Still 1001 | //support old style of passing moduleName but discard 1002 | //that moduleName in favor of the internal ref. 1003 | if (textAlt) { 1004 | text = textAlt; 1005 | } 1006 | 1007 | //Turn off interactive script matching for IE for any define 1008 | //calls in the text, then turn it back on at the end. 1009 | if (hasInteractive) { 1010 | useInteractive = false; 1011 | } 1012 | 1013 | //Prime the system by creating a module instance for 1014 | //it. 1015 | getModule(moduleMap); 1016 | 1017 | //Transfer any config to this other module. 1018 | if (hasProp(config.config, id)) { 1019 | config.config[moduleName] = config.config[id]; 1020 | } 1021 | 1022 | try { 1023 | req.exec(text); 1024 | } catch (e) { 1025 | return onError(makeError('fromtexteval', 1026 | 'fromText eval for ' + id + 1027 | ' failed: ' + e, 1028 | e, 1029 | [id])); 1030 | } 1031 | 1032 | if (hasInteractive) { 1033 | useInteractive = true; 1034 | } 1035 | 1036 | //Mark this as a dependency for the plugin 1037 | //resource 1038 | this.depMaps.push(moduleMap); 1039 | 1040 | //Support anonymous modules. 1041 | context.completeLoad(moduleName); 1042 | 1043 | //Bind the value of that module to the value for this 1044 | //resource ID. 1045 | localRequire([moduleName], load); 1046 | }); 1047 | 1048 | //Use parentName here since the plugin's name is not reliable, 1049 | //could be some weird string with no path that actually wants to 1050 | //reference the parentName's path. 1051 | plugin.load(map.name, localRequire, load, config); 1052 | })); 1053 | 1054 | context.enable(pluginMap, this); 1055 | this.pluginMaps[pluginMap.id] = pluginMap; 1056 | }, 1057 | 1058 | enable: function () { 1059 | enabledRegistry[this.map.id] = this; 1060 | this.enabled = true; 1061 | 1062 | //Set flag mentioning that the module is enabling, 1063 | //so that immediate calls to the defined callbacks 1064 | //for dependencies do not trigger inadvertent load 1065 | //with the depCount still being zero. 1066 | this.enabling = true; 1067 | 1068 | //Enable each dependency 1069 | each(this.depMaps, bind(this, function (depMap, i) { 1070 | var id, mod, handler; 1071 | 1072 | if (typeof depMap === 'string') { 1073 | //Dependency needs to be converted to a depMap 1074 | //and wired up to this module. 1075 | depMap = makeModuleMap(depMap, 1076 | (this.map.isDefine ? this.map : this.map.parentMap), 1077 | false, 1078 | !this.skipMap); 1079 | this.depMaps[i] = depMap; 1080 | 1081 | handler = getOwn(handlers, depMap.id); 1082 | 1083 | if (handler) { 1084 | this.depExports[i] = handler(this); 1085 | return; 1086 | } 1087 | 1088 | this.depCount += 1; 1089 | 1090 | on(depMap, 'defined', bind(this, function (depExports) { 1091 | this.defineDep(i, depExports); 1092 | this.check(); 1093 | })); 1094 | 1095 | if (this.errback) { 1096 | on(depMap, 'error', this.errback); 1097 | } 1098 | } 1099 | 1100 | id = depMap.id; 1101 | mod = registry[id]; 1102 | 1103 | //Skip special modules like 'require', 'exports', 'module' 1104 | //Also, don't call enable if it is already enabled, 1105 | //important in circular dependency cases. 1106 | if (!hasProp(handlers, id) && mod && !mod.enabled) { 1107 | context.enable(depMap, this); 1108 | } 1109 | })); 1110 | 1111 | //Enable each plugin that is used in 1112 | //a dependency 1113 | eachProp(this.pluginMaps, bind(this, function (pluginMap) { 1114 | var mod = getOwn(registry, pluginMap.id); 1115 | if (mod && !mod.enabled) { 1116 | context.enable(pluginMap, this); 1117 | } 1118 | })); 1119 | 1120 | this.enabling = false; 1121 | 1122 | this.check(); 1123 | }, 1124 | 1125 | on: function (name, cb) { 1126 | var cbs = this.events[name]; 1127 | if (!cbs) { 1128 | cbs = this.events[name] = []; 1129 | } 1130 | cbs.push(cb); 1131 | }, 1132 | 1133 | emit: function (name, evt) { 1134 | each(this.events[name], function (cb) { 1135 | cb(evt); 1136 | }); 1137 | if (name === 'error') { 1138 | //Now that the error handler was triggered, remove 1139 | //the listeners, since this broken Module instance 1140 | //can stay around for a while in the registry. 1141 | delete this.events[name]; 1142 | } 1143 | } 1144 | }; 1145 | 1146 | function callGetModule(args) { 1147 | //Skip modules already defined. 1148 | if (!hasProp(defined, args[0])) { 1149 | getModule(makeModuleMap(args[0], null, true)).init(args[1], args[2]); 1150 | } 1151 | } 1152 | 1153 | function removeListener(node, func, name, ieName) { 1154 | //Favor detachEvent because of IE9 1155 | //issue, see attachEvent/addEventListener comment elsewhere 1156 | //in this file. 1157 | if (node.detachEvent && !isOpera) { 1158 | //Probably IE. If not it will throw an error, which will be 1159 | //useful to know. 1160 | if (ieName) { 1161 | node.detachEvent(ieName, func); 1162 | } 1163 | } else { 1164 | node.removeEventListener(name, func, false); 1165 | } 1166 | } 1167 | 1168 | /** 1169 | * Given an event from a script node, get the requirejs info from it, 1170 | * and then removes the event listeners on the node. 1171 | * @param {Event} evt 1172 | * @returns {Object} 1173 | */ 1174 | function getScriptData(evt) { 1175 | //Using currentTarget instead of target for Firefox 2.0's sake. Not 1176 | //all old browsers will be supported, but this one was easy enough 1177 | //to support and still makes sense. 1178 | var node = evt.currentTarget || evt.srcElement; 1179 | 1180 | //Remove the listeners once here. 1181 | removeListener(node, context.onScriptLoad, 'load', 'onreadystatechange'); 1182 | removeListener(node, context.onScriptError, 'error'); 1183 | 1184 | return { 1185 | node: node, 1186 | id: node && node.getAttribute('data-requiremodule') 1187 | }; 1188 | } 1189 | 1190 | function intakeDefines() { 1191 | var args; 1192 | 1193 | //Any defined modules in the global queue, intake them now. 1194 | takeGlobalQueue(); 1195 | 1196 | //Make sure any remaining defQueue items get properly processed. 1197 | while (defQueue.length) { 1198 | args = defQueue.shift(); 1199 | if (args[0] === null) { 1200 | return onError(makeError('mismatch', 'Mismatched anonymous define() module: ' + args[args.length - 1])); 1201 | } else { 1202 | //args are id, deps, factory. Should be normalized by the 1203 | //define() function. 1204 | callGetModule(args); 1205 | } 1206 | } 1207 | } 1208 | 1209 | context = { 1210 | config: config, 1211 | contextName: contextName, 1212 | registry: registry, 1213 | defined: defined, 1214 | urlFetched: urlFetched, 1215 | defQueue: defQueue, 1216 | Module: Module, 1217 | makeModuleMap: makeModuleMap, 1218 | nextTick: req.nextTick, 1219 | onError: onError, 1220 | 1221 | /** 1222 | * Set a configuration for the context. 1223 | * @param {Object} cfg config object to integrate. 1224 | */ 1225 | configure: function (cfg) { 1226 | //Make sure the baseUrl ends in a slash. 1227 | if (cfg.baseUrl) { 1228 | if (cfg.baseUrl.charAt(cfg.baseUrl.length - 1) !== '/') { 1229 | cfg.baseUrl += '/'; 1230 | } 1231 | } 1232 | 1233 | //Save off the paths and packages since they require special processing, 1234 | //they are additive. 1235 | var pkgs = config.pkgs, 1236 | shim = config.shim, 1237 | objs = { 1238 | paths: true, 1239 | config: true, 1240 | map: true 1241 | }; 1242 | 1243 | eachProp(cfg, function (value, prop) { 1244 | if (objs[prop]) { 1245 | if (prop === 'map') { 1246 | if (!config.map) { 1247 | config.map = {}; 1248 | } 1249 | mixin(config[prop], value, true, true); 1250 | } else { 1251 | mixin(config[prop], value, true); 1252 | } 1253 | } else { 1254 | config[prop] = value; 1255 | } 1256 | }); 1257 | 1258 | //Merge shim 1259 | if (cfg.shim) { 1260 | eachProp(cfg.shim, function (value, id) { 1261 | //Normalize the structure 1262 | if (isArray(value)) { 1263 | value = { 1264 | deps: value 1265 | }; 1266 | } 1267 | if ((value.exports || value.init) && !value.exportsFn) { 1268 | value.exportsFn = context.makeShimExports(value); 1269 | } 1270 | shim[id] = value; 1271 | }); 1272 | config.shim = shim; 1273 | } 1274 | 1275 | //Adjust packages if necessary. 1276 | if (cfg.packages) { 1277 | each(cfg.packages, function (pkgObj) { 1278 | var location; 1279 | 1280 | pkgObj = typeof pkgObj === 'string' ? { name: pkgObj } : pkgObj; 1281 | location = pkgObj.location; 1282 | 1283 | //Create a brand new object on pkgs, since currentPackages can 1284 | //be passed in again, and config.pkgs is the internal transformed 1285 | //state for all package configs. 1286 | pkgs[pkgObj.name] = { 1287 | name: pkgObj.name, 1288 | location: location || pkgObj.name, 1289 | //Remove leading dot in main, so main paths are normalized, 1290 | //and remove any trailing .js, since different package 1291 | //envs have different conventions: some use a module name, 1292 | //some use a file name. 1293 | main: (pkgObj.main || 'main') 1294 | .replace(currDirRegExp, '') 1295 | .replace(jsSuffixRegExp, '') 1296 | }; 1297 | }); 1298 | 1299 | //Done with modifications, assing packages back to context config 1300 | config.pkgs = pkgs; 1301 | } 1302 | 1303 | //If there are any "waiting to execute" modules in the registry, 1304 | //update the maps for them, since their info, like URLs to load, 1305 | //may have changed. 1306 | eachProp(registry, function (mod, id) { 1307 | //If module already has init called, since it is too 1308 | //late to modify them, and ignore unnormalized ones 1309 | //since they are transient. 1310 | if (!mod.inited && !mod.map.unnormalized) { 1311 | mod.map = makeModuleMap(id); 1312 | } 1313 | }); 1314 | 1315 | //If a deps array or a config callback is specified, then call 1316 | //require with those args. This is useful when require is defined as a 1317 | //config object before require.js is loaded. 1318 | if (cfg.deps || cfg.callback) { 1319 | context.require(cfg.deps || [], cfg.callback); 1320 | } 1321 | }, 1322 | 1323 | makeShimExports: function (value) { 1324 | function fn() { 1325 | var ret; 1326 | if (value.init) { 1327 | ret = value.init.apply(global, arguments); 1328 | } 1329 | return ret || (value.exports && getGlobal(value.exports)); 1330 | } 1331 | return fn; 1332 | }, 1333 | 1334 | makeRequire: function (relMap, options) { 1335 | options = options || {}; 1336 | 1337 | function localRequire(deps, callback, errback) { 1338 | var id, map, requireMod; 1339 | 1340 | if (options.enableBuildCallback && callback && isFunction(callback)) { 1341 | callback.__requireJsBuild = true; 1342 | } 1343 | 1344 | if (typeof deps === 'string') { 1345 | if (isFunction(callback)) { 1346 | //Invalid call 1347 | return onError(makeError('requireargs', 'Invalid require call'), errback); 1348 | } 1349 | 1350 | //If require|exports|module are requested, get the 1351 | //value for them from the special handlers. Caveat: 1352 | //this only works while module is being defined. 1353 | if (relMap && hasProp(handlers, deps)) { 1354 | return handlers[deps](registry[relMap.id]); 1355 | } 1356 | 1357 | //Synchronous access to one module. If require.get is 1358 | //available (as in the Node adapter), prefer that. 1359 | if (req.get) { 1360 | return req.get(context, deps, relMap, localRequire); 1361 | } 1362 | 1363 | //Normalize module name, if it contains . or .. 1364 | map = makeModuleMap(deps, relMap, false, true); 1365 | id = map.id; 1366 | 1367 | if (!hasProp(defined, id)) { 1368 | return onError(makeError('notloaded', 'Module name "' + 1369 | id + 1370 | '" has not been loaded yet for context: ' + 1371 | contextName + 1372 | (relMap ? '' : '. Use require([])'))); 1373 | } 1374 | return defined[id]; 1375 | } 1376 | 1377 | //Grab defines waiting in the global queue. 1378 | intakeDefines(); 1379 | 1380 | //Mark all the dependencies as needing to be loaded. 1381 | context.nextTick(function () { 1382 | //Some defines could have been added since the 1383 | //require call, collect them. 1384 | intakeDefines(); 1385 | 1386 | requireMod = getModule(makeModuleMap(null, relMap)); 1387 | 1388 | //Store if map config should be applied to this require 1389 | //call for dependencies. 1390 | requireMod.skipMap = options.skipMap; 1391 | 1392 | requireMod.init(deps, callback, errback, { 1393 | enabled: true 1394 | }); 1395 | 1396 | checkLoaded(); 1397 | }); 1398 | 1399 | return localRequire; 1400 | } 1401 | 1402 | mixin(localRequire, { 1403 | isBrowser: isBrowser, 1404 | 1405 | /** 1406 | * Converts a module name + .extension into an URL path. 1407 | * *Requires* the use of a module name. It does not support using 1408 | * plain URLs like nameToUrl. 1409 | */ 1410 | toUrl: function (moduleNamePlusExt) { 1411 | var ext, 1412 | index = moduleNamePlusExt.lastIndexOf('.'), 1413 | segment = moduleNamePlusExt.split('/')[0], 1414 | isRelative = segment === '.' || segment === '..'; 1415 | 1416 | //Have a file extension alias, and it is not the 1417 | //dots from a relative path. 1418 | if (index !== -1 && (!isRelative || index > 1)) { 1419 | ext = moduleNamePlusExt.substring(index, moduleNamePlusExt.length); 1420 | moduleNamePlusExt = moduleNamePlusExt.substring(0, index); 1421 | } 1422 | 1423 | return context.nameToUrl(normalize(moduleNamePlusExt, 1424 | relMap && relMap.id, true), ext, true); 1425 | }, 1426 | 1427 | defined: function (id) { 1428 | return hasProp(defined, makeModuleMap(id, relMap, false, true).id); 1429 | }, 1430 | 1431 | specified: function (id) { 1432 | id = makeModuleMap(id, relMap, false, true).id; 1433 | return hasProp(defined, id) || hasProp(registry, id); 1434 | } 1435 | }); 1436 | 1437 | //Only allow undef on top level require calls 1438 | if (!relMap) { 1439 | localRequire.undef = function (id) { 1440 | //Bind any waiting define() calls to this context, 1441 | //fix for #408 1442 | takeGlobalQueue(); 1443 | 1444 | var map = makeModuleMap(id, relMap, true), 1445 | mod = getOwn(registry, id); 1446 | 1447 | delete defined[id]; 1448 | delete urlFetched[map.url]; 1449 | delete undefEvents[id]; 1450 | 1451 | if (mod) { 1452 | //Hold on to listeners in case the 1453 | //module will be attempted to be reloaded 1454 | //using a different config. 1455 | if (mod.events.defined) { 1456 | undefEvents[id] = mod.events; 1457 | } 1458 | 1459 | cleanRegistry(id); 1460 | } 1461 | }; 1462 | } 1463 | 1464 | return localRequire; 1465 | }, 1466 | 1467 | /** 1468 | * Called to enable a module if it is still in the registry 1469 | * awaiting enablement. A second arg, parent, the parent module, 1470 | * is passed in for context, when this method is overriden by 1471 | * the optimizer. Not shown here to keep code compact. 1472 | */ 1473 | enable: function (depMap) { 1474 | var mod = getOwn(registry, depMap.id); 1475 | if (mod) { 1476 | getModule(depMap).enable(); 1477 | } 1478 | }, 1479 | 1480 | /** 1481 | * Internal method used by environment adapters to complete a load event. 1482 | * A load event could be a script load or just a load pass from a synchronous 1483 | * load call. 1484 | * @param {String} moduleName the name of the module to potentially complete. 1485 | */ 1486 | completeLoad: function (moduleName) { 1487 | var found, args, mod, 1488 | shim = getOwn(config.shim, moduleName) || {}, 1489 | shExports = shim.exports; 1490 | 1491 | takeGlobalQueue(); 1492 | 1493 | while (defQueue.length) { 1494 | args = defQueue.shift(); 1495 | if (args[0] === null) { 1496 | args[0] = moduleName; 1497 | //If already found an anonymous module and bound it 1498 | //to this name, then this is some other anon module 1499 | //waiting for its completeLoad to fire. 1500 | if (found) { 1501 | break; 1502 | } 1503 | found = true; 1504 | } else if (args[0] === moduleName) { 1505 | //Found matching define call for this script! 1506 | found = true; 1507 | } 1508 | 1509 | callGetModule(args); 1510 | } 1511 | 1512 | //Do this after the cycle of callGetModule in case the result 1513 | //of those calls/init calls changes the registry. 1514 | mod = getOwn(registry, moduleName); 1515 | 1516 | if (!found && !hasProp(defined, moduleName) && mod && !mod.inited) { 1517 | if (config.enforceDefine && (!shExports || !getGlobal(shExports))) { 1518 | if (hasPathFallback(moduleName)) { 1519 | return; 1520 | } else { 1521 | return onError(makeError('nodefine', 1522 | 'No define call for ' + moduleName, 1523 | null, 1524 | [moduleName])); 1525 | } 1526 | } else { 1527 | //A script that does not call define(), so just simulate 1528 | //the call for it. 1529 | callGetModule([moduleName, (shim.deps || []), shim.exportsFn]); 1530 | } 1531 | } 1532 | 1533 | checkLoaded(); 1534 | }, 1535 | 1536 | /** 1537 | * Converts a module name to a file path. Supports cases where 1538 | * moduleName may actually be just an URL. 1539 | * Note that it **does not** call normalize on the moduleName, 1540 | * it is assumed to have already been normalized. This is an 1541 | * internal API, not a public one. Use toUrl for the public API. 1542 | */ 1543 | nameToUrl: function (moduleName, ext, skipExt) { 1544 | var paths, pkgs, pkg, pkgPath, syms, i, parentModule, url, 1545 | parentPath; 1546 | 1547 | //If a colon is in the URL, it indicates a protocol is used and it is just 1548 | //an URL to a file, or if it starts with a slash, contains a query arg (i.e. ?) 1549 | //or ends with .js, then assume the user meant to use an url and not a module id. 1550 | //The slash is important for protocol-less URLs as well as full paths. 1551 | if (req.jsExtRegExp.test(moduleName)) { 1552 | //Just a plain path, not module name lookup, so just return it. 1553 | //Add extension if it is included. This is a bit wonky, only non-.js things pass 1554 | //an extension, this method probably needs to be reworked. 1555 | url = moduleName + (ext || ''); 1556 | } else { 1557 | //A module that needs to be converted to a path. 1558 | paths = config.paths; 1559 | pkgs = config.pkgs; 1560 | 1561 | syms = moduleName.split('/'); 1562 | //For each module name segment, see if there is a path 1563 | //registered for it. Start with most specific name 1564 | //and work up from it. 1565 | for (i = syms.length; i > 0; i -= 1) { 1566 | parentModule = syms.slice(0, i).join('/'); 1567 | pkg = getOwn(pkgs, parentModule); 1568 | parentPath = getOwn(paths, parentModule); 1569 | if (parentPath) { 1570 | //If an array, it means there are a few choices, 1571 | //Choose the one that is desired 1572 | if (isArray(parentPath)) { 1573 | parentPath = parentPath[0]; 1574 | } 1575 | syms.splice(0, i, parentPath); 1576 | break; 1577 | } else if (pkg) { 1578 | //If module name is just the package name, then looking 1579 | //for the main module. 1580 | if (moduleName === pkg.name) { 1581 | pkgPath = pkg.location + '/' + pkg.main; 1582 | } else { 1583 | pkgPath = pkg.location; 1584 | } 1585 | syms.splice(0, i, pkgPath); 1586 | break; 1587 | } 1588 | } 1589 | 1590 | //Join the path parts together, then figure out if baseUrl is needed. 1591 | url = syms.join('/'); 1592 | url += (ext || (/\?/.test(url) || skipExt ? '' : '.js')); 1593 | url = (url.charAt(0) === '/' || url.match(/^[\w\+\.\-]+:/) ? '' : config.baseUrl) + url; 1594 | } 1595 | 1596 | return config.urlArgs ? url + 1597 | ((url.indexOf('?') === -1 ? '?' : '&') + 1598 | config.urlArgs) : url; 1599 | }, 1600 | 1601 | //Delegates to req.load. Broken out as a separate function to 1602 | //allow overriding in the optimizer. 1603 | load: function (id, url) { 1604 | req.load(context, id, url); 1605 | }, 1606 | 1607 | /** 1608 | * Executes a module callack function. Broken out as a separate function 1609 | * solely to allow the build system to sequence the files in the built 1610 | * layer in the right sequence. 1611 | * 1612 | * @private 1613 | */ 1614 | execCb: function (name, callback, args, exports) { 1615 | return callback.apply(exports, args); 1616 | }, 1617 | 1618 | /** 1619 | * callback for script loads, used to check status of loading. 1620 | * 1621 | * @param {Event} evt the event from the browser for the script 1622 | * that was loaded. 1623 | */ 1624 | onScriptLoad: function (evt) { 1625 | //Using currentTarget instead of target for Firefox 2.0's sake. Not 1626 | //all old browsers will be supported, but this one was easy enough 1627 | //to support and still makes sense. 1628 | if (evt.type === 'load' || 1629 | (readyRegExp.test((evt.currentTarget || evt.srcElement).readyState))) { 1630 | //Reset interactive script so a script node is not held onto for 1631 | //to long. 1632 | interactiveScript = null; 1633 | 1634 | //Pull out the name of the module and the context. 1635 | var data = getScriptData(evt); 1636 | context.completeLoad(data.id); 1637 | } 1638 | }, 1639 | 1640 | /** 1641 | * Callback for script errors. 1642 | */ 1643 | onScriptError: function (evt) { 1644 | var data = getScriptData(evt); 1645 | if (!hasPathFallback(data.id)) { 1646 | return onError(makeError('scripterror', 'Script error', evt, [data.id])); 1647 | } 1648 | } 1649 | }; 1650 | 1651 | context.require = context.makeRequire(); 1652 | return context; 1653 | } 1654 | 1655 | /** 1656 | * Main entry point. 1657 | * 1658 | * If the only argument to require is a string, then the module that 1659 | * is represented by that string is fetched for the appropriate context. 1660 | * 1661 | * If the first argument is an array, then it will be treated as an array 1662 | * of dependency string names to fetch. An optional function callback can 1663 | * be specified to execute when all of those dependencies are available. 1664 | * 1665 | * Make a local req variable to help Caja compliance (it assumes things 1666 | * on a require that are not standardized), and to give a short 1667 | * name for minification/local scope use. 1668 | */ 1669 | req = requirejs = function (deps, callback, errback, optional) { 1670 | 1671 | //Find the right context, use default 1672 | var context, config, 1673 | contextName = defContextName; 1674 | 1675 | // Determine if have config object in the call. 1676 | if (!isArray(deps) && typeof deps !== 'string') { 1677 | // deps is a config object 1678 | config = deps; 1679 | if (isArray(callback)) { 1680 | // Adjust args if there are dependencies 1681 | deps = callback; 1682 | callback = errback; 1683 | errback = optional; 1684 | } else { 1685 | deps = []; 1686 | } 1687 | } 1688 | 1689 | if (config && config.context) { 1690 | contextName = config.context; 1691 | } 1692 | 1693 | context = getOwn(contexts, contextName); 1694 | if (!context) { 1695 | context = contexts[contextName] = req.s.newContext(contextName); 1696 | } 1697 | 1698 | if (config) { 1699 | context.configure(config); 1700 | } 1701 | 1702 | return context.require(deps, callback, errback); 1703 | }; 1704 | 1705 | /** 1706 | * Support require.config() to make it easier to cooperate with other 1707 | * AMD loaders on globally agreed names. 1708 | */ 1709 | req.config = function (config) { 1710 | return req(config); 1711 | }; 1712 | 1713 | /** 1714 | * Execute something after the current tick 1715 | * of the event loop. Override for other envs 1716 | * that have a better solution than setTimeout. 1717 | * @param {Function} fn function to execute later. 1718 | */ 1719 | req.nextTick = typeof setTimeout !== 'undefined' ? function (fn) { 1720 | setTimeout(fn, 4); 1721 | } : function (fn) { fn(); }; 1722 | 1723 | /** 1724 | * Export require as a global, but only if it does not already exist. 1725 | */ 1726 | if (!require) { 1727 | require = req; 1728 | } 1729 | 1730 | req.version = version; 1731 | 1732 | //Used to filter out dependencies that are already paths. 1733 | req.jsExtRegExp = /^\/|:|\?|\.js$/; 1734 | req.isBrowser = isBrowser; 1735 | s = req.s = { 1736 | contexts: contexts, 1737 | newContext: newContext 1738 | }; 1739 | 1740 | //Create default context. 1741 | req({}); 1742 | 1743 | //Exports some context-sensitive methods on global require. 1744 | each([ 1745 | 'toUrl', 1746 | 'undef', 1747 | 'defined', 1748 | 'specified' 1749 | ], function (prop) { 1750 | //Reference from contexts instead of early binding to default context, 1751 | //so that during builds, the latest instance of the default context 1752 | //with its config gets used. 1753 | req[prop] = function () { 1754 | var ctx = contexts[defContextName]; 1755 | return ctx.require[prop].apply(ctx, arguments); 1756 | }; 1757 | }); 1758 | 1759 | if (isBrowser) { 1760 | head = s.head = document.getElementsByTagName('head')[0]; 1761 | //If BASE tag is in play, using appendChild is a problem for IE6. 1762 | //When that browser dies, this can be removed. Details in this jQuery bug: 1763 | //http://dev.jquery.com/ticket/2709 1764 | baseElement = document.getElementsByTagName('base')[0]; 1765 | if (baseElement) { 1766 | head = s.head = baseElement.parentNode; 1767 | } 1768 | } 1769 | 1770 | /** 1771 | * Any errors that require explicitly generates will be passed to this 1772 | * function. Intercept/override it if you want custom error handling. 1773 | * @param {Error} err the error object. 1774 | */ 1775 | req.onError = function (err) { 1776 | throw err; 1777 | }; 1778 | 1779 | /** 1780 | * Does the request to load a module for the browser case. 1781 | * Make this a separate function to allow other environments 1782 | * to override it. 1783 | * 1784 | * @param {Object} context the require context to find state. 1785 | * @param {String} moduleName the name of the module. 1786 | * @param {Object} url the URL to the module. 1787 | */ 1788 | req.load = function (context, moduleName, url) { 1789 | var config = (context && context.config) || {}, 1790 | node; 1791 | if (isBrowser) { 1792 | //In the browser so use a script tag 1793 | node = config.xhtml ? 1794 | document.createElementNS('http://www.w3.org/1999/xhtml', 'html:script') : 1795 | document.createElement('script'); 1796 | node.type = config.scriptType || 'text/javascript'; 1797 | node.charset = 'utf-8'; 1798 | node.async = true; 1799 | 1800 | node.setAttribute('data-requirecontext', context.contextName); 1801 | node.setAttribute('data-requiremodule', moduleName); 1802 | 1803 | //Set up load listener. Test attachEvent first because IE9 has 1804 | //a subtle issue in its addEventListener and script onload firings 1805 | //that do not match the behavior of all other browsers with 1806 | //addEventListener support, which fire the onload event for a 1807 | //script right after the script execution. See: 1808 | //https://connect.microsoft.com/IE/feedback/details/648057/script-onload-event-is-not-fired-immediately-after-script-execution 1809 | //UNFORTUNATELY Opera implements attachEvent but does not follow the script 1810 | //script execution mode. 1811 | if (node.attachEvent && 1812 | //Check if node.attachEvent is artificially added by custom script or 1813 | //natively supported by browser 1814 | //read https://github.com/jrburke/requirejs/issues/187 1815 | //if we can NOT find [native code] then it must NOT natively supported. 1816 | //in IE8, node.attachEvent does not have toString() 1817 | //Note the test for "[native code" with no closing brace, see: 1818 | //https://github.com/jrburke/requirejs/issues/273 1819 | !(node.attachEvent.toString && node.attachEvent.toString().indexOf('[native code') < 0) && 1820 | !isOpera) { 1821 | //Probably IE. IE (at least 6-8) do not fire 1822 | //script onload right after executing the script, so 1823 | //we cannot tie the anonymous define call to a name. 1824 | //However, IE reports the script as being in 'interactive' 1825 | //readyState at the time of the define call. 1826 | useInteractive = true; 1827 | 1828 | node.attachEvent('onreadystatechange', context.onScriptLoad); 1829 | //It would be great to add an error handler here to catch 1830 | //404s in IE9+. However, onreadystatechange will fire before 1831 | //the error handler, so that does not help. If addEventListener 1832 | //is used, then IE will fire error before load, but we cannot 1833 | //use that pathway given the connect.microsoft.com issue 1834 | //mentioned above about not doing the 'script execute, 1835 | //then fire the script load event listener before execute 1836 | //next script' that other browsers do. 1837 | //Best hope: IE10 fixes the issues, 1838 | //and then destroys all installs of IE 6-9. 1839 | //node.attachEvent('onerror', context.onScriptError); 1840 | } else { 1841 | node.addEventListener('load', context.onScriptLoad, false); 1842 | node.addEventListener('error', context.onScriptError, false); 1843 | } 1844 | node.src = url; 1845 | 1846 | //For some cache cases in IE 6-8, the script executes before the end 1847 | //of the appendChild execution, so to tie an anonymous define 1848 | //call to the module name (which is stored on the node), hold on 1849 | //to a reference to this node, but clear after the DOM insertion. 1850 | currentlyAddingScript = node; 1851 | if (baseElement) { 1852 | head.insertBefore(node, baseElement); 1853 | } else { 1854 | head.appendChild(node); 1855 | } 1856 | currentlyAddingScript = null; 1857 | 1858 | return node; 1859 | } else if (isWebWorker) { 1860 | try { 1861 | //In a web worker, use importScripts. This is not a very 1862 | //efficient use of importScripts, importScripts will block until 1863 | //its script is downloaded and evaluated. However, if web workers 1864 | //are in play, the expectation that a build has been done so that 1865 | //only one script needs to be loaded anyway. This may need to be 1866 | //reevaluated if other use cases become common. 1867 | importScripts(url); 1868 | 1869 | //Account for anonymous modules 1870 | context.completeLoad(moduleName); 1871 | } catch (e) { 1872 | context.onError(makeError('importscripts', 1873 | 'importScripts failed for ' + 1874 | moduleName + ' at ' + url, 1875 | e, 1876 | [moduleName])); 1877 | } 1878 | } 1879 | }; 1880 | 1881 | function getInteractiveScript() { 1882 | if (interactiveScript && interactiveScript.readyState === 'interactive') { 1883 | return interactiveScript; 1884 | } 1885 | 1886 | eachReverse(scripts(), function (script) { 1887 | if (script.readyState === 'interactive') { 1888 | return (interactiveScript = script); 1889 | } 1890 | }); 1891 | return interactiveScript; 1892 | } 1893 | 1894 | //Look for a data-main script attribute, which could also adjust the baseUrl. 1895 | if (isBrowser) { 1896 | //Figure out baseUrl. Get it from the script tag with require.js in it. 1897 | eachReverse(scripts(), function (script) { 1898 | //Set the 'head' where we can append children by 1899 | //using the script's parent. 1900 | if (!head) { 1901 | head = script.parentNode; 1902 | } 1903 | 1904 | //Look for a data-main attribute to set main script for the page 1905 | //to load. If it is there, the path to data main becomes the 1906 | //baseUrl, if it is not already set. 1907 | dataMain = script.getAttribute('data-main'); 1908 | if (dataMain) { 1909 | //Set final baseUrl if there is not already an explicit one. 1910 | if (!cfg.baseUrl) { 1911 | //Pull off the directory of data-main for use as the 1912 | //baseUrl. 1913 | src = dataMain.split('/'); 1914 | mainScript = src.pop(); 1915 | subPath = src.length ? src.join('/') + '/' : './'; 1916 | 1917 | cfg.baseUrl = subPath; 1918 | dataMain = mainScript; 1919 | } 1920 | 1921 | //Strip off any trailing .js since dataMain is now 1922 | //like a module name. 1923 | dataMain = dataMain.replace(jsSuffixRegExp, ''); 1924 | 1925 | //Put the data-main script in the files to load. 1926 | cfg.deps = cfg.deps ? cfg.deps.concat(dataMain) : [dataMain]; 1927 | 1928 | return true; 1929 | } 1930 | }); 1931 | } 1932 | 1933 | /** 1934 | * The function that handles definitions of modules. Differs from 1935 | * require() in that a string for the module should be the first argument, 1936 | * and the function to execute after dependencies are loaded should 1937 | * return a value to define the module corresponding to the first argument's 1938 | * name. 1939 | */ 1940 | define = function (name, deps, callback) { 1941 | var node, context; 1942 | 1943 | //Allow for anonymous modules 1944 | if (typeof name !== 'string') { 1945 | //Adjust args appropriately 1946 | callback = deps; 1947 | deps = name; 1948 | name = null; 1949 | } 1950 | 1951 | //This module may not have dependencies 1952 | if (!isArray(deps)) { 1953 | callback = deps; 1954 | deps = []; 1955 | } 1956 | 1957 | //If no name, and callback is a function, then figure out if it a 1958 | //CommonJS thing with dependencies. 1959 | if (!deps.length && isFunction(callback)) { 1960 | //Remove comments from the callback string, 1961 | //look for require calls, and pull them into the dependencies, 1962 | //but only if there are function args. 1963 | if (callback.length) { 1964 | callback 1965 | .toString() 1966 | .replace(commentRegExp, '') 1967 | .replace(cjsRequireRegExp, function (match, dep) { 1968 | deps.push(dep); 1969 | }); 1970 | 1971 | //May be a CommonJS thing even without require calls, but still 1972 | //could use exports, and module. Avoid doing exports and module 1973 | //work though if it just needs require. 1974 | //REQUIRES the function to expect the CommonJS variables in the 1975 | //order listed below. 1976 | deps = (callback.length === 1 ? ['require'] : ['require', 'exports', 'module']).concat(deps); 1977 | } 1978 | } 1979 | 1980 | //If in IE 6-8 and hit an anonymous define() call, do the interactive 1981 | //work. 1982 | if (useInteractive) { 1983 | node = currentlyAddingScript || getInteractiveScript(); 1984 | if (node) { 1985 | if (!name) { 1986 | name = node.getAttribute('data-requiremodule'); 1987 | } 1988 | context = contexts[node.getAttribute('data-requirecontext')]; 1989 | } 1990 | } 1991 | 1992 | //Always save off evaluating the def call until the script onload handler. 1993 | //This allows multiple modules to be in a file without prematurely 1994 | //tracing dependencies, and allows for anonymous module support, 1995 | //where the module name is not known until the script onload event 1996 | //occurs. If no context, use the global queue, and get it processed 1997 | //in the onscript load callback. 1998 | (context ? context.defQueue : globalDefQueue).push([name, deps, callback]); 1999 | }; 2000 | 2001 | define.amd = { 2002 | jQuery: true 2003 | }; 2004 | 2005 | 2006 | /** 2007 | * Executes the text. Normally just uses eval, but can be modified 2008 | * to use a better, environment-specific call. Only used for transpiling 2009 | * loader plugins, not for plain JS modules. 2010 | * @param {String} text the text to execute/evaluate. 2011 | */ 2012 | req.exec = function (text) { 2013 | /*jslint evil: true */ 2014 | return eval(text); 2015 | }; 2016 | 2017 | //Set up with config info. 2018 | req(cfg); 2019 | }(this)); -------------------------------------------------------------------------------- /examples/vendor/three.js/examples/js/ImprovedNoise.js: -------------------------------------------------------------------------------- 1 | // http://mrl.nyu.edu/~perlin/noise/ 2 | 3 | var ImprovedNoise = function () { 4 | 5 | var p = [151,160,137,91,90,15,131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,142,8,99,37,240,21,10, 6 | 23,190,6,148,247,120,234,75,0,26,197,62,94,252,219,203,117,35,11,32,57,177,33,88,237,149,56,87, 7 | 174,20,125,136,171,168,68,175,74,165,71,134,139,48,27,166,77,146,158,231,83,111,229,122,60,211, 8 | 133,230,220,105,92,41,55,46,245,40,244,102,143,54,65,25,63,161,1,216,80,73,209,76,132,187,208, 9 | 89,18,169,200,196,135,130,116,188,159,86,164,100,109,198,173,186,3,64,52,217,226,250,124,123,5, 10 | 202,38,147,118,126,255,82,85,212,207,206,59,227,47,16,58,17,182,189,28,42,223,183,170,213,119, 11 | 248,152,2,44,154,163,70,221,153,101,155,167,43,172,9,129,22,39,253,19,98,108,110,79,113,224,232, 12 | 178,185,112,104,218,246,97,228,251,34,242,193,238,210,144,12,191,179,162,241,81,51,145,235,249, 13 | 14,239,107,49,192,214,31,181,199,106,157,184,84,204,176,115,121,50,45,127,4,150,254,138,236,205, 14 | 93,222,114,67,29,24,72,243,141,128,195,78,66,215,61,156,180]; 15 | 16 | for (var i=0; i < 256 ; i++) { 17 | 18 | p[256+i] = p[i]; 19 | 20 | } 21 | 22 | function fade(t) { 23 | 24 | return t * t * t * (t * (t * 6 - 15) + 10); 25 | 26 | } 27 | 28 | function lerp(t, a, b) { 29 | 30 | return a + t * (b - a); 31 | 32 | } 33 | 34 | function grad(hash, x, y, z) { 35 | 36 | var h = hash & 15; 37 | var u = h < 8 ? x : y, v = h < 4 ? y : h == 12 || h == 14 ? x : z; 38 | return ((h&1) == 0 ? u : -u) + ((h&2) == 0 ? v : -v); 39 | 40 | } 41 | 42 | return { 43 | 44 | noise: function (x, y, z) { 45 | 46 | var floorX = ~~x, floorY = ~~y, floorZ = ~~z; 47 | 48 | var X = floorX & 255, Y = floorY & 255, Z = floorZ & 255; 49 | 50 | x -= floorX; 51 | y -= floorY; 52 | z -= floorZ; 53 | 54 | var xMinus1 = x -1, yMinus1 = y - 1, zMinus1 = z - 1; 55 | 56 | var u = fade(x), v = fade(y), w = fade(z); 57 | 58 | var A = p[X]+Y, AA = p[A]+Z, AB = p[A+1]+Z, B = p[X+1]+Y, BA = p[B]+Z, BB = p[B+1]+Z; 59 | 60 | return lerp(w, lerp(v, lerp(u, grad(p[AA], x, y, z), 61 | grad(p[BA], xMinus1, y, z)), 62 | lerp(u, grad(p[AB], x, yMinus1, z), 63 | grad(p[BB], xMinus1, yMinus1, z))), 64 | lerp(v, lerp(u, grad(p[AA+1], x, y, zMinus1), 65 | grad(p[BA+1], xMinus1, y, z-1)), 66 | lerp(u, grad(p[AB+1], x, yMinus1, zMinus1), 67 | grad(p[BB+1], xMinus1, yMinus1, zMinus1)))); 68 | 69 | } 70 | } 71 | } 72 | -------------------------------------------------------------------------------- /examples/vendor/three.js/examples/js/libs/dat.gui.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * dat-gui JavaScript Controller Library 3 | * http://code.google.com/p/dat-gui 4 | * 5 | * Copyright 2011 Data Arts Team, Google Creative Lab 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | */ 13 | var dat=dat||{};dat.gui=dat.gui||{};dat.utils=dat.utils||{};dat.controllers=dat.controllers||{};dat.dom=dat.dom||{};dat.color=dat.color||{};dat.utils.css=function(){return{load:function(e,a){var a=a||document,c=a.createElement("link");c.type="text/css";c.rel="stylesheet";c.href=e;a.getElementsByTagName("head")[0].appendChild(c)},inject:function(e,a){var a=a||document,c=document.createElement("style");c.type="text/css";c.innerHTML=e;a.getElementsByTagName("head")[0].appendChild(c)}}}(); 14 | dat.utils.common=function(){var e=Array.prototype.forEach,a=Array.prototype.slice;return{BREAK:{},extend:function(c){this.each(a.call(arguments,1),function(a){for(var f in a)this.isUndefined(a[f])||(c[f]=a[f])},this);return c},defaults:function(c){this.each(a.call(arguments,1),function(a){for(var f in a)this.isUndefined(c[f])&&(c[f]=a[f])},this);return c},compose:function(){var c=a.call(arguments);return function(){for(var d=a.call(arguments),f=c.length-1;f>=0;f--)d=[c[f].apply(this,d)];return d[0]}}, 15 | each:function(a,d,f){if(e&&a.forEach===e)a.forEach(d,f);else if(a.length===a.length+0)for(var b=0,n=a.length;b-1?d.length-d.indexOf(".")-1:0};c.superclass=e;a.extend(c.prototype,e.prototype,{setValue:function(a){if(this.__min!==void 0&&athis.__max)a=this.__max;this.__step!==void 0&&a%this.__step!=0&&(a=Math.round(a/this.__step)*this.__step);return c.superclass.prototype.setValue.call(this,a)},min:function(a){this.__min=a;return this},max:function(a){this.__max=a;return this},step:function(a){this.__step=a;return this}});return c}(dat.controllers.Controller,dat.utils.common); 29 | dat.controllers.NumberControllerBox=function(e,a,c){var d=function(f,b,e){function h(){var a=parseFloat(l.__input.value);c.isNaN(a)||l.setValue(a)}function j(a){var b=o-a.clientY;l.setValue(l.getValue()+b*l.__impliedStep);o=a.clientY}function m(){a.unbind(window,"mousemove",j);a.unbind(window,"mouseup",m)}this.__truncationSuspended=false;d.superclass.call(this,f,b,e);var l=this,o;this.__input=document.createElement("input");this.__input.setAttribute("type","text");a.bind(this.__input,"change",h); 30 | a.bind(this.__input,"blur",function(){h();l.__onFinishChange&&l.__onFinishChange.call(l,l.getValue())});a.bind(this.__input,"mousedown",function(b){a.bind(window,"mousemove",j);a.bind(window,"mouseup",m);o=b.clientY});a.bind(this.__input,"keydown",function(a){if(a.keyCode===13)l.__truncationSuspended=true,this.blur(),l.__truncationSuspended=false});this.updateDisplay();this.domElement.appendChild(this.__input)};d.superclass=e;c.extend(d.prototype,e.prototype,{updateDisplay:function(){var a=this.__input, 31 | b;if(this.__truncationSuspended)b=this.getValue();else{b=this.getValue();var c=Math.pow(10,this.__precision);b=Math.round(b*c)/c}a.value=b;return d.superclass.prototype.updateDisplay.call(this)}});return d}(dat.controllers.NumberController,dat.dom.dom,dat.utils.common); 32 | dat.controllers.NumberControllerSlider=function(e,a,c,d,f){var b=function(d,c,f,e,l){function o(b){b.preventDefault();var d=a.getOffset(g.__background),c=a.getWidth(g.__background);g.setValue(g.__min+(g.__max-g.__min)*((b.clientX-d.left)/(d.left+c-d.left)));return false}function y(){a.unbind(window,"mousemove",o);a.unbind(window,"mouseup",y);g.__onFinishChange&&g.__onFinishChange.call(g,g.getValue())}b.superclass.call(this,d,c,{min:f,max:e,step:l});var g=this;this.__background=document.createElement("div"); 33 | this.__foreground=document.createElement("div");a.bind(this.__background,"mousedown",function(b){a.bind(window,"mousemove",o);a.bind(window,"mouseup",y);o(b)});a.addClass(this.__background,"slider");a.addClass(this.__foreground,"slider-fg");this.updateDisplay();this.__background.appendChild(this.__foreground);this.domElement.appendChild(this.__background)};b.superclass=e;b.useDefaultStyles=function(){c.inject(f)};d.extend(b.prototype,e.prototype,{updateDisplay:function(){this.__foreground.style.width= 34 | (this.getValue()-this.__min)/(this.__max-this.__min)*100+"%";return b.superclass.prototype.updateDisplay.call(this)}});return b}(dat.controllers.NumberController,dat.dom.dom,dat.utils.css,dat.utils.common,".slider {\n box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);\n height: 1em;\n border-radius: 1em;\n background-color: #eee;\n padding: 0 0.5em;\n overflow: hidden;\n}\n\n.slider-fg {\n padding: 1px 0 2px 0;\n background-color: #aaa;\n height: 1em;\n margin-left: -0.5em;\n padding-right: 0.5em;\n border-radius: 1em 0 0 1em;\n}\n\n.slider-fg:after {\n display: inline-block;\n border-radius: 1em;\n background-color: #fff;\n border: 1px solid #aaa;\n content: '';\n float: right;\n margin-right: -1em;\n margin-top: -1px;\n height: 0.9em;\n width: 0.9em;\n}"); 35 | dat.controllers.FunctionController=function(e,a,c){var d=function(c,b,e){d.superclass.call(this,c,b);var h=this;this.__button=document.createElement("div");this.__button.innerHTML=e===void 0?"Fire":e;a.bind(this.__button,"click",function(a){a.preventDefault();h.fire();return false});a.addClass(this.__button,"button");this.domElement.appendChild(this.__button)};d.superclass=e;c.extend(d.prototype,e.prototype,{fire:function(){this.__onChange&&this.__onChange.call(this);this.__onFinishChange&&this.__onFinishChange.call(this, 36 | this.getValue());this.getValue().call(this.object)}});return d}(dat.controllers.Controller,dat.dom.dom,dat.utils.common); 37 | dat.controllers.BooleanController=function(e,a,c){var d=function(c,b){d.superclass.call(this,c,b);var e=this;this.__prev=this.getValue();this.__checkbox=document.createElement("input");this.__checkbox.setAttribute("type","checkbox");a.bind(this.__checkbox,"change",function(){e.setValue(!e.__prev)},false);this.domElement.appendChild(this.__checkbox);this.updateDisplay()};d.superclass=e;c.extend(d.prototype,e.prototype,{setValue:function(a){a=d.superclass.prototype.setValue.call(this,a);this.__onFinishChange&& 38 | this.__onFinishChange.call(this,this.getValue());this.__prev=this.getValue();return a},updateDisplay:function(){this.getValue()===true?(this.__checkbox.setAttribute("checked","checked"),this.__checkbox.checked=true):this.__checkbox.checked=false;return d.superclass.prototype.updateDisplay.call(this)}});return d}(dat.controllers.Controller,dat.dom.dom,dat.utils.common); 39 | dat.color.toString=function(e){return function(a){if(a.a==1||e.isUndefined(a.a)){for(a=a.hex.toString(16);a.length<6;)a="0"+a;return"#"+a}else return"rgba("+Math.round(a.r)+","+Math.round(a.g)+","+Math.round(a.b)+","+a.a+")"}}(dat.utils.common); 40 | dat.color.interpret=function(e,a){var c,d,f=[{litmus:a.isString,conversions:{THREE_CHAR_HEX:{read:function(a){a=a.match(/^#([A-F0-9])([A-F0-9])([A-F0-9])$/i);return a===null?false:{space:"HEX",hex:parseInt("0x"+a[1].toString()+a[1].toString()+a[2].toString()+a[2].toString()+a[3].toString()+a[3].toString())}},write:e},SIX_CHAR_HEX:{read:function(a){a=a.match(/^#([A-F0-9]{6})$/i);return a===null?false:{space:"HEX",hex:parseInt("0x"+a[1].toString())}},write:e},CSS_RGB:{read:function(a){a=a.match(/^rgb\(\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*\)/); 41 | return a===null?false:{space:"RGB",r:parseFloat(a[1]),g:parseFloat(a[2]),b:parseFloat(a[3])}},write:e},CSS_RGBA:{read:function(a){a=a.match(/^rgba\(\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*\,\s*(.+)\s*\)/);return a===null?false:{space:"RGB",r:parseFloat(a[1]),g:parseFloat(a[2]),b:parseFloat(a[3]),a:parseFloat(a[4])}},write:e}}},{litmus:a.isNumber,conversions:{HEX:{read:function(a){return{space:"HEX",hex:a,conversionName:"HEX"}},write:function(a){return a.hex}}}},{litmus:a.isArray,conversions:{RGB_ARRAY:{read:function(a){return a.length!= 42 | 3?false:{space:"RGB",r:a[0],g:a[1],b:a[2]}},write:function(a){return[a.r,a.g,a.b]}},RGBA_ARRAY:{read:function(a){return a.length!=4?false:{space:"RGB",r:a[0],g:a[1],b:a[2],a:a[3]}},write:function(a){return[a.r,a.g,a.b,a.a]}}}},{litmus:a.isObject,conversions:{RGBA_OBJ:{read:function(b){return a.isNumber(b.r)&&a.isNumber(b.g)&&a.isNumber(b.b)&&a.isNumber(b.a)?{space:"RGB",r:b.r,g:b.g,b:b.b,a:b.a}:false},write:function(a){return{r:a.r,g:a.g,b:a.b,a:a.a}}},RGB_OBJ:{read:function(b){return a.isNumber(b.r)&& 43 | a.isNumber(b.g)&&a.isNumber(b.b)?{space:"RGB",r:b.r,g:b.g,b:b.b}:false},write:function(a){return{r:a.r,g:a.g,b:a.b}}},HSVA_OBJ:{read:function(b){return a.isNumber(b.h)&&a.isNumber(b.s)&&a.isNumber(b.v)&&a.isNumber(b.a)?{space:"HSV",h:b.h,s:b.s,v:b.v,a:b.a}:false},write:function(a){return{h:a.h,s:a.s,v:a.v,a:a.a}}},HSV_OBJ:{read:function(b){return a.isNumber(b.h)&&a.isNumber(b.s)&&a.isNumber(b.v)?{space:"HSV",h:b.h,s:b.s,v:b.v}:false},write:function(a){return{h:a.h,s:a.s,v:a.v}}}}}];return function(){d= 44 | false;var b=arguments.length>1?a.toArray(arguments):arguments[0];a.each(f,function(e){if(e.litmus(b))return a.each(e.conversions,function(e,f){c=e.read(b);if(d===false&&c!==false)return d=c,c.conversionName=f,c.conversion=e,a.BREAK}),a.BREAK});return d}}(dat.color.toString,dat.utils.common); 45 | dat.GUI=dat.gui.GUI=function(e,a,c,d,f,b,n,h,j,m,l,o,y,g,i){function q(a,b,r,c){if(b[r]===void 0)throw Error("Object "+b+' has no property "'+r+'"');c.color?b=new l(b,r):(b=[b,r].concat(c.factoryArgs),b=d.apply(a,b));if(c.before instanceof f)c.before=c.before.__li;t(a,b);g.addClass(b.domElement,"c");r=document.createElement("span");g.addClass(r,"property-name");r.innerHTML=b.property;var e=document.createElement("div");e.appendChild(r);e.appendChild(b.domElement);c=s(a,e,c.before);g.addClass(c,k.CLASS_CONTROLLER_ROW); 46 | g.addClass(c,typeof b.getValue());p(a,c,b);a.__controllers.push(b);return b}function s(a,b,d){var c=document.createElement("li");b&&c.appendChild(b);d?a.__ul.insertBefore(c,params.before):a.__ul.appendChild(c);a.onResize();return c}function p(a,d,c){c.__li=d;c.__gui=a;i.extend(c,{options:function(b){if(arguments.length>1)return c.remove(),q(a,c.object,c.property,{before:c.__li.nextElementSibling,factoryArgs:[i.toArray(arguments)]});if(i.isArray(b)||i.isObject(b))return c.remove(),q(a,c.object,c.property, 47 | {before:c.__li.nextElementSibling,factoryArgs:[b]})},name:function(a){c.__li.firstElementChild.firstElementChild.innerHTML=a;return c},listen:function(){c.__gui.listen(c);return c},remove:function(){c.__gui.remove(c);return c}});if(c instanceof j){var e=new h(c.object,c.property,{min:c.__min,max:c.__max,step:c.__step});i.each(["updateDisplay","onChange","onFinishChange"],function(a){var b=c[a],H=e[a];c[a]=e[a]=function(){var a=Array.prototype.slice.call(arguments);b.apply(c,a);return H.apply(e,a)}}); 48 | g.addClass(d,"has-slider");c.domElement.insertBefore(e.domElement,c.domElement.firstElementChild)}else if(c instanceof h){var f=function(b){return i.isNumber(c.__min)&&i.isNumber(c.__max)?(c.remove(),q(a,c.object,c.property,{before:c.__li.nextElementSibling,factoryArgs:[c.__min,c.__max,c.__step]})):b};c.min=i.compose(f,c.min);c.max=i.compose(f,c.max)}else if(c instanceof b)g.bind(d,"click",function(){g.fakeEvent(c.__checkbox,"click")}),g.bind(c.__checkbox,"click",function(a){a.stopPropagation()}); 49 | else if(c instanceof n)g.bind(d,"click",function(){g.fakeEvent(c.__button,"click")}),g.bind(d,"mouseover",function(){g.addClass(c.__button,"hover")}),g.bind(d,"mouseout",function(){g.removeClass(c.__button,"hover")});else if(c instanceof l)g.addClass(d,"color"),c.updateDisplay=i.compose(function(a){d.style.borderLeftColor=c.__color.toString();return a},c.updateDisplay),c.updateDisplay();c.setValue=i.compose(function(b){a.getRoot().__preset_select&&c.isModified()&&B(a.getRoot(),true);return b},c.setValue)} 50 | function t(a,b){var c=a.getRoot(),d=c.__rememberedObjects.indexOf(b.object);if(d!=-1){var e=c.__rememberedObjectIndecesToControllers[d];e===void 0&&(e={},c.__rememberedObjectIndecesToControllers[d]=e);e[b.property]=b;if(c.load&&c.load.remembered){c=c.load.remembered;if(c[a.preset])c=c[a.preset];else if(c[w])c=c[w];else return;if(c[d]&&c[d][b.property]!==void 0)d=c[d][b.property],b.initialValue=d,b.setValue(d)}}}function I(a){var b=a.__save_row=document.createElement("li");g.addClass(a.domElement, 51 | "has-save");a.__ul.insertBefore(b,a.__ul.firstChild);g.addClass(b,"save-row");var c=document.createElement("span");c.innerHTML=" ";g.addClass(c,"button gears");var d=document.createElement("span");d.innerHTML="Save";g.addClass(d,"button");g.addClass(d,"save");var e=document.createElement("span");e.innerHTML="New";g.addClass(e,"button");g.addClass(e,"save-as");var f=document.createElement("span");f.innerHTML="Revert";g.addClass(f,"button");g.addClass(f,"revert");var m=a.__preset_select=document.createElement("select"); 52 | a.load&&a.load.remembered?i.each(a.load.remembered,function(b,c){C(a,c,c==a.preset)}):C(a,w,false);g.bind(m,"change",function(){for(var b=0;b0){a.preset=this.preset;if(!a.remembered)a.remembered={};a.remembered[this.preset]=z(this)}a.folders={};i.each(this.__folders,function(b, 69 | c){a.folders[c]=b.getSaveObject()});return a},save:function(){if(!this.load.remembered)this.load.remembered={};this.load.remembered[this.preset]=z(this);B(this,false)},saveAs:function(a){if(!this.load.remembered)this.load.remembered={},this.load.remembered[w]=z(this,true);this.load.remembered[a]=z(this);this.preset=a;C(this,a,true)},revert:function(a){i.each(this.__controllers,function(b){this.getRoot().load.remembered?t(a||this.getRoot(),b):b.setValue(b.initialValue)},this);i.each(this.__folders, 70 | function(a){a.revert(a)});a||B(this.getRoot(),false)},listen:function(a){var b=this.__listening.length==0;this.__listening.push(a);b&&E(this.__listening)}});return k}(dat.utils.css,'
\n\n Here\'s the new load parameter for your GUI\'s constructor:\n\n \n\n
\n\n Automatically save\n values to localStorage on exit.\n\n
The values saved to localStorage will\n override those passed to dat.GUI\'s constructor. This makes it\n easier to work incrementally, but localStorage is fragile,\n and your friends may not see the same values you do.\n \n
\n \n
\n\n
', 71 | ".dg ul{list-style:none;margin:0;padding:0;width:100%;clear:both}.dg.ac{position:fixed;top:0;left:0;right:0;height:0;z-index:0}.dg:not(.ac) .main{overflow:hidden}.dg.main{-webkit-transition:opacity 0.1s linear;-o-transition:opacity 0.1s linear;-moz-transition:opacity 0.1s linear;transition:opacity 0.1s linear}.dg.main.taller-than-window{overflow-y:auto}.dg.main.taller-than-window .close-button{opacity:1;margin-top:-1px;border-top:1px solid #2c2c2c}.dg.main ul.closed .close-button{opacity:1 !important}.dg.main:hover .close-button,.dg.main .close-button.drag{opacity:1}.dg.main .close-button{-webkit-transition:opacity 0.1s linear;-o-transition:opacity 0.1s linear;-moz-transition:opacity 0.1s linear;transition:opacity 0.1s linear;border:0;position:absolute;line-height:19px;height:20px;cursor:pointer;text-align:center;background-color:#000}.dg.main .close-button:hover{background-color:#111}.dg.a{float:right;margin-right:15px;overflow-x:hidden}.dg.a.has-save ul{margin-top:27px}.dg.a.has-save ul.closed{margin-top:0}.dg.a .save-row{position:fixed;top:0;z-index:1002}.dg li{-webkit-transition:height 0.1s ease-out;-o-transition:height 0.1s ease-out;-moz-transition:height 0.1s ease-out;transition:height 0.1s ease-out}.dg li:not(.folder){cursor:auto;height:27px;line-height:27px;overflow:hidden;padding:0 4px 0 5px}.dg li.folder{padding:0;border-left:4px solid rgba(0,0,0,0)}.dg li.title{cursor:pointer;margin-left:-4px}.dg .closed li:not(.title),.dg .closed ul li,.dg .closed ul li > *{height:0;overflow:hidden;border:0}.dg .cr{clear:both;padding-left:3px;height:27px}.dg .property-name{cursor:default;float:left;clear:left;width:40%;overflow:hidden;text-overflow:ellipsis}.dg .c{float:left;width:60%}.dg .c input[type=text]{border:0;margin-top:4px;padding:3px;width:100%;float:right}.dg .has-slider input[type=text]{width:30%;margin-left:0}.dg .slider{float:left;width:66%;margin-left:-5px;margin-right:0;height:19px;margin-top:4px}.dg .slider-fg{height:100%}.dg .c input[type=checkbox]{margin-top:9px}.dg .c select{margin-top:5px}.dg .cr.function,.dg .cr.function .property-name,.dg .cr.function *,.dg .cr.boolean,.dg .cr.boolean *{cursor:pointer}.dg .selector{display:none;position:absolute;margin-left:-9px;margin-top:23px;z-index:10}.dg .c:hover .selector,.dg .selector.drag{display:block}.dg li.save-row{padding:0}.dg li.save-row .button{display:inline-block;padding:0px 6px}.dg.dialogue{background-color:#222;width:460px;padding:15px;font-size:13px;line-height:15px}#dg-new-constructor{padding:10px;color:#222;font-family:Monaco, monospace;font-size:10px;border:0;resize:none;box-shadow:inset 1px 1px 1px #888;word-wrap:break-word;margin:12px 0;display:block;width:440px;overflow-y:scroll;height:100px;position:relative}#dg-local-explain{display:none;font-size:11px;line-height:17px;border-radius:3px;background-color:#333;padding:8px;margin-top:10px}#dg-local-explain code{font-size:10px}#dat-gui-save-locally{display:none}.dg{color:#eee;font:11px 'Lucida Grande', sans-serif;text-shadow:0 -1px 0 #111}.dg.main::-webkit-scrollbar{width:5px;background:#1a1a1a}.dg.main::-webkit-scrollbar-corner{height:0;display:none}.dg.main::-webkit-scrollbar-thumb{border-radius:5px;background:#676767}.dg li:not(.folder){background:#1a1a1a;border-bottom:1px solid #2c2c2c}.dg li.save-row{line-height:25px;background:#dad5cb;border:0}.dg li.save-row select{margin-left:5px;width:108px}.dg li.save-row .button{margin-left:5px;margin-top:1px;border-radius:2px;font-size:9px;line-height:7px;padding:4px 4px 5px 4px;background:#c5bdad;color:#fff;text-shadow:0 1px 0 #b0a58f;box-shadow:0 -1px 0 #b0a58f;cursor:pointer}.dg li.save-row .button.gears{background:#c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;height:7px;width:8px}.dg li.save-row .button:hover{background-color:#bab19e;box-shadow:0 -1px 0 #b0a58f}.dg li.folder{border-bottom:0}.dg li.title{padding-left:16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.2)}.dg .closed li.title{background-image:url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==)}.dg .cr.boolean{border-left:3px solid #806787}.dg .cr.function{border-left:3px solid #e61d5f}.dg .cr.number{border-left:3px solid #2fa1d6}.dg .cr.number input[type=text]{color:#2fa1d6}.dg .cr.string{border-left:3px solid #1ed36f}.dg .cr.string input[type=text]{color:#1ed36f}.dg .cr.function:hover,.dg .cr.boolean:hover{background:#111}.dg .c input[type=text]{background:#303030;outline:none}.dg .c input[type=text]:hover{background:#3c3c3c}.dg .c input[type=text]:focus{background:#494949;color:#fff}.dg .c .slider{background:#303030;cursor:ew-resize}.dg .c .slider-fg{background:#2fa1d6}.dg .c .slider:hover{background:#3c3c3c}.dg .c .slider:hover .slider-fg{background:#44abda}\n", 72 | dat.controllers.factory=function(e,a,c,d,f,b,n){return function(h,j,m,l){var o=h[j];if(n.isArray(m)||n.isObject(m))return new e(h,j,m);if(n.isNumber(o))return n.isNumber(m)&&n.isNumber(l)?new c(h,j,m,l):new a(h,j,{min:m,max:l});if(n.isString(o))return new d(h,j);if(n.isFunction(o))return new f(h,j,"");if(n.isBoolean(o))return new b(h,j)}}(dat.controllers.OptionController,dat.controllers.NumberControllerBox,dat.controllers.NumberControllerSlider,dat.controllers.StringController=function(e,a,c){var d= 73 | function(c,b){function e(){h.setValue(h.__input.value)}d.superclass.call(this,c,b);var h=this;this.__input=document.createElement("input");this.__input.setAttribute("type","text");a.bind(this.__input,"keyup",e);a.bind(this.__input,"change",e);a.bind(this.__input,"blur",function(){h.__onFinishChange&&h.__onFinishChange.call(h,h.getValue())});a.bind(this.__input,"keydown",function(a){a.keyCode===13&&this.blur()});this.updateDisplay();this.domElement.appendChild(this.__input)};d.superclass=e;c.extend(d.prototype, 74 | e.prototype,{updateDisplay:function(){if(!a.isActive(this.__input))this.__input.value=this.getValue();return d.superclass.prototype.updateDisplay.call(this)}});return d}(dat.controllers.Controller,dat.dom.dom,dat.utils.common),dat.controllers.FunctionController,dat.controllers.BooleanController,dat.utils.common),dat.controllers.Controller,dat.controllers.BooleanController,dat.controllers.FunctionController,dat.controllers.NumberControllerBox,dat.controllers.NumberControllerSlider,dat.controllers.OptionController, 75 | dat.controllers.ColorController=function(e,a,c,d,f){function b(a,b,c,d){a.style.background="";f.each(j,function(e){a.style.cssText+="background: "+e+"linear-gradient("+b+", "+c+" 0%, "+d+" 100%); "})}function n(a){a.style.background="";a.style.cssText+="background: -moz-linear-gradient(top, #ff0000 0%, #ff00ff 17%, #0000ff 34%, #00ffff 50%, #00ff00 67%, #ffff00 84%, #ff0000 100%);";a.style.cssText+="background: -webkit-linear-gradient(top, #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);"; 76 | a.style.cssText+="background: -o-linear-gradient(top, #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);";a.style.cssText+="background: -ms-linear-gradient(top, #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);";a.style.cssText+="background: linear-gradient(top, #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);"}var h=function(e,l){function o(b){q(b);a.bind(window,"mousemove",q);a.bind(window, 77 | "mouseup",j)}function j(){a.unbind(window,"mousemove",q);a.unbind(window,"mouseup",j)}function g(){var a=d(this.value);a!==false?(p.__color.__state=a,p.setValue(p.__color.toOriginal())):this.value=p.__color.toString()}function i(){a.unbind(window,"mousemove",s);a.unbind(window,"mouseup",i)}function q(b){b.preventDefault();var c=a.getWidth(p.__saturation_field),d=a.getOffset(p.__saturation_field),e=(b.clientX-d.left+document.body.scrollLeft)/c,b=1-(b.clientY-d.top+document.body.scrollTop)/c;b>1?b= 78 | 1:b<0&&(b=0);e>1?e=1:e<0&&(e=0);p.__color.v=b;p.__color.s=e;p.setValue(p.__color.toOriginal());return false}function s(b){b.preventDefault();var c=a.getHeight(p.__hue_field),d=a.getOffset(p.__hue_field),b=1-(b.clientY-d.top+document.body.scrollTop)/c;b>1?b=1:b<0&&(b=0);p.__color.h=b*360;p.setValue(p.__color.toOriginal());return false}h.superclass.call(this,e,l);this.__color=new c(this.getValue());this.__temp=new c(0);var p=this;this.domElement=document.createElement("div");a.makeSelectable(this.domElement, 79 | false);this.__selector=document.createElement("div");this.__selector.className="selector";this.__saturation_field=document.createElement("div");this.__saturation_field.className="saturation-field";this.__field_knob=document.createElement("div");this.__field_knob.className="field-knob";this.__field_knob_border="2px solid ";this.__hue_knob=document.createElement("div");this.__hue_knob.className="hue-knob";this.__hue_field=document.createElement("div");this.__hue_field.className="hue-field";this.__input= 80 | document.createElement("input");this.__input.type="text";this.__input_textShadow="0 1px 1px ";a.bind(this.__input,"keydown",function(a){a.keyCode===13&&g.call(this)});a.bind(this.__input,"blur",g);a.bind(this.__selector,"mousedown",function(){a.addClass(this,"drag").bind(window,"mouseup",function(){a.removeClass(p.__selector,"drag")})});var t=document.createElement("div");f.extend(this.__selector.style,{width:"122px",height:"102px",padding:"3px",backgroundColor:"#222",boxShadow:"0px 1px 3px rgba(0,0,0,0.3)"}); 81 | f.extend(this.__field_knob.style,{position:"absolute",width:"12px",height:"12px",border:this.__field_knob_border+(this.__color.v<0.5?"#fff":"#000"),boxShadow:"0px 1px 3px rgba(0,0,0,0.5)",borderRadius:"12px",zIndex:1});f.extend(this.__hue_knob.style,{position:"absolute",width:"15px",height:"2px",borderRight:"4px solid #fff",zIndex:1});f.extend(this.__saturation_field.style,{width:"100px",height:"100px",border:"1px solid #555",marginRight:"3px",display:"inline-block",cursor:"pointer"});f.extend(t.style, 82 | {width:"100%",height:"100%",background:"none"});b(t,"top","rgba(0,0,0,0)","#000");f.extend(this.__hue_field.style,{width:"15px",height:"100px",display:"inline-block",border:"1px solid #555",cursor:"ns-resize"});n(this.__hue_field);f.extend(this.__input.style,{outline:"none",textAlign:"center",color:"#fff",border:0,fontWeight:"bold",textShadow:this.__input_textShadow+"rgba(0,0,0,0.7)"});a.bind(this.__saturation_field,"mousedown",o);a.bind(this.__field_knob,"mousedown",o);a.bind(this.__hue_field,"mousedown", 83 | function(b){s(b);a.bind(window,"mousemove",s);a.bind(window,"mouseup",i)});this.__saturation_field.appendChild(t);this.__selector.appendChild(this.__field_knob);this.__selector.appendChild(this.__saturation_field);this.__selector.appendChild(this.__hue_field);this.__hue_field.appendChild(this.__hue_knob);this.domElement.appendChild(this.__input);this.domElement.appendChild(this.__selector);this.updateDisplay()};h.superclass=e;f.extend(h.prototype,e.prototype,{updateDisplay:function(){var a=d(this.getValue()); 84 | if(a!==false){var e=false;f.each(c.COMPONENTS,function(b){if(!f.isUndefined(a[b])&&!f.isUndefined(this.__color.__state[b])&&a[b]!==this.__color.__state[b])return e=true,{}},this);e&&f.extend(this.__color.__state,a)}f.extend(this.__temp.__state,this.__color.__state);this.__temp.a=1;var h=this.__color.v<0.5||this.__color.s>0.5?255:0,j=255-h;f.extend(this.__field_knob.style,{marginLeft:100*this.__color.s-7+"px",marginTop:100*(1-this.__color.v)-7+"px",backgroundColor:this.__temp.toString(),border:this.__field_knob_border+ 85 | "rgb("+h+","+h+","+h+")"});this.__hue_knob.style.marginTop=(1-this.__color.h/360)*100+"px";this.__temp.s=1;this.__temp.v=1;b(this.__saturation_field,"left","#fff",this.__temp.toString());f.extend(this.__input.style,{backgroundColor:this.__input.value=this.__color.toString(),color:"rgb("+h+","+h+","+h+")",textShadow:this.__input_textShadow+"rgba("+j+","+j+","+j+",.7)"})}});var j=["-moz-","-o-","-webkit-","-ms-",""];return h}(dat.controllers.Controller,dat.dom.dom,dat.color.Color=function(e,a,c,d){function f(a, 86 | b,c){Object.defineProperty(a,b,{get:function(){if(this.__state.space==="RGB")return this.__state[b];n(this,b,c);return this.__state[b]},set:function(a){if(this.__state.space!=="RGB")n(this,b,c),this.__state.space="RGB";this.__state[b]=a}})}function b(a,b){Object.defineProperty(a,b,{get:function(){if(this.__state.space==="HSV")return this.__state[b];h(this);return this.__state[b]},set:function(a){if(this.__state.space!=="HSV")h(this),this.__state.space="HSV";this.__state[b]=a}})}function n(b,c,e){if(b.__state.space=== 87 | "HEX")b.__state[c]=a.component_from_hex(b.__state.hex,e);else if(b.__state.space==="HSV")d.extend(b.__state,a.hsv_to_rgb(b.__state.h,b.__state.s,b.__state.v));else throw"Corrupted color state";}function h(b){var c=a.rgb_to_hsv(b.r,b.g,b.b);d.extend(b.__state,{s:c.s,v:c.v});if(d.isNaN(c.h)){if(d.isUndefined(b.__state.h))b.__state.h=0}else b.__state.h=c.h}var j=function(){this.__state=e.apply(this,arguments);if(this.__state===false)throw"Failed to interpret color arguments";this.__state.a=this.__state.a|| 88 | 1};j.COMPONENTS="r,g,b,h,s,v,hex,a".split(",");d.extend(j.prototype,{toString:function(){return c(this)},toOriginal:function(){return this.__state.conversion.write(this)}});f(j.prototype,"r",2);f(j.prototype,"g",1);f(j.prototype,"b",0);b(j.prototype,"h");b(j.prototype,"s");b(j.prototype,"v");Object.defineProperty(j.prototype,"a",{get:function(){return this.__state.a},set:function(a){this.__state.a=a}});Object.defineProperty(j.prototype,"hex",{get:function(){if(!this.__state.space!=="HEX")this.__state.hex= 89 | a.rgb_to_hex(this.r,this.g,this.b);return this.__state.hex},set:function(a){this.__state.space="HEX";this.__state.hex=a}});return j}(dat.color.interpret,dat.color.math=function(){var e;return{hsv_to_rgb:function(a,c,d){var e=a/60-Math.floor(a/60),b=d*(1-c),n=d*(1-e*c),c=d*(1-(1-e)*c),a=[[d,c,b],[n,d,b],[b,d,c],[b,n,d],[c,b,d],[d,b,n]][Math.floor(a/60)%6];return{r:a[0]*255,g:a[1]*255,b:a[2]*255}},rgb_to_hsv:function(a,c,d){var e=Math.min(a,c,d),b=Math.max(a,c,d),e=b-e;if(b==0)return{h:NaN,s:0,v:0}; 90 | a=a==b?(c-d)/e:c==b?2+(d-a)/e:4+(a-c)/e;a/=6;a<0&&(a+=1);return{h:a*360,s:e/b,v:b/255}},rgb_to_hex:function(a,c,d){a=this.hex_with_component(0,2,a);a=this.hex_with_component(a,1,c);return a=this.hex_with_component(a,0,d)},component_from_hex:function(a,c){return a>>c*8&255},hex_with_component:function(a,c,d){return d<<(e=c*8)|a&~(255<c.children.length;){var j=document.createElement("span");j.style.cssText="width:1px;height:30px;float:left;background-color:#113";c.appendChild(j)}var d=document.createElement("div");d.id="ms";d.style.cssText="padding:0 0 3px 3px;text-align:left;background-color:#020;display:none";f.appendChild(d);var k=document.createElement("div"); 4 | k.id="msText";k.style.cssText="color:#0f0;font-family:Helvetica,Arial,sans-serif;font-size:9px;font-weight:bold;line-height:15px";k.innerHTML="MS";d.appendChild(k);var e=document.createElement("div");e.id="msGraph";e.style.cssText="position:relative;width:74px;height:30px;background-color:#0f0";for(d.appendChild(e);74>e.children.length;)j=document.createElement("span"),j.style.cssText="width:1px;height:30px;float:left;background-color:#131",e.appendChild(j);var t=function(b){s=b;switch(s){case 0:a.style.display= 5 | "block";d.style.display="none";break;case 1:a.style.display="none",d.style.display="block"}};return{REVISION:11,domElement:f,setMode:t,begin:function(){l=Date.now()},end:function(){var b=Date.now();g=b-l;n=Math.min(n,g);o=Math.max(o,g);k.textContent=g+" MS ("+n+"-"+o+")";var a=Math.min(30,30-30*(g/200));e.appendChild(e.firstChild).style.height=a+"px";r++;b>m+1E3&&(h=Math.round(1E3*r/(b-m)),p=Math.min(p,h),q=Math.max(q,h),i.textContent=h+" FPS ("+p+"-"+q+")",a=Math.min(30,30-30*(h/100)),c.appendChild(c.firstChild).style.height= 6 | a+"px",m=b,r=0);return b},update:function(){l=this.end()}}}; 7 | -------------------------------------------------------------------------------- /examples/vendor/three.js/examples/js/postprocessing/EffectComposer.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author alteredq / http://alteredqualia.com/ 3 | */ 4 | 5 | THREE.EffectComposer = function ( renderer, renderTarget ) { 6 | 7 | this.renderer = renderer; 8 | 9 | if ( renderTarget === undefined ) { 10 | 11 | var width = window.innerWidth || 1; 12 | var height = window.innerHeight || 1; 13 | var parameters = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat, stencilBuffer: false }; 14 | 15 | renderTarget = new THREE.WebGLRenderTarget( width, height, parameters ); 16 | 17 | } 18 | 19 | this.renderTarget1 = renderTarget; 20 | this.renderTarget2 = renderTarget.clone(); 21 | 22 | this.writeBuffer = this.renderTarget1; 23 | this.readBuffer = this.renderTarget2; 24 | 25 | this.passes = []; 26 | 27 | if ( THREE.CopyShader === undefined ) 28 | console.error( "THREE.EffectComposer relies on THREE.CopyShader" ); 29 | 30 | this.copyPass = new THREE.ShaderPass( THREE.CopyShader ); 31 | 32 | }; 33 | 34 | THREE.EffectComposer.prototype = { 35 | 36 | swapBuffers: function() { 37 | 38 | var tmp = this.readBuffer; 39 | this.readBuffer = this.writeBuffer; 40 | this.writeBuffer = tmp; 41 | 42 | }, 43 | 44 | addPass: function ( pass ) { 45 | 46 | this.passes.push( pass ); 47 | 48 | }, 49 | 50 | insertPass: function ( pass, index ) { 51 | 52 | this.passes.splice( index, 0, pass ); 53 | 54 | }, 55 | 56 | render: function ( delta ) { 57 | 58 | this.writeBuffer = this.renderTarget1; 59 | this.readBuffer = this.renderTarget2; 60 | 61 | var maskActive = false; 62 | 63 | var pass, i, il = this.passes.length; 64 | 65 | for ( i = 0; i < il; i ++ ) { 66 | 67 | pass = this.passes[ i ]; 68 | 69 | if ( !pass.enabled ) continue; 70 | 71 | pass.render( this.renderer, this.writeBuffer, this.readBuffer, delta, maskActive ); 72 | 73 | if ( pass.needsSwap ) { 74 | 75 | if ( maskActive ) { 76 | 77 | var context = this.renderer.context; 78 | 79 | context.stencilFunc( context.NOTEQUAL, 1, 0xffffffff ); 80 | 81 | this.copyPass.render( this.renderer, this.writeBuffer, this.readBuffer, delta ); 82 | 83 | context.stencilFunc( context.EQUAL, 1, 0xffffffff ); 84 | 85 | } 86 | 87 | this.swapBuffers(); 88 | 89 | } 90 | 91 | if ( pass instanceof THREE.MaskPass ) { 92 | 93 | maskActive = true; 94 | 95 | } else if ( pass instanceof THREE.ClearMaskPass ) { 96 | 97 | maskActive = false; 98 | 99 | } 100 | 101 | } 102 | 103 | }, 104 | 105 | reset: function ( renderTarget ) { 106 | 107 | if ( renderTarget === undefined ) { 108 | 109 | renderTarget = this.renderTarget1.clone(); 110 | 111 | renderTarget.width = window.innerWidth; 112 | renderTarget.height = window.innerHeight; 113 | 114 | } 115 | 116 | this.renderTarget1 = renderTarget; 117 | this.renderTarget2 = renderTarget.clone(); 118 | 119 | this.writeBuffer = this.renderTarget1; 120 | this.readBuffer = this.renderTarget2; 121 | 122 | }, 123 | 124 | setSize: function ( width, height ) { 125 | 126 | var renderTarget = this.renderTarget1.clone(); 127 | 128 | renderTarget.width = width; 129 | renderTarget.height = height; 130 | 131 | this.reset( renderTarget ); 132 | 133 | } 134 | 135 | }; 136 | 137 | // shared ortho camera 138 | 139 | THREE.EffectComposer.camera = new THREE.OrthographicCamera( -1, 1, 1, -1, 0, 1 ); 140 | 141 | THREE.EffectComposer.quad = new THREE.Mesh( new THREE.PlaneGeometry( 2, 2 ), null ); 142 | 143 | THREE.EffectComposer.scene = new THREE.Scene(); 144 | THREE.EffectComposer.scene.add( THREE.EffectComposer.quad ); 145 | -------------------------------------------------------------------------------- /examples/vendor/three.js/examples/js/postprocessing/MaskPass.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author alteredq / http://alteredqualia.com/ 3 | */ 4 | 5 | THREE.MaskPass = function ( scene, camera ) { 6 | 7 | this.scene = scene; 8 | this.camera = camera; 9 | 10 | this.enabled = true; 11 | this.clear = true; 12 | this.needsSwap = false; 13 | 14 | this.inverse = false; 15 | 16 | }; 17 | 18 | THREE.MaskPass.prototype = { 19 | 20 | render: function ( renderer, writeBuffer, readBuffer, delta ) { 21 | 22 | var context = renderer.context; 23 | 24 | // don't update color or depth 25 | 26 | context.colorMask( false, false, false, false ); 27 | context.depthMask( false ); 28 | 29 | // set up stencil 30 | 31 | var writeValue, clearValue; 32 | 33 | if ( this.inverse ) { 34 | 35 | writeValue = 0; 36 | clearValue = 1; 37 | 38 | } else { 39 | 40 | writeValue = 1; 41 | clearValue = 0; 42 | 43 | } 44 | 45 | context.enable( context.STENCIL_TEST ); 46 | context.stencilOp( context.REPLACE, context.REPLACE, context.REPLACE ); 47 | context.stencilFunc( context.ALWAYS, writeValue, 0xffffffff ); 48 | context.clearStencil( clearValue ); 49 | 50 | // draw into the stencil buffer 51 | 52 | renderer.render( this.scene, this.camera, readBuffer, this.clear ); 53 | renderer.render( this.scene, this.camera, writeBuffer, this.clear ); 54 | 55 | // re-enable update of color and depth 56 | 57 | context.colorMask( true, true, true, true ); 58 | context.depthMask( true ); 59 | 60 | // only render where stencil is set to 1 61 | 62 | context.stencilFunc( context.EQUAL, 1, 0xffffffff ); // draw if == 1 63 | context.stencilOp( context.KEEP, context.KEEP, context.KEEP ); 64 | 65 | } 66 | 67 | }; 68 | 69 | 70 | THREE.ClearMaskPass = function () { 71 | 72 | this.enabled = true; 73 | 74 | }; 75 | 76 | THREE.ClearMaskPass.prototype = { 77 | 78 | render: function ( renderer, writeBuffer, readBuffer, delta ) { 79 | 80 | var context = renderer.context; 81 | 82 | context.disable( context.STENCIL_TEST ); 83 | 84 | } 85 | 86 | }; 87 | -------------------------------------------------------------------------------- /examples/vendor/three.js/examples/js/postprocessing/RenderPass.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author alteredq / http://alteredqualia.com/ 3 | */ 4 | 5 | THREE.RenderPass = function ( scene, camera, overrideMaterial, clearColor, clearAlpha ) { 6 | 7 | this.scene = scene; 8 | this.camera = camera; 9 | 10 | this.overrideMaterial = overrideMaterial; 11 | 12 | this.clearColor = clearColor; 13 | this.clearAlpha = ( clearAlpha !== undefined ) ? clearAlpha : 1; 14 | 15 | this.oldClearColor = new THREE.Color(); 16 | this.oldClearAlpha = 1; 17 | 18 | this.enabled = true; 19 | this.clear = true; 20 | this.needsSwap = false; 21 | 22 | }; 23 | 24 | THREE.RenderPass.prototype = { 25 | 26 | render: function ( renderer, writeBuffer, readBuffer, delta ) { 27 | 28 | this.scene.overrideMaterial = this.overrideMaterial; 29 | 30 | if ( this.clearColor ) { 31 | 32 | this.oldClearColor.copy( renderer.getClearColor() ); 33 | this.oldClearAlpha = renderer.getClearAlpha(); 34 | 35 | renderer.setClearColor( this.clearColor, this.clearAlpha ); 36 | 37 | } 38 | 39 | renderer.render( this.scene, this.camera, readBuffer, this.clear ); 40 | 41 | if ( this.clearColor ) { 42 | 43 | renderer.setClearColor( this.oldClearColor, this.oldClearAlpha ); 44 | 45 | } 46 | 47 | this.scene.overrideMaterial = null; 48 | 49 | } 50 | 51 | }; 52 | -------------------------------------------------------------------------------- /examples/vendor/three.js/examples/js/postprocessing/ShaderPass.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author alteredq / http://alteredqualia.com/ 3 | */ 4 | 5 | THREE.ShaderPass = function ( shader, textureID ) { 6 | 7 | this.textureID = ( textureID !== undefined ) ? textureID : "tDiffuse"; 8 | 9 | this.uniforms = THREE.UniformsUtils.clone( shader.uniforms ); 10 | 11 | this.material = new THREE.ShaderMaterial( { 12 | 13 | uniforms: this.uniforms, 14 | vertexShader: shader.vertexShader, 15 | fragmentShader: shader.fragmentShader 16 | 17 | } ); 18 | 19 | this.renderToScreen = false; 20 | 21 | this.enabled = true; 22 | this.needsSwap = true; 23 | this.clear = false; 24 | 25 | }; 26 | 27 | THREE.ShaderPass.prototype = { 28 | 29 | render: function ( renderer, writeBuffer, readBuffer, delta ) { 30 | 31 | if ( this.uniforms[ this.textureID ] ) { 32 | 33 | this.uniforms[ this.textureID ].value = readBuffer; 34 | 35 | } 36 | 37 | THREE.EffectComposer.quad.material = this.material; 38 | 39 | if ( this.renderToScreen ) { 40 | 41 | renderer.render( THREE.EffectComposer.scene, THREE.EffectComposer.camera ); 42 | 43 | } else { 44 | 45 | renderer.render( THREE.EffectComposer.scene, THREE.EffectComposer.camera, writeBuffer, this.clear ); 46 | 47 | } 48 | 49 | } 50 | 51 | }; 52 | -------------------------------------------------------------------------------- /examples/vendor/three.js/examples/js/shaders/CopyShader.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author alteredq / http://alteredqualia.com/ 3 | * 4 | * Full-screen textured quad shader 5 | */ 6 | 7 | THREE.CopyShader = { 8 | 9 | uniforms: { 10 | 11 | "tDiffuse": { type: "t", value: null }, 12 | "opacity": { type: "f", value: 1.0 } 13 | 14 | }, 15 | 16 | vertexShader: [ 17 | 18 | "varying vec2 vUv;", 19 | 20 | "void main() {", 21 | 22 | "vUv = uv;", 23 | "gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );", 24 | 25 | "}" 26 | 27 | ].join("\n"), 28 | 29 | fragmentShader: [ 30 | 31 | "uniform float opacity;", 32 | 33 | "uniform sampler2D tDiffuse;", 34 | 35 | "varying vec2 vUv;", 36 | 37 | "void main() {", 38 | 39 | "vec4 texel = texture2D( tDiffuse, vUv );", 40 | "gl_FragColor = opacity * texel;", 41 | 42 | "}" 43 | 44 | ].join("\n") 45 | 46 | }; 47 | -------------------------------------------------------------------------------- /examples/videos/fits.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeromeetienne/threex.badtvpproc/55864cee0b3fea4efff18383b2c8a733aef6e7c1/examples/videos/fits.mp4 -------------------------------------------------------------------------------- /package.require.js: -------------------------------------------------------------------------------- 1 | define( [ 'module' 2 | , './threex.badtvpasses.js', 3 | , './threex.badtvdatgui.js', 4 | , './threex.badtvsound.js', 5 | , './threex.badtvjamming.js', 6 | , './shaders/BadTVShader.js', 7 | , './shaders/FilmShader.js', 8 | , './shaders/RGBShiftShader.js', 9 | , './shaders/StaticShader.js', 10 | ], function(module){ 11 | THREEx.BadTVSound.baseUrl = module.uri+'/../' 12 | }); -------------------------------------------------------------------------------- /shaders/BadTVShader.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author Felix Turner / www.airtight.cc / @felixturner 3 | * 4 | * Bad TV Shader 5 | * Simulates a bad TV via horizontal distortion and vertical roll 6 | * Uses Ashima WebGl Noise: https://github.com/ashima/webgl-noise 7 | * 8 | * time: steadily increasing float passed in 9 | * distortion: amount of thick distortion 10 | * distortion2: amount of fine grain distortion 11 | * speed: distortion vertical travel speed 12 | * rollSpeed: vertical roll speed 13 | * 14 | * The MIT License 15 | * 16 | * Copyright (c) 2014 Felix Turner 17 | * 18 | * Permission is hereby granted, free of charge, to any person obtaining a copy 19 | * of this software and associated documentation files (the "Software"), to deal 20 | * in the Software without restriction, including without limitation the rights 21 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 22 | * copies of the Software, and to permit persons to whom the Software is 23 | * furnished to do so, subject to the following conditions: 24 | * 25 | * The above copyright notice and this permission notice shall be included in 26 | * all copies or substantial portions of the Software. 27 | * 28 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 29 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 30 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 31 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 32 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 33 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 34 | * THE SOFTWARE. 35 | * 36 | */ 37 | THREE.BadTVShader = { 38 | uniforms: { 39 | "tDiffuse": { type: "t", value: null }, 40 | "time": { type: "f", value: 0.0 }, 41 | "distortion": { type: "f", value: 3.0 }, 42 | "distortion2": { type: "f", value: 5.0 }, 43 | "speed": { type: "f", value: 0.2 }, 44 | "rollSpeed": { type: "f", value: 0.1 }, 45 | "randomSeed": { type: "f", value: Math.random() * 150.0 }, 46 | }, 47 | 48 | vertexShader: [ 49 | "varying vec2 vUv;", 50 | "void main() {", 51 | "vUv = uv;", 52 | "gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );", 53 | "}" 54 | 55 | ].join("\n"), 56 | 57 | fragmentShader: [ 58 | 59 | "uniform sampler2D tDiffuse;", 60 | "uniform float time;", 61 | "uniform float distortion;", 62 | "uniform float distortion2;", 63 | "uniform float speed;", 64 | "uniform float rollSpeed;", 65 | "uniform float randomSeed;", 66 | "varying vec2 vUv;", 67 | 68 | // Start Ashima 2D Simplex Noise 69 | 70 | "vec3 mod289(vec3 x) {", 71 | " return x - floor(x * (1.0 / 289.0)) * 289.0;", 72 | "}", 73 | 74 | "vec2 mod289(vec2 x) {", 75 | " return x - floor(x * (1.0 / 289.0)) * 289.0;", 76 | "}", 77 | 78 | "vec3 permute(vec3 x) {", 79 | " return mod289(((x*34.0)+1.0)*x);", 80 | "}", 81 | 82 | "float snoise(vec2 v)", 83 | " {", 84 | " const vec4 C = vec4(0.211324865405187, // (3.0-sqrt(3.0))/6.0", 85 | " 0.366025403784439, // 0.5*(sqrt(3.0)-1.0)", 86 | " -0.577350269189626, // -1.0 + 2.0 * C.x", 87 | " 0.024390243902439); // 1.0 / 41.0", 88 | " vec2 i = floor(v + dot(v, C.yy) );", 89 | " vec2 x0 = v - i + dot(i, C.xx);", 90 | 91 | " vec2 i1;", 92 | " i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);", 93 | " vec4 x12 = x0.xyxy + C.xxzz;", 94 | " x12.xy -= i1;", 95 | 96 | " i = mod289(i); // Avoid truncation effects in permutation", 97 | " vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0 ))", 98 | " + i.x + vec3(0.0, i1.x, 1.0 ));", 99 | 100 | " vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy), dot(x12.zw,x12.zw)), 0.0);", 101 | " m = m*m ;", 102 | " m = m*m ;", 103 | 104 | " vec3 x = 2.0 * fract(p * C.www) - 1.0;", 105 | " vec3 h = abs(x) - 0.5;", 106 | " vec3 ox = floor(x + 0.5);", 107 | " vec3 a0 = x - ox;", 108 | 109 | " m *= 1.79284291400159 - 0.85373472095314 * ( a0*a0 + h*h );", 110 | 111 | " vec3 g;", 112 | " g.x = a0.x * x0.x + h.x * x0.y;", 113 | " g.yz = a0.yz * x12.xz + h.yz * x12.yw;", 114 | " return 130.0 * dot(m, g);", 115 | "}", 116 | 117 | // End Ashima 2D Simplex Noise 118 | 119 | "void main() {", 120 | 121 | "vec2 p = vUv;", 122 | "float ty = time*speed;", 123 | "float yt = p.y - ty + randomSeed;", 124 | 125 | //smooth distortion 126 | "float offset = snoise(vec2(yt*3.0,0.0))*0.2;", 127 | // boost distortion 128 | "offset = pow( offset*distortion,3.0)/distortion;", 129 | //add fine grain distortion 130 | "offset += snoise(vec2(yt*50.0,0.0))*distortion2*0.001;", 131 | //combine distortion on X with roll on Y 132 | "gl_FragColor = texture2D(tDiffuse, vec2(fract(p.x + offset),fract(p.y-time*rollSpeed) ));", 133 | 134 | "}" 135 | 136 | ].join("\n") 137 | 138 | }; 139 | -------------------------------------------------------------------------------- /shaders/FilmShader.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author alteredq / http://alteredqualia.com/ 3 | * 4 | * Film grain & scanlines shader 5 | * 6 | * - ported from HLSL to WebGL / GLSL 7 | * http://www.truevision3d.com/forums/showcase/staticnoise_colorblackwhite_scanline_shaders-t18698.0.html 8 | * 9 | * Screen Space Static Postprocessor 10 | * 11 | * Produces an analogue noise overlay similar to a film grain / TV static 12 | * 13 | * Original implementation and noise algorithm 14 | * Pat 'Hawthorne' Shearon 15 | * 16 | * Optimized scanlines + noise version with intensity scaling 17 | * Georg 'Leviathan' Steinrohder 18 | * 19 | * This version is provided under a Creative Commons Attribution 3.0 License 20 | * http://creativecommons.org/licenses/by/3.0/ 21 | */ 22 | 23 | THREE.FilmShader = { 24 | 25 | uniforms: { 26 | 27 | "tDiffuse": { type: "t", value: null }, 28 | "time": { type: "f", value: 0.0 }, 29 | "nIntensity": { type: "f", value: 0.5 }, 30 | "sIntensity": { type: "f", value: 0.05 }, 31 | "sCount": { type: "f", value: 4096 }, 32 | "grayscale": { type: "i", value: 1 } 33 | 34 | }, 35 | 36 | vertexShader: [ 37 | 38 | "varying vec2 vUv;", 39 | 40 | "void main() {", 41 | 42 | "vUv = uv;", 43 | "gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );", 44 | 45 | "}" 46 | 47 | ].join("\n"), 48 | 49 | fragmentShader: [ 50 | 51 | // control parameter 52 | "uniform float time;", 53 | 54 | "uniform bool grayscale;", 55 | 56 | // noise effect intensity value (0 = no effect, 1 = full effect) 57 | "uniform float nIntensity;", 58 | 59 | // scanlines effect intensity value (0 = no effect, 1 = full effect) 60 | "uniform float sIntensity;", 61 | 62 | // scanlines effect count value (0 = no effect, 4096 = full effect) 63 | "uniform float sCount;", 64 | 65 | "uniform sampler2D tDiffuse;", 66 | 67 | "varying vec2 vUv;", 68 | 69 | "float rand(vec2 co){", 70 | 71 | "return fract(sin(dot(co.xy ,vec2(12.9898,78.233))) * 43758.5453);", 72 | 73 | "}", 74 | 75 | 76 | "void main() {", 77 | 78 | // sample the source 79 | "vec4 cTextureScreen = texture2D( tDiffuse, vUv );", 80 | 81 | // make some noise 82 | // "float x = vUv.x * vUv.y * time * 1000.0;", 83 | // "x = mod( x, 13.0 ) * mod( x, 123.0 );", 84 | // "float dx = mod( x, 0.01 );", 85 | 86 | // add noise 87 | //"vec3 cResult = cTextureScreen.rgb + cTextureScreen.rgb * clamp( 0.1 + dx * 100.0, 0.0, 1.0 );", 88 | 89 | //no noise 90 | //"vec3 cResult = cTextureScreen.rgb;", 91 | 92 | // "vec2 position = gl_FragCoord.xy - floor(time*4.0);", 93 | // "vec3 cResult = cTextureScreen.rgb + rand(position.xy)*0.3;", 94 | 95 | // float color = rand( position.xy ); 96 | 97 | // gl_FragColor = vec4( color, color, color, 1 ); 98 | 99 | //from http://glsl.heroku.com/e#6017.0 100 | //vec2 position = gl_FragCoord.xy - floor(mouse*resolution); 101 | //float color = rand( position.xy ); 102 | //gl_FragColor = vec4( color, color, color, 1 ); 103 | 104 | 105 | 106 | 107 | //fat noise 108 | // "float res = 16.0;", 109 | // "float xStepped = floor((gl_FragCoord.x + time)*res);", 110 | // "float yStepped = floor((gl_FragCoord.y + time)*res);", 111 | // "vec3 cResult = cTextureScreen.rgb + vec3(rand(vec2(xStepped,yStepped))-0.5)*0.3;", 112 | 113 | 114 | "vec3 cResult = cTextureScreen.rgb;", 115 | 116 | 117 | // get us a sine and cosine 118 | "vec2 sc = vec2( sin( vUv.y * sCount ), cos( vUv.y * sCount ) );", 119 | 120 | // add scanlines 121 | "cResult += cTextureScreen.rgb * vec3( sc.x, sc.y, sc.x ) * sIntensity;", 122 | 123 | // interpolate between source and result by intensity 124 | "cResult = cTextureScreen.rgb + clamp( nIntensity, 0.0,1.0 ) * ( cResult - cTextureScreen.rgb );", 125 | 126 | // convert to grayscale if desired 127 | // "if( grayscale ) {", 128 | 129 | // "cResult = vec3( cResult.r * 0.3 + cResult.g * 0.59 + cResult.b * 0.11 );", 130 | 131 | // "}", 132 | 133 | "gl_FragColor = vec4( cResult, cTextureScreen.a );", 134 | 135 | "}" 136 | 137 | ].join("\n") 138 | 139 | }; 140 | -------------------------------------------------------------------------------- /shaders/RGBShiftShader.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author felixturner / http://airtight.cc/ 3 | * 4 | * RGB Shift Shader 5 | * Shifts red and blue channels from center in opposite directions 6 | * Ported from http://kriss.cx/tom/2009/05/rgb-shift/ 7 | * by Tom Butterworth / http://kriss.cx/tom/ 8 | * 9 | * amount: shift distance (1 is width of input) 10 | * angle: shift angle in radians 11 | */ 12 | 13 | THREE.RGBShiftShader = { 14 | 15 | uniforms: { 16 | 17 | "tDiffuse": { type: "t", value: null }, 18 | "amount": { type: "f", value: 0.005 }, 19 | "angle": { type: "f", value: 0.0 } 20 | 21 | }, 22 | 23 | vertexShader: [ 24 | 25 | "varying vec2 vUv;", 26 | 27 | "void main() {", 28 | 29 | "vUv = uv;", 30 | "gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );", 31 | 32 | "}" 33 | 34 | ].join("\n"), 35 | 36 | fragmentShader: [ 37 | 38 | "uniform sampler2D tDiffuse;", 39 | "uniform float amount;", 40 | "uniform float angle;", 41 | 42 | "varying vec2 vUv;", 43 | 44 | "void main() {", 45 | 46 | "vec2 offset = amount * vec2( cos(angle), sin(angle));", 47 | "vec4 cr = texture2D(tDiffuse, vUv + offset);", 48 | "vec4 cga = texture2D(tDiffuse, vUv);", 49 | "vec4 cb = texture2D(tDiffuse, vUv - offset);", 50 | "gl_FragColor = vec4(cr.r, cga.g, cb.b, cga.a);", 51 | 52 | "}" 53 | 54 | ].join("\n") 55 | 56 | }; 57 | -------------------------------------------------------------------------------- /shaders/StaticShader.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author felixturner / http://airtight.cc/ 3 | * 4 | * Static effect. Additively blended digital noise. 5 | * 6 | * amount - amount of noise to add (0 - 1) 7 | * size - size of noise grains (pixels) 8 | * 9 | */ 10 | 11 | THREE.StaticShader = { 12 | 13 | uniforms: { 14 | 15 | "tDiffuse": { type: "t", value: null }, 16 | "time": { type: "f", value: 0.0 }, 17 | "amount": { type: "f", value: 0.5 }, 18 | "size": { type: "f", value: 4.0 } 19 | }, 20 | 21 | vertexShader: [ 22 | 23 | "varying vec2 vUv;", 24 | 25 | "void main() {", 26 | 27 | "vUv = uv;", 28 | "gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );", 29 | 30 | "}" 31 | 32 | ].join("\n"), 33 | 34 | fragmentShader: [ 35 | 36 | "uniform sampler2D tDiffuse;", 37 | "uniform float time;", 38 | "uniform float amount;", 39 | "uniform float size;", 40 | 41 | "varying vec2 vUv;", 42 | 43 | "float rand(vec2 co){", 44 | "return fract(sin(dot(co.xy ,vec2(12.9898,78.233))) * 43758.5453);", 45 | "}", 46 | 47 | "void main() {", 48 | "vec2 p = vUv;", 49 | "vec4 color = texture2D(tDiffuse, p);", 50 | "float xs = floor(gl_FragCoord.x / size);", 51 | "float ys = floor(gl_FragCoord.y / size);", 52 | "vec4 snow = vec4(rand(vec2(xs * time,ys * time))*amount);", 53 | 54 | //"gl_FragColor = color + amount * ( snow - color );", //interpolate 55 | 56 | "gl_FragColor = color+ snow;", //additive 57 | 58 | "}" 59 | 60 | ].join("\n") 61 | 62 | }; 63 | -------------------------------------------------------------------------------- /sounds/132834__bekir-virtualdj__electric.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeromeetienne/threex.badtvpproc/55864cee0b3fea4efff18383b2c8a733aef6e7c1/sounds/132834__bekir-virtualdj__electric.mp3 -------------------------------------------------------------------------------- /sounds/19487__halleck__jacobsladdersingle2.flac: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeromeetienne/threex.badtvpproc/55864cee0b3fea4efff18383b2c8a733aef6e7c1/sounds/19487__halleck__jacobsladdersingle2.flac -------------------------------------------------------------------------------- /sounds/19487__halleck__jacobsladdersingle2.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeromeetienne/threex.badtvpproc/55864cee0b3fea4efff18383b2c8a733aef6e7c1/sounds/19487__halleck__jacobsladdersingle2.wav -------------------------------------------------------------------------------- /threex.badtvdatgui.js: -------------------------------------------------------------------------------- 1 | /** 2 | * vendor.js framework definition 3 | * @type {Object} 4 | */ 5 | var THREEx = THREEx || {}; 6 | 7 | THREEx.addBadTVPasses2DatGui = function(badTVPasses, datGui){ 8 | datGui = datGui || new dat.GUI() 9 | var onChange = function(){ 10 | badTVPasses.onParamsChange() 11 | } 12 | onChange() 13 | 14 | //Init DAT GUI control panel 15 | var badTVParams = badTVPasses.params.badTV 16 | var rgbParams = badTVPasses.params.rgb 17 | var filmParams = badTVPasses.params.film 18 | var staticParams= badTVPasses.params.staticNoise 19 | 20 | ////////////////////////////////////////////////////////////////////////////////// 21 | // comment // 22 | ////////////////////////////////////////////////////////////////////////////////// 23 | datGui.add({ presetReset : function(){ 24 | badTVPasses.params.reset() 25 | badTVPasses.onParamsChange() 26 | }}, 'presetReset' ) 27 | datGui.add({ presetLight : function(){ 28 | badTVPasses.params.preset('light') 29 | badTVPasses.onParamsChange() 30 | }}, 'presetLight' ) 31 | datGui.add({ presetStrong : function(){ 32 | badTVPasses.params.preset('strong') 33 | badTVPasses.onParamsChange() 34 | }}, 'presetStrong' ) 35 | datGui.add(badTVPasses, 'tweenDelay', 0, 2).step(0.1).listen().name("Tween Delay").onChange(onChange); 36 | 37 | var f1 = datGui.addFolder('Bad TV'); 38 | f1.add(badTVParams, 'distortion', 0.1, 20).step(0.1).listen().name("Thick Distort").onChange(onChange); 39 | f1.add(badTVParams, 'distortion2', 0.1, 20).step(0.1).listen().name("Fine Distort").onChange(onChange); 40 | f1.add(badTVParams, 'speed', 0.0,1.0).step(0.01).listen().name("Distort Speed").onChange(onChange); 41 | f1.add(badTVParams, 'rollSpeed', 0.0,1.0).step(0.01).listen().name("Roll Speed").onChange(onChange); 42 | f1.add(badTVParams, 'randomSeed', 0.0,200.0).step(0.01).listen().name("Random Seed").onChange(onChange); 43 | f1.open(); 44 | 45 | var f2 = datGui.addFolder('RGB Shift'); 46 | f2.add(rgbParams, 'amount', 0.0, 0.1).listen().onChange(onChange); 47 | f2.add(rgbParams, 'angle', 0.0, 2.1).step(0.01).listen().onChange(onChange); 48 | f2.open(); 49 | 50 | var f4 = datGui.addFolder('Static'); 51 | f4.add(staticParams, 'amount', 0.0,1.0).step(0.01).listen().onChange(onChange); 52 | f4.add(staticParams, 'size2', 1.0,100.0).step(1.0).onChange(onChange); 53 | f4.open(); 54 | 55 | var f3 = datGui.addFolder('Scanlines'); 56 | f3.add(filmParams, 'count', 50, 1000).onChange(onChange); 57 | f3.add(filmParams, 'sIntensity', 0.0, 2.0).step(0.1).onChange(onChange); 58 | f3.add(filmParams, 'nIntensity', 0.0, 2.0).step(0.1).onChange(onChange); 59 | f3.open(); 60 | } -------------------------------------------------------------------------------- /threex.badtvjamming.js: -------------------------------------------------------------------------------- 1 | /** 2 | * vendor.js framework definition 3 | * @type {Object} 4 | */ 5 | var THREEx = THREEx || {}; 6 | 7 | 8 | /** 9 | * BadTV Jamming effect 10 | * 11 | * @constructor 12 | * 13 | * @param {THREEx.BadTVPasses} badTVPasses 14 | * @param {[type]} context [description] 15 | * @param {[type]} destination [description] 16 | */ 17 | THREEx.BadTVJamming = function(badTVPasses, context, destination){ 18 | destination = destination || context.destination 19 | 20 | var badTVSound = new THREEx.BadTVSound(context, destination) 21 | 22 | 23 | /** 24 | * true if a jamming is in progress, false otherwise 25 | * @type {Boolean} 26 | */ 27 | this.inProgress = false 28 | this.trigger = function(passesFirstLabel, passesLastLabel, nShakeSteps, tweenDelay){ 29 | // default values for arguments 30 | console.assert( typeof(passesFirstLabel) === 'string' ) 31 | console.assert( typeof(passesLastLabel) === 'string' ) 32 | console.assert( typeof(nShakeSteps) === 'number' ) 33 | console.assert( typeof(tweenDelay) === 'number' ) 34 | // prevent another trigger when a jamming is in progress 35 | if( this.inProgress === true ) return 36 | this.inProgress = true 37 | // start the sound 38 | badTVSound.play() 39 | 40 | // set initial params 41 | badTVPasses.params.preset(passesFirstLabel) 42 | badTVPasses.onParamsChange() 43 | 44 | // handle badTVPasses.params animation 45 | badTVPasses.tweenDelay = tweenDelay 46 | 47 | badTVPasses.addEventListener('tweenCompleted', function callback(){ 48 | // if it is the last shake, return now 49 | if( nShakeSteps === 0 ) return 50 | // count this shake 51 | nShakeSteps -= 1; 52 | if( nShakeSteps > 0 ){ 53 | // start the next shake 54 | badTVPasses.params.preset(passesFirstLabel) 55 | }else{ 56 | // end all shake 57 | badTVPasses.params.preset(passesLastLabel) 58 | badTVPasses.removeEventListener('tweenCompleted', callback) 59 | this.inProgress = false 60 | } 61 | badTVPasses.onParamsChange() 62 | }.bind(this)) 63 | } 64 | 65 | 66 | ////////////////////////////////////////////////////////////////////////////////// 67 | // presets // 68 | ////////////////////////////////////////////////////////////////////////////////// 69 | 70 | /** 71 | * Presets you can use 72 | * @type {Object} 73 | */ 74 | this.presets = { 75 | 'lightNoScroll' : ['light' , 'resetInterlace' , 2, 0.1], 76 | 'strongScrolly' : ['strong', 'resetInterlace' , 10, 0.10] 77 | } 78 | this.preset = function(label){ 79 | console.assert(label in this.presets === true) 80 | var presetArgs = this.presets[label] 81 | this.trigger.apply(this, presetArgs) 82 | } 83 | } 84 | -------------------------------------------------------------------------------- /threex.badtvpasses.js: -------------------------------------------------------------------------------- 1 | var THREEx = THREEx || {} 2 | /** 3 | * the post processing passes for a BadTV effect 4 | * - ideas and shaders by @felixturner 5 | */ 6 | THREEx.BadTVPasses = function(){ 7 | // add EventDispatcher in this object 8 | THREE.EventDispatcher.prototype.apply(this) 9 | 10 | ////////////////////////////////////////////////////////////////////////////////// 11 | // comment // 12 | ////////////////////////////////////////////////////////////////////////////////// 13 | 14 | // create shaders passes 15 | var badTVPass = new THREE.ShaderPass( THREE.BadTVShader ); 16 | var rgbPass = new THREE.ShaderPass( THREE.RGBShiftShader ); 17 | var filmPass = new THREE.ShaderPass( THREE.FilmShader ); 18 | filmPass.uniforms[ "grayscale" ].value = 0; 19 | var staticPass = new THREE.ShaderPass( THREE.StaticShader ); 20 | 21 | this.addPassesTo = function(composer){ 22 | composer.addPass( filmPass ); 23 | composer.addPass( badTVPass ); 24 | composer.addPass( rgbPass ); 25 | composer.addPass( staticPass ); 26 | } 27 | 28 | ////////////////////////////////////////////////////////////////////////////////// 29 | // comment // 30 | ////////////////////////////////////////////////////////////////////////////////// 31 | 32 | this.update = function(delta, now){ 33 | badTVPass.uniforms[ 'time' ].value = now 34 | filmPass.uniforms[ 'time' ].value = now 35 | staticPass.uniforms[ 'time' ].value = now 36 | 37 | if( tweenStartDate !== null ){ 38 | var present = Date.now()/1000 39 | if( present - tweenStartDate >= this.tweenDelay ){ 40 | params.copy(tweenDstParams) 41 | tweenStartDate = null 42 | this.dispatchEvent({ type: 'tweenCompleted' }) 43 | }else{ 44 | var amount = (present - tweenStartDate) / this.tweenDelay 45 | // console.log('tweening', amount) 46 | params.lerp(tweenSrcParams, tweenDstParams, amount) 47 | } 48 | updateUniforms() 49 | } 50 | }.bind(this) 51 | 52 | ////////////////////////////////////////////////////////////////////////////////// 53 | // comment // 54 | ////////////////////////////////////////////////////////////////////////////////// 55 | 56 | var params = new THREEx.BadTVPasses.Params() 57 | 58 | this.tweenDelay = 0.1 59 | 60 | var tweenStartDate = null 61 | var tweenSrcParams = new THREEx.BadTVPasses.Params() 62 | var tweenDstParams = new THREEx.BadTVPasses.Params() 63 | 64 | this.params = tweenDstParams 65 | 66 | ////////////////////////////////////////////////////////////////////////////////// 67 | // comment // 68 | ////////////////////////////////////////////////////////////////////////////////// 69 | 70 | this.onParamsChange = onParamsChange 71 | function onParamsChange() { 72 | // update value for tween 73 | tweenStartDate = Date.now()/1000; 74 | tweenSrcParams.copy(params) 75 | 76 | updateUniforms() 77 | } 78 | function updateUniforms() { 79 | //copy gui params into shader uniforms 80 | badTVPass.uniforms[ "distortion" ].value = params.badTV.distortion 81 | badTVPass.uniforms[ "distortion2" ].value = params.badTV.distortion2 82 | badTVPass.uniforms[ "speed" ].value = params.badTV.speed 83 | badTVPass.uniforms[ "rollSpeed" ].value = params.badTV.rollSpeed 84 | badTVPass.uniforms[ "randomSeed" ].value = params.badTV.randomSeed 85 | 86 | staticPass.uniforms[ "amount" ].value = params.staticNoise.amount 87 | staticPass.uniforms[ "size" ].value = params.staticNoise.size2 88 | 89 | rgbPass.uniforms[ "angle" ].value = params.rgb.angle*Math.PI 90 | rgbPass.uniforms[ "amount" ].value = params.rgb.amount 91 | 92 | filmPass.uniforms[ "sCount" ].value = params.film.count 93 | filmPass.uniforms[ "sIntensity" ].value = params.film.sIntensity 94 | filmPass.uniforms[ "nIntensity" ].value = params.film.nIntensity 95 | } 96 | } 97 | 98 | ////////////////////////////////////////////////////////////////////////////////// 99 | // comment // 100 | ////////////////////////////////////////////////////////////////////////////////// 101 | 102 | 103 | /** 104 | * parameters for THREEx.BadTVPasses 105 | */ 106 | THREEx.BadTVPasses.Params = function(){ 107 | var film = this.film = { 108 | count : 800, 109 | sIntensity : 0.9, 110 | nIntensity : 0.4 111 | } 112 | var badTV = this.badTV = { 113 | distortion : 0.1, 114 | distortion2 : 0.1, 115 | speed : 0.0, 116 | rollSpeed : 0.0, 117 | randomSeed : 0.0, 118 | } 119 | var rgb = this.rgb = { 120 | amount : 0.0, 121 | angle : 0.0, 122 | } 123 | var staticNoise = this.staticNoise = { 124 | amount : 0.0, 125 | size2 : 4.0 126 | } 127 | ////////////////////////////////////////////////////////////////////////////////// 128 | // comment // 129 | ////////////////////////////////////////////////////////////////////////////////// 130 | 131 | this.lerp = function(srcParams, dstParams, amount){ 132 | // console.log('angle', this.rgb.angle, dstParams.rgb.angle) 133 | this.film.count = compute(srcParams.film.count, dstParams.film.count) 134 | this.film.sIntensity = compute(srcParams.film.sIntensity, dstParams.film.sIntensity) 135 | this.film.nIntensity = compute(srcParams.film.nIntensity, dstParams.film.nIntensity) 136 | 137 | this.badTV.distortion = compute(srcParams.badTV.distortion, dstParams.badTV.distortion) 138 | this.badTV.distortion2 = compute(srcParams.badTV.distortion2, dstParams.badTV.distortion2) 139 | this.badTV.speed = compute(srcParams.badTV.speed, dstParams.badTV.speed) 140 | this.badTV.rollSpeed = compute(srcParams.badTV.rollSpeed, dstParams.badTV.rollSpeed) 141 | 142 | // this.badTV.randomSeed = compute(srcParams.badTV.randomSeed, dstParams.badTV.randomSeed) 143 | this.badTV.randomSeed = dstParams.badTV.randomSeed 144 | 145 | this.rgb.angle = compute(srcParams.rgb.angle, dstParams.rgb.angle) 146 | this.rgb.angle = dstParams.rgb.angle 147 | this.rgb.amount = compute(srcParams.rgb.amount, dstParams.rgb.amount) 148 | 149 | this.staticNoise.amount = compute(srcParams.staticNoise.amount, dstParams.staticNoise.amount) 150 | this.staticNoise.size2 = compute(srcParams.staticNoise.size2, dstParams.staticNoise.size2) 151 | 152 | return 153 | 154 | function compute(srcValue, dstValue){ 155 | return srcValue + (dstValue-srcValue)*amount 156 | } 157 | } 158 | 159 | this.copy = function(other){ 160 | this.badTV.distortion = other.badTV.distortion 161 | this.badTV.distortion2 = other.badTV.distortion2 162 | this.badTV.speed = other.badTV.speed 163 | this.badTV.rollSpeed = other.badTV.rollSpeed 164 | this.badTV.randomSeed = other.badTV.randomSeed 165 | 166 | this.staticNoise.amount = other.staticNoise.amount 167 | this.staticNoise.size2 = other.staticNoise.size2 168 | 169 | this.rgb.amount = other.rgb.amount 170 | this.rgb.angle = other.rgb.angle 171 | 172 | this.film.count = other.film.count 173 | this.film.sIntensity = other.film.sIntensity 174 | this.film.nIntensity = other.film.nIntensity 175 | } 176 | 177 | ////////////////////////////////////////////////////////////////////////////////// 178 | // presets // 179 | ////////////////////////////////////////////////////////////////////////////////// 180 | 181 | var presets = this.presets = { 182 | 'reset' : function(){ 183 | badTV.distortion = 0.1 184 | badTV.distortion2 = 0.1 185 | badTV.speed = 0 186 | badTV.rollSpeed = 0 187 | badTV.randomSeed = 0 188 | rgb.angle = 0 189 | rgb.amount = 0 190 | staticNoise.amount = 0 191 | // staticNoise.size2 = 0 192 | film.count = 800; 193 | film.sIntensity = 0.0; 194 | film.nIntensity = 0.0; 195 | }, 196 | 'resetInterlace': function(){ 197 | presets.reset() 198 | 199 | film.count = 800; 200 | film.sIntensity = 0.9; 201 | film.nIntensity = 0.4; 202 | }, 203 | 'light' : function(){ 204 | badTV.distortion = Math.random()*3+3; 205 | badTV.distortion2 = Math.random()*1+0.1; 206 | badTV.randomSeed = Math.random()*150 207 | // badTV.speed = Math.random()*.4; 208 | // badTV.rollSpeed = Math.random()*.2; 209 | rgb.angle = Math.random()*10/180*Math.PI*2; 210 | rgb.amount = Math.random()*0.02+0.0; 211 | // staticNoise.amount = Math.random()*0.2; 212 | }, 213 | 'strong' : function(){ 214 | badTV.distortion = Math.random()*10+0.1; 215 | badTV.distortion2 = Math.random()*10+0.1; 216 | badTV.speed = Math.random()*.4; 217 | badTV.rollSpeed = Math.random()*.2; 218 | rgb.angle = Math.random()*2; 219 | rgb.amount = Math.random()*0.03; 220 | staticNoise.amount = Math.random()*0.2; 221 | }, 222 | } 223 | 224 | this.preset = function(label){ 225 | console.assert(label in this.presets === true) 226 | var preset = this.presets[label] 227 | preset() 228 | } 229 | 230 | this.reset = function(){ 231 | this.preset('reset') 232 | } 233 | } -------------------------------------------------------------------------------- /threex.badtvsound.js: -------------------------------------------------------------------------------- 1 | /** 2 | * vendor.js framework definition 3 | * @type {Object} 4 | */ 5 | var THREEx = THREEx || {}; 6 | 7 | THREEx.BadTVSound = function(context, destination, onLoad, onError){ 8 | var buffer = null 9 | // start loading the sound 10 | var url = THREEx.BadTVSound.baseUrl + 'sounds/132834__bekir-virtualdj__electric.mp3' 11 | var url = THREEx.BadTVSound.baseUrl + 'sounds/19487__halleck__jacobsladdersingle2.wav' 12 | loadSoundWebAudio(url, function(decodedBuffer){ 13 | buffer = decodedBuffer 14 | }, onLoad, onError); 15 | 16 | /** 17 | * test if the sound is ready to be played 18 | * @return {Boolean} true if the sound is ready, false otherwise 19 | */ 20 | this.isReady = function(){ 21 | return buffer === null ? false : true 22 | } 23 | /** 24 | * play the sound 25 | */ 26 | this.play = function(){ 27 | if( !buffer ) return; 28 | // BufferSource 29 | var source = context.createBufferSource(); 30 | source.buffer = buffer; 31 | source.connect(destination); 32 | source.start(0) 33 | return source 34 | } 35 | 36 | /** 37 | * Load and decode a sound 38 | */ 39 | function loadSoundWebAudio(url, onLoad, onError){ 40 | onLoad = onLoad || function(){} 41 | onError = onError || function(){} 42 | var request = new XMLHttpRequest(); 43 | request.open('GET', url, true); 44 | request.responseType = 'arraybuffer'; 45 | request.onload = function() { 46 | context.decodeAudioData(request.response, onLoad, onError); 47 | } 48 | request.send(); 49 | } 50 | } 51 | 52 | THREEx.BadTVSound.baseUrl = '../' --------------------------------------------------------------------------------