babylon.tools.js 38 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841
  1. var BABYLON;
  2. (function (BABYLON) {
  3. // Screenshots
  4. var screenshotCanvas;
  5. var cloneValue = function (source, destinationObject) {
  6. if (!source)
  7. return null;
  8. if (source instanceof BABYLON.Mesh) {
  9. return null;
  10. }
  11. if (source instanceof BABYLON.SubMesh) {
  12. return source.clone(destinationObject);
  13. }
  14. else if (source.clone) {
  15. return source.clone();
  16. }
  17. return null;
  18. };
  19. var Tools = (function () {
  20. function Tools() {
  21. }
  22. Tools.ToHex = function (i) {
  23. var str = i.toString(16);
  24. if (i <= 15) {
  25. return ("0" + str).toUpperCase();
  26. }
  27. return str.toUpperCase();
  28. };
  29. Tools.SetImmediate = function (action) {
  30. if (window.setImmediate) {
  31. window.setImmediate(action);
  32. }
  33. else {
  34. setTimeout(action, 1);
  35. }
  36. };
  37. Tools.IsExponentOfTwo = function (value) {
  38. var count = 1;
  39. do {
  40. count *= 2;
  41. } while (count < value);
  42. return count === value;
  43. };
  44. Tools.GetExponentOfTwo = function (value, max) {
  45. var count = 1;
  46. do {
  47. count *= 2;
  48. } while (count < value);
  49. if (count > max)
  50. count = max;
  51. return count;
  52. };
  53. Tools.GetFilename = function (path) {
  54. var index = path.lastIndexOf("/");
  55. if (index < 0)
  56. return path;
  57. return path.substring(index + 1);
  58. };
  59. Tools.GetDOMTextContent = function (element) {
  60. var result = "";
  61. var child = element.firstChild;
  62. while (child) {
  63. if (child.nodeType === 3) {
  64. result += child.textContent;
  65. }
  66. child = child.nextSibling;
  67. }
  68. return result;
  69. };
  70. Tools.ToDegrees = function (angle) {
  71. return angle * 180 / Math.PI;
  72. };
  73. Tools.ToRadians = function (angle) {
  74. return angle * Math.PI / 180;
  75. };
  76. Tools.ExtractMinAndMaxIndexed = function (positions, indices, indexStart, indexCount) {
  77. var minimum = new BABYLON.Vector3(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE);
  78. var maximum = new BABYLON.Vector3(-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE);
  79. for (var index = indexStart; index < indexStart + indexCount; index++) {
  80. var current = new BABYLON.Vector3(positions[indices[index] * 3], positions[indices[index] * 3 + 1], positions[indices[index] * 3 + 2]);
  81. minimum = BABYLON.Vector3.Minimize(current, minimum);
  82. maximum = BABYLON.Vector3.Maximize(current, maximum);
  83. }
  84. return {
  85. minimum: minimum,
  86. maximum: maximum
  87. };
  88. };
  89. Tools.ExtractMinAndMax = function (positions, start, count) {
  90. var minimum = new BABYLON.Vector3(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE);
  91. var maximum = new BABYLON.Vector3(-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE);
  92. for (var index = start; index < start + count; index++) {
  93. var current = new BABYLON.Vector3(positions[index * 3], positions[index * 3 + 1], positions[index * 3 + 2]);
  94. minimum = BABYLON.Vector3.Minimize(current, minimum);
  95. maximum = BABYLON.Vector3.Maximize(current, maximum);
  96. }
  97. return {
  98. minimum: minimum,
  99. maximum: maximum
  100. };
  101. };
  102. Tools.MakeArray = function (obj, allowsNullUndefined) {
  103. if (allowsNullUndefined !== true && (obj === undefined || obj == null))
  104. return undefined;
  105. return Array.isArray(obj) ? obj : [obj];
  106. };
  107. // Misc.
  108. Tools.GetPointerPrefix = function () {
  109. var eventPrefix = "pointer";
  110. // Check if hand.js is referenced or if the browser natively supports pointer events
  111. if (!navigator.pointerEnabled) {
  112. eventPrefix = "mouse";
  113. }
  114. return eventPrefix;
  115. };
  116. Tools.QueueNewFrame = function (func) {
  117. if (window.requestAnimationFrame)
  118. window.requestAnimationFrame(func);
  119. else if (window.msRequestAnimationFrame)
  120. window.msRequestAnimationFrame(func);
  121. else if (window.webkitRequestAnimationFrame)
  122. window.webkitRequestAnimationFrame(func);
  123. else if (window.mozRequestAnimationFrame)
  124. window.mozRequestAnimationFrame(func);
  125. else if (window.oRequestAnimationFrame)
  126. window.oRequestAnimationFrame(func);
  127. else {
  128. window.setTimeout(func, 16);
  129. }
  130. };
  131. Tools.RequestFullscreen = function (element) {
  132. if (element.requestFullscreen)
  133. element.requestFullscreen();
  134. else if (element.msRequestFullscreen)
  135. element.msRequestFullscreen();
  136. else if (element.webkitRequestFullscreen)
  137. element.webkitRequestFullscreen();
  138. else if (element.mozRequestFullScreen)
  139. element.mozRequestFullScreen();
  140. };
  141. Tools.ExitFullscreen = function () {
  142. if (document.exitFullscreen) {
  143. document.exitFullscreen();
  144. }
  145. else if (document.mozCancelFullScreen) {
  146. document.mozCancelFullScreen();
  147. }
  148. else if (document.webkitCancelFullScreen) {
  149. document.webkitCancelFullScreen();
  150. }
  151. else if (document.msCancelFullScreen) {
  152. document.msCancelFullScreen();
  153. }
  154. };
  155. // External files
  156. Tools.CleanUrl = function (url) {
  157. url = url.replace(/#/mg, "%23");
  158. return url;
  159. };
  160. Tools.LoadImage = function (url, onload, onerror, database) {
  161. url = Tools.CleanUrl(url);
  162. var img = new Image();
  163. if (url.substr(0, 5) !== "data:")
  164. img.crossOrigin = 'anonymous';
  165. img.onload = function () {
  166. onload(img);
  167. };
  168. img.onerror = function (err) {
  169. Tools.Error("Error while trying to load texture: " + url);
  170. img.src = "data:image/jpg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QBmRXhpZgAATU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAAExAAIAAAAQAAAATgAAAAAAAABgAAAAAQAAAGAAAAABcGFpbnQubmV0IDQuMC41AP/bAEMABAIDAwMCBAMDAwQEBAQFCQYFBQUFCwgIBgkNCw0NDQsMDA4QFBEODxMPDAwSGBITFRYXFxcOERkbGRYaFBYXFv/bAEMBBAQEBQUFCgYGChYPDA8WFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFv/AABEIAQABAAMBIgACEQEDEQH/xAAfAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgv/xAC1EAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+fr/xAAfAQADAQEBAQEBAQEBAAAAAAAAAQIDBAUGBwgJCgv/xAC1EQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/APH6KKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FCiiigD6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++gooooA+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gUKKKKAPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76CiiigD5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BQooooA+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/voKKKKAPl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FCiiigD6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++gooooA+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gUKKKKAPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76CiiigD5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BQooooA+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/voKKKKAPl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FCiiigD6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++gooooA+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gUKKKKAPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76Pl+iiivuj+BT6gooor4U/vo+X6KKK+6P4FPqCiiivhT++j5fooor7o/gU+oKKKK+FP76P//Z";
  171. onload(img);
  172. };
  173. var noIndexedDB = function () {
  174. img.src = url;
  175. };
  176. var loadFromIndexedDB = function () {
  177. database.loadImageFromDB(url, img);
  178. };
  179. //ANY database to do!
  180. if (database && database.enableTexturesOffline && BABYLON.Database.IsUASupportingBlobStorage) {
  181. database.openAsync(loadFromIndexedDB, noIndexedDB);
  182. }
  183. else {
  184. if (url.indexOf("file:") === -1) {
  185. noIndexedDB();
  186. }
  187. else {
  188. try {
  189. var textureName = url.substring(5);
  190. var blobURL;
  191. try {
  192. blobURL = URL.createObjectURL(BABYLON.FilesInput.FilesTextures[textureName], { oneTimeOnly: true });
  193. }
  194. catch (ex) {
  195. // Chrome doesn't support oneTimeOnly parameter
  196. blobURL = URL.createObjectURL(BABYLON.FilesInput.FilesTextures[textureName]);
  197. }
  198. img.src = blobURL;
  199. }
  200. catch (e) {
  201. img.src = null;
  202. }
  203. }
  204. }
  205. return img;
  206. };
  207. //ANY
  208. Tools.LoadFile = function (url, callback, progressCallBack, database, useArrayBuffer, onError) {
  209. url = Tools.CleanUrl(url);
  210. var noIndexedDB = function () {
  211. var request = new XMLHttpRequest();
  212. var loadUrl = Tools.BaseUrl + url;
  213. request.open('GET', loadUrl, true);
  214. if (useArrayBuffer) {
  215. request.responseType = "arraybuffer";
  216. }
  217. request.onprogress = progressCallBack;
  218. request.onreadystatechange = function () {
  219. if (request.readyState === 4) {
  220. if (request.status === 200 || Tools.ValidateXHRData(request, !useArrayBuffer ? 1 : 6)) {
  221. callback(!useArrayBuffer ? request.responseText : request.response);
  222. }
  223. else {
  224. if (onError) {
  225. onError();
  226. }
  227. else {
  228. throw new Error("Error status: " + request.status + " - Unable to load " + loadUrl);
  229. }
  230. }
  231. }
  232. };
  233. request.send(null);
  234. };
  235. var loadFromIndexedDB = function () {
  236. database.loadFileFromDB(url, callback, progressCallBack, noIndexedDB, useArrayBuffer);
  237. };
  238. if (url.indexOf("file:") !== -1) {
  239. var fileName = url.substring(5);
  240. Tools.ReadFile(BABYLON.FilesInput.FilesToLoad[fileName], callback, progressCallBack, true);
  241. }
  242. else {
  243. // Caching all files
  244. if (database && database.enableSceneOffline) {
  245. database.openAsync(loadFromIndexedDB, noIndexedDB);
  246. }
  247. else {
  248. noIndexedDB();
  249. }
  250. }
  251. };
  252. Tools.ReadFileAsDataURL = function (fileToLoad, callback, progressCallback) {
  253. var reader = new FileReader();
  254. reader.onload = function (e) {
  255. //target doesn't have result from ts 1.3
  256. callback(e.target['result']);
  257. };
  258. reader.onprogress = progressCallback;
  259. reader.readAsDataURL(fileToLoad);
  260. };
  261. Tools.ReadFile = function (fileToLoad, callback, progressCallBack, useArrayBuffer) {
  262. var reader = new FileReader();
  263. reader.onerror = function (e) {
  264. Tools.Log("Error while reading file: " + fileToLoad.name);
  265. callback(JSON.stringify({ autoClear: true, clearColor: [1, 0, 0], ambientColor: [0, 0, 0], gravity: [0, -9.807, 0], meshes: [], cameras: [], lights: [] }));
  266. };
  267. reader.onload = function (e) {
  268. //target doesn't have result from ts 1.3
  269. callback(e.target['result']);
  270. };
  271. reader.onprogress = progressCallBack;
  272. if (!useArrayBuffer) {
  273. // Asynchronous read
  274. reader.readAsText(fileToLoad);
  275. }
  276. else {
  277. reader.readAsArrayBuffer(fileToLoad);
  278. }
  279. };
  280. //returns a downloadable url to a file content.
  281. Tools.FileAsURL = function (content) {
  282. var fileBlob = new Blob([content]);
  283. var url = window.URL || window.webkitURL;
  284. var link = url.createObjectURL(fileBlob);
  285. return link;
  286. };
  287. // Misc.
  288. Tools.Clamp = function (value, min, max) {
  289. if (min === void 0) { min = 0; }
  290. if (max === void 0) { max = 1; }
  291. return Math.min(max, Math.max(min, value));
  292. };
  293. // Returns -1 when value is a negative number and
  294. // +1 when value is a positive number.
  295. Tools.Sign = function (value) {
  296. value = +value; // convert to a number
  297. if (value === 0 || isNaN(value))
  298. return value;
  299. return value > 0 ? 1 : -1;
  300. };
  301. Tools.Format = function (value, decimals) {
  302. if (decimals === void 0) { decimals = 2; }
  303. return value.toFixed(decimals);
  304. };
  305. Tools.CheckExtends = function (v, min, max) {
  306. if (v.x < min.x)
  307. min.x = v.x;
  308. if (v.y < min.y)
  309. min.y = v.y;
  310. if (v.z < min.z)
  311. min.z = v.z;
  312. if (v.x > max.x)
  313. max.x = v.x;
  314. if (v.y > max.y)
  315. max.y = v.y;
  316. if (v.z > max.z)
  317. max.z = v.z;
  318. };
  319. Tools.WithinEpsilon = function (a, b, epsilon) {
  320. if (epsilon === void 0) { epsilon = 1.401298E-45; }
  321. var num = a - b;
  322. return -epsilon <= num && num <= epsilon;
  323. };
  324. Tools.DeepCopy = function (source, destination, doNotCopyList, mustCopyList) {
  325. for (var prop in source) {
  326. if (prop[0] === "_" && (!mustCopyList || mustCopyList.indexOf(prop) === -1)) {
  327. continue;
  328. }
  329. if (doNotCopyList && doNotCopyList.indexOf(prop) !== -1) {
  330. continue;
  331. }
  332. var sourceValue = source[prop];
  333. var typeOfSourceValue = typeof sourceValue;
  334. if (typeOfSourceValue === "function") {
  335. continue;
  336. }
  337. if (typeOfSourceValue === "object") {
  338. if (sourceValue instanceof Array) {
  339. destination[prop] = [];
  340. if (sourceValue.length > 0) {
  341. if (typeof sourceValue[0] == "object") {
  342. for (var index = 0; index < sourceValue.length; index++) {
  343. var clonedValue = cloneValue(sourceValue[index], destination);
  344. if (destination[prop].indexOf(clonedValue) === -1) {
  345. destination[prop].push(clonedValue);
  346. }
  347. }
  348. }
  349. else {
  350. destination[prop] = sourceValue.slice(0);
  351. }
  352. }
  353. }
  354. else {
  355. destination[prop] = cloneValue(sourceValue, destination);
  356. }
  357. }
  358. else {
  359. destination[prop] = sourceValue;
  360. }
  361. }
  362. };
  363. Tools.IsEmpty = function (obj) {
  364. for (var i in obj) {
  365. return false;
  366. }
  367. return true;
  368. };
  369. Tools.RegisterTopRootEvents = function (events) {
  370. for (var index = 0; index < events.length; index++) {
  371. var event = events[index];
  372. window.addEventListener(event.name, event.handler, false);
  373. try {
  374. if (window.parent) {
  375. window.parent.addEventListener(event.name, event.handler, false);
  376. }
  377. }
  378. catch (e) {
  379. }
  380. }
  381. };
  382. Tools.UnregisterTopRootEvents = function (events) {
  383. for (var index = 0; index < events.length; index++) {
  384. var event = events[index];
  385. window.removeEventListener(event.name, event.handler);
  386. try {
  387. if (window.parent) {
  388. window.parent.removeEventListener(event.name, event.handler);
  389. }
  390. }
  391. catch (e) {
  392. }
  393. }
  394. };
  395. Tools.DumpFramebuffer = function (width, height, engine, successCallback) {
  396. // Read the contents of the framebuffer
  397. var numberOfChannelsByLine = width * 4;
  398. var halfHeight = height / 2;
  399. //Reading datas from WebGL
  400. var data = engine.readPixels(0, 0, width, height);
  401. //To flip image on Y axis.
  402. for (var i = 0; i < halfHeight; i++) {
  403. for (var j = 0; j < numberOfChannelsByLine; j++) {
  404. var currentCell = j + i * numberOfChannelsByLine;
  405. var targetLine = height - i - 1;
  406. var targetCell = j + targetLine * numberOfChannelsByLine;
  407. var temp = data[currentCell];
  408. data[currentCell] = data[targetCell];
  409. data[targetCell] = temp;
  410. }
  411. }
  412. // Create a 2D canvas to store the result
  413. if (!screenshotCanvas) {
  414. screenshotCanvas = document.createElement('canvas');
  415. }
  416. screenshotCanvas.width = width;
  417. screenshotCanvas.height = height;
  418. var context = screenshotCanvas.getContext('2d');
  419. // Copy the pixels to a 2D canvas
  420. var imageData = context.createImageData(width, height);
  421. //cast is due to ts error in lib.d.ts, see here - https://github.com/Microsoft/TypeScript/issues/949
  422. var castData = imageData.data;
  423. castData.set(data);
  424. context.putImageData(imageData, 0, 0);
  425. var base64Image = screenshotCanvas.toDataURL();
  426. if (successCallback) {
  427. successCallback(base64Image);
  428. }
  429. else {
  430. //Creating a link if the browser have the download attribute on the a tag, to automatically start download generated image.
  431. if (("download" in document.createElement("a"))) {
  432. var a = window.document.createElement("a");
  433. a.href = base64Image;
  434. var date = new Date();
  435. var stringDate = date.getFullYear() + "-" + date.getMonth() + "-" + date.getDate() + "_" + date.getHours() + "-" + ('0' + date.getMinutes()).slice(-2);
  436. a.setAttribute("download", "screenshot_" + stringDate + ".png");
  437. window.document.body.appendChild(a);
  438. a.addEventListener("click", function () {
  439. a.parentElement.removeChild(a);
  440. });
  441. a.click();
  442. }
  443. else {
  444. var newWindow = window.open("");
  445. var img = newWindow.document.createElement("img");
  446. img.src = base64Image;
  447. newWindow.document.body.appendChild(img);
  448. }
  449. }
  450. };
  451. Tools.CreateScreenshot = function (engine, camera, size, successCallback) {
  452. var width;
  453. var height;
  454. //If a precision value is specified
  455. if (size.precision) {
  456. width = Math.round(engine.getRenderWidth() * size.precision);
  457. height = Math.round(width / engine.getAspectRatio(camera));
  458. size = { width: width, height: height };
  459. }
  460. else if (size.width && size.height) {
  461. width = size.width;
  462. height = size.height;
  463. }
  464. else if (size.width && !size.height) {
  465. width = size.width;
  466. height = Math.round(width / engine.getAspectRatio(camera));
  467. size = { width: width, height: height };
  468. }
  469. else if (size.height && !size.width) {
  470. height = size.height;
  471. width = Math.round(height * engine.getAspectRatio(camera));
  472. size = { width: width, height: height };
  473. }
  474. else if (!isNaN(size)) {
  475. height = size;
  476. width = size;
  477. }
  478. else {
  479. Tools.Error("Invalid 'size' parameter !");
  480. return;
  481. }
  482. var scene = camera.getScene();
  483. var previousCamera = null;
  484. if (scene.activeCamera !== camera) {
  485. previousCamera = scene.activeCamera;
  486. scene.activeCamera = camera;
  487. }
  488. //At this point size can be a number, or an object (according to engine.prototype.createRenderTargetTexture method)
  489. var texture = new BABYLON.RenderTargetTexture("screenShot", size, scene, false, false);
  490. texture.renderList = scene.meshes;
  491. texture.onAfterRender = function () {
  492. Tools.DumpFramebuffer(width, height, engine, successCallback);
  493. };
  494. scene.incrementRenderId();
  495. texture.render(true);
  496. texture.dispose();
  497. if (previousCamera) {
  498. scene.activeCamera = previousCamera;
  499. }
  500. };
  501. // XHR response validator for local file scenario
  502. Tools.ValidateXHRData = function (xhr, dataType) {
  503. // 1 for text (.babylon, manifest and shaders), 2 for TGA, 4 for DDS, 7 for all
  504. if (dataType === void 0) { dataType = 7; }
  505. try {
  506. if (dataType & 1) {
  507. if (xhr.responseText && xhr.responseText.length > 0) {
  508. return true;
  509. }
  510. else if (dataType === 1) {
  511. return false;
  512. }
  513. }
  514. if (dataType & 2) {
  515. // Check header width and height since there is no "TGA" magic number
  516. var tgaHeader = BABYLON.Internals.TGATools.GetTGAHeader(xhr.response);
  517. if (tgaHeader.width && tgaHeader.height && tgaHeader.width > 0 && tgaHeader.height > 0) {
  518. return true;
  519. }
  520. else if (dataType === 2) {
  521. return false;
  522. }
  523. }
  524. if (dataType & 4) {
  525. // Check for the "DDS" magic number
  526. var ddsHeader = new Uint8Array(xhr.response, 0, 3);
  527. if (ddsHeader[0] === 68 && ddsHeader[1] === 68 && ddsHeader[2] === 83) {
  528. return true;
  529. }
  530. else {
  531. return false;
  532. }
  533. }
  534. }
  535. catch (e) {
  536. }
  537. return false;
  538. };
  539. Object.defineProperty(Tools, "NoneLogLevel", {
  540. get: function () {
  541. return Tools._NoneLogLevel;
  542. },
  543. enumerable: true,
  544. configurable: true
  545. });
  546. Object.defineProperty(Tools, "MessageLogLevel", {
  547. get: function () {
  548. return Tools._MessageLogLevel;
  549. },
  550. enumerable: true,
  551. configurable: true
  552. });
  553. Object.defineProperty(Tools, "WarningLogLevel", {
  554. get: function () {
  555. return Tools._WarningLogLevel;
  556. },
  557. enumerable: true,
  558. configurable: true
  559. });
  560. Object.defineProperty(Tools, "ErrorLogLevel", {
  561. get: function () {
  562. return Tools._ErrorLogLevel;
  563. },
  564. enumerable: true,
  565. configurable: true
  566. });
  567. Object.defineProperty(Tools, "AllLogLevel", {
  568. get: function () {
  569. return Tools._MessageLogLevel | Tools._WarningLogLevel | Tools._ErrorLogLevel;
  570. },
  571. enumerable: true,
  572. configurable: true
  573. });
  574. Tools._AddLogEntry = function (entry) {
  575. Tools._LogCache = entry + Tools._LogCache;
  576. if (Tools.OnNewCacheEntry) {
  577. Tools.OnNewCacheEntry(entry);
  578. }
  579. };
  580. Tools._FormatMessage = function (message) {
  581. var padStr = function (i) { return (i < 10) ? "0" + i : "" + i; };
  582. var date = new Date();
  583. return "[" + padStr(date.getHours()) + ":" + padStr(date.getMinutes()) + ":" + padStr(date.getSeconds()) + "]: " + message;
  584. };
  585. Tools._LogDisabled = function (message) {
  586. // nothing to do
  587. };
  588. Tools._LogEnabled = function (message) {
  589. var formattedMessage = Tools._FormatMessage(message);
  590. console.log("BJS - " + formattedMessage);
  591. var entry = "<div style='color:white'>" + formattedMessage + "</div><br>";
  592. Tools._AddLogEntry(entry);
  593. };
  594. Tools._WarnDisabled = function (message) {
  595. // nothing to do
  596. };
  597. Tools._WarnEnabled = function (message) {
  598. var formattedMessage = Tools._FormatMessage(message);
  599. console.warn("BJS - " + formattedMessage);
  600. var entry = "<div style='color:orange'>" + formattedMessage + "</div><br>";
  601. Tools._AddLogEntry(entry);
  602. };
  603. Tools._ErrorDisabled = function (message) {
  604. // nothing to do
  605. };
  606. Tools._ErrorEnabled = function (message) {
  607. Tools.errorsCount++;
  608. var formattedMessage = Tools._FormatMessage(message);
  609. console.error("BJS - " + formattedMessage);
  610. var entry = "<div style='color:red'>" + formattedMessage + "</div><br>";
  611. Tools._AddLogEntry(entry);
  612. };
  613. Object.defineProperty(Tools, "LogCache", {
  614. get: function () {
  615. return Tools._LogCache;
  616. },
  617. enumerable: true,
  618. configurable: true
  619. });
  620. Tools.ClearLogCache = function () {
  621. Tools._LogCache = "";
  622. Tools.errorsCount = 0;
  623. };
  624. Object.defineProperty(Tools, "LogLevels", {
  625. set: function (level) {
  626. if ((level & Tools.MessageLogLevel) === Tools.MessageLogLevel) {
  627. Tools.Log = Tools._LogEnabled;
  628. }
  629. else {
  630. Tools.Log = Tools._LogDisabled;
  631. }
  632. if ((level & Tools.WarningLogLevel) === Tools.WarningLogLevel) {
  633. Tools.Warn = Tools._WarnEnabled;
  634. }
  635. else {
  636. Tools.Warn = Tools._WarnDisabled;
  637. }
  638. if ((level & Tools.ErrorLogLevel) === Tools.ErrorLogLevel) {
  639. Tools.Error = Tools._ErrorEnabled;
  640. }
  641. else {
  642. Tools.Error = Tools._ErrorDisabled;
  643. }
  644. },
  645. enumerable: true,
  646. configurable: true
  647. });
  648. Object.defineProperty(Tools, "PerformanceNoneLogLevel", {
  649. get: function () {
  650. return Tools._PerformanceNoneLogLevel;
  651. },
  652. enumerable: true,
  653. configurable: true
  654. });
  655. Object.defineProperty(Tools, "PerformanceUserMarkLogLevel", {
  656. get: function () {
  657. return Tools._PerformanceUserMarkLogLevel;
  658. },
  659. enumerable: true,
  660. configurable: true
  661. });
  662. Object.defineProperty(Tools, "PerformanceConsoleLogLevel", {
  663. get: function () {
  664. return Tools._PerformanceConsoleLogLevel;
  665. },
  666. enumerable: true,
  667. configurable: true
  668. });
  669. Object.defineProperty(Tools, "PerformanceLogLevel", {
  670. set: function (level) {
  671. if ((level & Tools.PerformanceUserMarkLogLevel) === Tools.PerformanceUserMarkLogLevel) {
  672. Tools.StartPerformanceCounter = Tools._StartUserMark;
  673. Tools.EndPerformanceCounter = Tools._EndUserMark;
  674. return;
  675. }
  676. if ((level & Tools.PerformanceConsoleLogLevel) === Tools.PerformanceConsoleLogLevel) {
  677. Tools.StartPerformanceCounter = Tools._StartPerformanceConsole;
  678. Tools.EndPerformanceCounter = Tools._EndPerformanceConsole;
  679. return;
  680. }
  681. Tools.StartPerformanceCounter = Tools._StartPerformanceCounterDisabled;
  682. Tools.EndPerformanceCounter = Tools._EndPerformanceCounterDisabled;
  683. },
  684. enumerable: true,
  685. configurable: true
  686. });
  687. Tools._StartPerformanceCounterDisabled = function (counterName, condition) {
  688. };
  689. Tools._EndPerformanceCounterDisabled = function (counterName, condition) {
  690. };
  691. Tools._StartUserMark = function (counterName, condition) {
  692. if (condition === void 0) { condition = true; }
  693. if (!condition || !Tools._performance.mark) {
  694. return;
  695. }
  696. Tools._performance.mark(counterName + "-Begin");
  697. };
  698. Tools._EndUserMark = function (counterName, condition) {
  699. if (condition === void 0) { condition = true; }
  700. if (!condition || !Tools._performance.mark) {
  701. return;
  702. }
  703. Tools._performance.mark(counterName + "-End");
  704. Tools._performance.measure(counterName, counterName + "-Begin", counterName + "-End");
  705. };
  706. Tools._StartPerformanceConsole = function (counterName, condition) {
  707. if (condition === void 0) { condition = true; }
  708. if (!condition) {
  709. return;
  710. }
  711. Tools._StartUserMark(counterName, condition);
  712. if (console.time) {
  713. console.time(counterName);
  714. }
  715. };
  716. Tools._EndPerformanceConsole = function (counterName, condition) {
  717. if (condition === void 0) { condition = true; }
  718. if (!condition) {
  719. return;
  720. }
  721. Tools._EndUserMark(counterName, condition);
  722. if (console.time) {
  723. console.timeEnd(counterName);
  724. }
  725. };
  726. Object.defineProperty(Tools, "Now", {
  727. get: function () {
  728. if (window.performance && window.performance.now) {
  729. return window.performance.now();
  730. }
  731. return new Date().getTime();
  732. },
  733. enumerable: true,
  734. configurable: true
  735. });
  736. Tools.BaseUrl = "";
  737. // Logs
  738. Tools._NoneLogLevel = 0;
  739. Tools._MessageLogLevel = 1;
  740. Tools._WarningLogLevel = 2;
  741. Tools._ErrorLogLevel = 4;
  742. Tools._LogCache = "";
  743. Tools.errorsCount = 0;
  744. Tools.Log = Tools._LogEnabled;
  745. Tools.Warn = Tools._WarnEnabled;
  746. Tools.Error = Tools._ErrorEnabled;
  747. // Performances
  748. Tools._PerformanceNoneLogLevel = 0;
  749. Tools._PerformanceUserMarkLogLevel = 1;
  750. Tools._PerformanceConsoleLogLevel = 2;
  751. Tools._performance = window.performance;
  752. Tools.StartPerformanceCounter = Tools._StartPerformanceCounterDisabled;
  753. Tools.EndPerformanceCounter = Tools._EndPerformanceCounterDisabled;
  754. return Tools;
  755. })();
  756. BABYLON.Tools = Tools;
  757. /**
  758. * An implementation of a loop for asynchronous functions.
  759. */
  760. var AsyncLoop = (function () {
  761. /**
  762. * Constroctor.
  763. * @param iterations the number of iterations.
  764. * @param _fn the function to run each iteration
  765. * @param _successCallback the callback that will be called upon succesful execution
  766. * @param offset starting offset.
  767. */
  768. function AsyncLoop(iterations, _fn, _successCallback, offset) {
  769. if (offset === void 0) { offset = 0; }
  770. this.iterations = iterations;
  771. this._fn = _fn;
  772. this._successCallback = _successCallback;
  773. this.index = offset - 1;
  774. this._done = false;
  775. }
  776. /**
  777. * Execute the next iteration. Must be called after the last iteration was finished.
  778. */
  779. AsyncLoop.prototype.executeNext = function () {
  780. if (!this._done) {
  781. if (this.index + 1 < this.iterations) {
  782. ++this.index;
  783. this._fn(this);
  784. }
  785. else {
  786. this.breakLoop();
  787. }
  788. }
  789. };
  790. /**
  791. * Break the loop and run the success callback.
  792. */
  793. AsyncLoop.prototype.breakLoop = function () {
  794. this._done = true;
  795. this._successCallback();
  796. };
  797. /**
  798. * Helper function
  799. */
  800. AsyncLoop.Run = function (iterations, _fn, _successCallback, offset) {
  801. if (offset === void 0) { offset = 0; }
  802. var loop = new AsyncLoop(iterations, _fn, _successCallback, offset);
  803. loop.executeNext();
  804. return loop;
  805. };
  806. /**
  807. * A for-loop that will run a given number of iterations synchronous and the rest async.
  808. * @param iterations total number of iterations
  809. * @param syncedIterations number of synchronous iterations in each async iteration.
  810. * @param fn the function to call each iteration.
  811. * @param callback a success call back that will be called when iterating stops.
  812. * @param breakFunction a break condition (optional)
  813. * @param timeout timeout settings for the setTimeout function. default - 0.
  814. * @constructor
  815. */
  816. AsyncLoop.SyncAsyncForLoop = function (iterations, syncedIterations, fn, callback, breakFunction, timeout) {
  817. if (timeout === void 0) { timeout = 0; }
  818. AsyncLoop.Run(Math.ceil(iterations / syncedIterations), function (loop) {
  819. if (breakFunction && breakFunction())
  820. loop.breakLoop();
  821. else {
  822. setTimeout(function () {
  823. for (var i = 0; i < syncedIterations; ++i) {
  824. var iteration = (loop.index * syncedIterations) + i;
  825. if (iteration >= iterations)
  826. break;
  827. fn(iteration);
  828. if (breakFunction && breakFunction()) {
  829. loop.breakLoop();
  830. break;
  831. }
  832. }
  833. loop.executeNext();
  834. }, timeout);
  835. }
  836. }, callback);
  837. };
  838. return AsyncLoop;
  839. })();
  840. BABYLON.AsyncLoop = AsyncLoop;
  841. })(BABYLON || (BABYLON = {}));