An Open Source library for multi-touch, WebGL powered applications.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2516 lines
71 KiB

3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>iwmlib API Documentation</title>
  6. <meta name="description" content="The IWM Browser: One Browser for all apps." />
  7. <meta property="og:title" content="iwmlib API Documentation"/>
  8. <meta property="og:type" content="website"/>
  9. <meta property="og:image" content=""/>
  10. <meta property="og:url" content="https://www.iwm-tuebingen.de"/>
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12. <script src="scripts/prettify/prettify.js"></script>
  13. <script src="scripts/prettify/lang-css.js"></script>
  14. <script src="scripts/jquery.min.js"></script>
  15. <!--[if lt IE 9]>
  16. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  17. <![endif]-->
  18. <link href="https://fonts.googleapis.com/css?family=Libre+Franklin:400,700" rel="stylesheet">
  19. <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
  20. <link type="text/css" rel="stylesheet" href="styles/bootstrap.min.css">
  21. <link type="text/css" rel="stylesheet" href="styles/main.css">
  22. <script>
  23. var config = {"monospaceLinks":false,"cleverLinks":false,"applicationName":"iwmlib","disqus":"","googleAnalytics":"","openGraph":{"title":"iwmlib API Documentation","type":"website","image":"","site_name":"","url":"https://www.iwm-tuebingen.de"},"meta":{"title":"iwmlib API Documentation","description":"The IWM Browser: One Browser for all apps.","keyword":""},"linenums":true,"cleverlinks":true,"default":{"outputSourceFiles":true,"useLongnameInNav":false}};
  24. </script>
  25. </head>
  26. <body>
  27. <div id="wrap" class="clearfix">
  28. <div class="navigation">
  29. <h3 class="applicationName"><a href="index.html">iwmlib</a></h3>
  30. <button id="menuToggle" class="btn btn-link btn-lg menu-toggle">
  31. <span class="glyphicon glyphicon-menu-hamburger"></span>
  32. </button>
  33. <div class="search">
  34. <input id="search" type="text" class="form-control input-md" placeholder="Search...">
  35. </div>
  36. <ul class="list">
  37. <li class="item" data-name="global">
  38. <span class="title namespace ">
  39. <span class="namespaceTag">
  40. <span class="glyphicon glyphicon-globe"></span>
  41. </span>
  42. <a href="global.html">Global</a>
  43. </span>
  44. <ul class="members itemMembers">
  45. </ul>
  46. <ul class="typedefs itemMembers">
  47. <span class="subtitle">Typedefs</span>
  48. <li class="parent" data-name="actionActiveCallback"><a href="global.html#actionActiveCallback">actionActiveCallback</a></li>
  49. <li class="parent" data-name="actionCallback"><a href="global.html#actionCallback">actionCallback</a></li>
  50. <li class="parent" data-name="actionCallback"><a href="global.html#actionCallback">actionCallback</a></li>
  51. <li class="parent" data-name="afterActionCallback"><a href="global.html#afterActionCallback">afterActionCallback</a></li>
  52. <li class="parent" data-name="afterActionCallback"><a href="global.html#afterActionCallback">afterActionCallback</a></li>
  53. <li class="parent" data-name="beforeActionCallback"><a href="global.html#beforeActionCallback">beforeActionCallback</a></li>
  54. <li class="parent" data-name="beforeActionCallback"><a href="global.html#beforeActionCallback">beforeActionCallback</a></li>
  55. <li class="parent" data-name="onCompleteCallback"><a href="global.html#onCompleteCallback">onCompleteCallback</a></li>
  56. <li class="parent" data-name="onCompleteCallback"><a href="global.html#onCompleteCallback">onCompleteCallback</a></li>
  57. <li class="parent" data-name="onStartCallback"><a href="global.html#onStartCallback">onStartCallback</a></li>
  58. <li class="parent" data-name="onStartCallback"><a href="global.html#onStartCallback">onStartCallback</a></li>
  59. <li class="parent" data-name="onUpdateCallback"><a href="global.html#onUpdateCallback">onUpdateCallback</a></li>
  60. <li class="parent" data-name="onUpdateCallback"><a href="global.html#onUpdateCallback">onUpdateCallback</a></li>
  61. </ul>
  62. <ul class="typedefs itemMembers">
  63. </ul>
  64. <ul class="methods itemMembers">
  65. </ul>
  66. <ul class="events itemMembers">
  67. </ul>
  68. </li>
  69. <li class="item" data-name="AbstractPopup">
  70. <span class="title ">
  71. <a href="AbstractPopup.html">AbstractPopup</a>
  72. </span>
  73. <ul class="members itemMembers">
  74. <span class="subtitle">Members</span>
  75. <li class="parent " data-name="AbstractPopup#content"><a href="AbstractPopup.html#content">content</a></li>
  76. <li class="parent " data-name="AbstractPopup#header"><a href="AbstractPopup.html#header">header</a></li>
  77. </ul>
  78. <ul class="typedefs itemMembers">
  79. </ul>
  80. <ul class="typedefs itemMembers">
  81. </ul>
  82. <ul class="methods itemMembers">
  83. <span class="subtitle">Methods</span>
  84. <li class="parent " data-name="AbstractPopup#hide"><a href="AbstractPopup.html#hide">hide</a></li>
  85. <li class="parent " data-name="AbstractPopup#layout"><a href="AbstractPopup.html#layout">layout</a></li>
  86. <li class="parent " data-name="AbstractPopup#show"><a href="AbstractPopup.html#show">show</a></li>
  87. </ul>
  88. <ul class="events itemMembers">
  89. </ul>
  90. </li>
  91. <li class="item" data-name="Badge">
  92. <span class="title ">
  93. <a href="Badge.html">Badge</a>
  94. </span>
  95. <ul class="members itemMembers">
  96. <span class="subtitle">Members</span>
  97. <li class=" " data-name="Badge#content"><a href="Badge.html#content">content</a></li>
  98. <li class=" " data-name="Badge#header"><a href="Badge.html#header">header</a></li>
  99. </ul>
  100. <ul class="typedefs itemMembers">
  101. </ul>
  102. <ul class="typedefs itemMembers">
  103. </ul>
  104. <ul class="methods itemMembers">
  105. <span class="subtitle">Methods</span>
  106. <li class=" " data-name="Badge#hide"><a href="Badge.html#hide">hide</a></li>
  107. <li class=" " data-name="Badge#layout"><a href="Badge.html#layout">layout</a></li>
  108. <li class=" " data-name="Badge#show"><a href="Badge.html#show">show</a></li>
  109. </ul>
  110. <ul class="events itemMembers">
  111. </ul>
  112. </li>
  113. <li class="item" data-name="BlurFilter">
  114. <span class="title ">
  115. <a href="BlurFilter.html">BlurFilter</a>
  116. </span>
  117. <ul class="members itemMembers">
  118. <span class="subtitle">Members</span>
  119. <li class="parent " data-name="BlurFilter#blur"><a href="BlurFilter.html#blur">blur</a></li>
  120. <li class="parent " data-name="BlurFilter#shape"><a href="BlurFilter.html#shape">shape</a></li>
  121. </ul>
  122. <ul class="typedefs itemMembers">
  123. </ul>
  124. <ul class="typedefs itemMembers">
  125. </ul>
  126. <ul class="methods itemMembers">
  127. </ul>
  128. <ul class="events itemMembers">
  129. </ul>
  130. </li>
  131. <li class="item" data-name="Button">
  132. <span class="title ">
  133. <a href="Button.html">Button</a>
  134. </span>
  135. <ul class="members itemMembers">
  136. <span class="subtitle">Members</span>
  137. <li class="parent " data-name="Button#active"><a href="Button.html#active">active</a></li>
  138. <li class="parent " data-name="Button#disabled"><a href="Button.html#disabled">disabled</a></li>
  139. <li class="parent " data-name="Button#iconColor"><a href="Button.html#iconColor">iconColor</a></li>
  140. </ul>
  141. <ul class="typedefs itemMembers">
  142. </ul>
  143. <ul class="typedefs itemMembers">
  144. </ul>
  145. <ul class="methods itemMembers">
  146. <span class="subtitle">Methods</span>
  147. <li class="parent " data-name="Button#capture"><a href="Button.html#capture">capture</a></li>
  148. <li class="parent " data-name="Button#hide"><a href="Button.html#hide">hide</a></li>
  149. <li class="parent " data-name="Button#layout"><a href="Button.html#layout">layout</a></li>
  150. <li class="parent " data-name="Button#show"><a href="Button.html#show">show</a></li>
  151. </ul>
  152. <ul class="events itemMembers">
  153. </ul>
  154. </li>
  155. <li class="item" data-name="ButtonGroup">
  156. <span class="title ">
  157. <a href="ButtonGroup.html">ButtonGroup</a>
  158. </span>
  159. <ul class="members itemMembers">
  160. <span class="subtitle">Members</span>
  161. <li class="parent " data-name="ButtonGroup#disabled"><a href="ButtonGroup.html#disabled">disabled</a></li>
  162. </ul>
  163. <ul class="typedefs itemMembers">
  164. </ul>
  165. <ul class="typedefs itemMembers">
  166. </ul>
  167. <ul class="methods itemMembers">
  168. <span class="subtitle">Methods</span>
  169. <li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
  170. <li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
  171. <li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
  172. </ul>
  173. <ul class="events itemMembers">
  174. </ul>
  175. </li>
  176. <li class="item" data-name="DeepZoomImage">
  177. <span class="title ">
  178. <a href="DeepZoomImage.html">DeepZoomImage</a>
  179. </span>
  180. <ul class="members itemMembers">
  181. <span class="subtitle">Members</span>
  182. <li class="parent " data-name="DeepZoomImage#baseSize"><a href="DeepZoomImage.html#baseSize">baseSize</a></li>
  183. <li class="parent " data-name="DeepZoomImage#foreground"><a href="DeepZoomImage.html#foreground">foreground</a></li>
  184. <li class="parent " data-name="DeepZoomImage#height"><a href="DeepZoomImage.html#height">height</a></li>
  185. <li class="parent " data-name="DeepZoomImage#maxScale"><a href="DeepZoomImage.html#maxScale">maxScale</a></li>
  186. <li class="parent " data-name="DeepZoomImage#pixelSize"><a href="DeepZoomImage.html#pixelSize">pixelSize</a></li>
  187. <li class="parent " data-name="DeepZoomImage#width"><a href="DeepZoomImage.html#width">width</a></li>
  188. </ul>
  189. <ul class="typedefs itemMembers">
  190. </ul>
  191. <ul class="typedefs itemMembers">
  192. </ul>
  193. <ul class="methods itemMembers">
  194. <span class="subtitle">Methods</span>
  195. <li class="parent " data-name="DeepZoomImage#_calculateBounds"><a href="DeepZoomImage.html#_calculateBounds">_calculateBounds</a></li>
  196. <li class="parent " data-name="DeepZoomImage#_createTiles"><a href="DeepZoomImage.html#_createTiles">_createTiles</a></li>
  197. <li class="parent " data-name="DeepZoomImage#activate"><a href="DeepZoomImage.html#activate">activate</a></li>
  198. <li class="parent " data-name="DeepZoomImage#addTiles"><a href="DeepZoomImage.html#addTiles">addTiles</a></li>
  199. <li class="parent " data-name="DeepZoomImage#allTiles"><a href="DeepZoomImage.html#allTiles">allTiles</a></li>
  200. <li class="parent " data-name="DeepZoomImage#bringTilesToFront"><a href="DeepZoomImage.html#bringTilesToFront">bringTilesToFront</a></li>
  201. <li class="parent " data-name="DeepZoomImage#calculateBounds"><a href="DeepZoomImage.html#calculateBounds">calculateBounds</a></li>
  202. <li class="parent " data-name="DeepZoomImage#changedTiles"><a href="DeepZoomImage.html#changedTiles">changedTiles</a></li>
  203. <li class="parent " data-name="DeepZoomImage#deactivate"><a href="DeepZoomImage.html#deactivate">deactivate</a></li>
  204. <li class="parent " data-name="DeepZoomImage#destroyObsoleteTiles"><a href="DeepZoomImage.html#destroyObsoleteTiles">destroyObsoleteTiles</a></li>
  205. <li class="parent " data-name="DeepZoomImage#destroyTiles"><a href="DeepZoomImage.html#destroyTiles">destroyTiles</a></li>
  206. <li class="parent " data-name="DeepZoomImage#destroyTilesAboveLevel"><a href="DeepZoomImage.html#destroyTilesAboveLevel">destroyTilesAboveLevel</a></li>
  207. <li class="parent " data-name="DeepZoomImage#destroyUnneededTiles"><a href="DeepZoomImage.html#destroyUnneededTiles">destroyUnneededTiles</a></li>
  208. <li class="parent " data-name="DeepZoomImage#ensureAllTiles"><a href="DeepZoomImage.html#ensureAllTiles">ensureAllTiles</a></li>
  209. <li class="parent " data-name="DeepZoomImage#ensureTiles"><a href="DeepZoomImage.html#ensureTiles">ensureTiles</a></li>
  210. <li class="parent " data-name="DeepZoomImage#levelAndAlphaForScale"><a href="DeepZoomImage.html#levelAndAlphaForScale">levelAndAlphaForScale</a></li>
  211. <li class="parent " data-name="DeepZoomImage#levelForScale"><a href="DeepZoomImage.html#levelForScale">levelForScale</a></li>
  212. <li class="parent " data-name="DeepZoomImage#neededTiles"><a href="DeepZoomImage.html#neededTiles">neededTiles</a></li>
  213. <li class="parent " data-name="DeepZoomImage#populateAllTiles"><a href="DeepZoomImage.html#populateAllTiles">populateAllTiles</a></li>
  214. <li class="parent " data-name="DeepZoomImage#populateTiles"><a href="DeepZoomImage.html#populateTiles">populateTiles</a></li>
  215. <li class="parent " data-name="DeepZoomImage#setup"><a href="DeepZoomImage.html#setup">setup</a></li>
  216. <li class="parent " data-name="DeepZoomImage#setupTiles"><a href="DeepZoomImage.html#setupTiles">setupTiles</a></li>
  217. <li class="parent " data-name="DeepZoomImage#thumbnail"><a href="DeepZoomImage.html#thumbnail">thumbnail</a></li>
  218. <li class="parent " data-name="DeepZoomImage#tintObsoleteTiles"><a href="DeepZoomImage.html#tintObsoleteTiles">tintObsoleteTiles</a></li>
  219. <li class="parent " data-name="DeepZoomImage#transformed"><a href="DeepZoomImage.html#transformed">transformed</a></li>
  220. </ul>
  221. <ul class="events itemMembers">
  222. </ul>
  223. </li>
  224. <li class="item" data-name="DeepZoomInfo">
  225. <span class="title ">
  226. <a href="DeepZoomInfo.html">DeepZoomInfo</a>
  227. </span>
  228. <ul class="members itemMembers">
  229. </ul>
  230. <ul class="typedefs itemMembers">
  231. </ul>
  232. <ul class="typedefs itemMembers">
  233. </ul>
  234. <ul class="methods itemMembers">
  235. <span class="subtitle">Methods</span>
  236. <li class="parent " data-name="DeepZoomInfo#dimensions"><a href="DeepZoomInfo.html#dimensions">dimensions</a></li>
  237. <li class="parent " data-name="DeepZoomInfo#getDimensions"><a href="DeepZoomInfo.html#getDimensions">getDimensions</a></li>
  238. <li class="parent " data-name="DeepZoomInfo#getNumTiles"><a href="DeepZoomInfo.html#getNumTiles">getNumTiles</a></li>
  239. <li class="parent " data-name="DeepZoomInfo#getScale"><a href="DeepZoomInfo.html#getScale">getScale</a></li>
  240. <li class="parent " data-name="DeepZoomInfo#imageForURL"><a href="DeepZoomInfo.html#imageForURL">imageForURL</a></li>
  241. <li class="parent " data-name="DeepZoomInfo#urlForTile"><a href="DeepZoomInfo.html#urlForTile">urlForTile</a></li>
  242. </ul>
  243. <ul class="events itemMembers">
  244. </ul>
  245. </li>
  246. <li class="item" data-name="Flippable">
  247. <span class="title ">
  248. <a href="Flippable.html">Flippable</a>
  249. </span>
  250. <ul class="members itemMembers">
  251. <span class="subtitle">Members</span>
  252. <li class="parent " data-name="Flippable#flipped"><a href="Flippable.html#flipped">flipped</a></li>
  253. <li class="parent " data-name="Flippable#frontSideInFront"><a href="Flippable.html#frontSideInFront">frontSideInFront</a></li>
  254. </ul>
  255. <ul class="typedefs itemMembers">
  256. </ul>
  257. <ul class="typedefs itemMembers">
  258. </ul>
  259. <ul class="methods itemMembers">
  260. <span class="subtitle">Methods</span>
  261. <li class="parent " data-name="Flippable#layout"><a href="Flippable.html#layout">layout</a></li>
  262. </ul>
  263. <ul class="events itemMembers">
  264. </ul>
  265. </li>
  266. <li class="item" data-name="FontInfo">
  267. <span class="title ">
  268. <a href="FontInfo.html">FontInfo</a>
  269. </span>
  270. <ul class="members itemMembers">
  271. </ul>
  272. <ul class="typedefs itemMembers">
  273. </ul>
  274. <ul class="typedefs itemMembers">
  275. </ul>
  276. <ul class="methods itemMembers">
  277. </ul>
  278. <ul class="events itemMembers">
  279. </ul>
  280. </li>
  281. <li class="item" data-name="Hypenate">
  282. <span class="title ">
  283. <a href="Hypenate.html">Hypenate</a>
  284. </span>
  285. <ul class="members itemMembers">
  286. </ul>
  287. <ul class="typedefs itemMembers">
  288. </ul>
  289. <ul class="typedefs itemMembers">
  290. </ul>
  291. <ul class="methods itemMembers">
  292. <span class="subtitle">Methods</span>
  293. <li class="parent " data-name="Hypenate.splitLines"><a href="Hypenate.html#.splitLines">splitLines</a></li>
  294. </ul>
  295. <ul class="events itemMembers">
  296. </ul>
  297. </li>
  298. <li class="item" data-name="InteractivePopup">
  299. <span class="title ">
  300. <a href="InteractivePopup.html">InteractivePopup</a>
  301. </span>
  302. <ul class="members itemMembers">
  303. <span class="subtitle">Members</span>
  304. <li class=" " data-name="InteractivePopup#content"><a href="InteractivePopup.html#content">content</a></li>
  305. <li class=" " data-name="InteractivePopup#header"><a href="InteractivePopup.html#header">header</a></li>
  306. </ul>
  307. <ul class="typedefs itemMembers">
  308. </ul>
  309. <ul class="typedefs itemMembers">
  310. </ul>
  311. <ul class="methods itemMembers">
  312. <span class="subtitle">Methods</span>
  313. <li class=" " data-name="InteractivePopup#hide"><a href="InteractivePopup.html#hide">hide</a></li>
  314. <li class="parent " data-name="InteractivePopup#layout"><a href="InteractivePopup.html#layout">layout</a></li>
  315. <li class=" " data-name="InteractivePopup#show"><a href="InteractivePopup.html#show">show</a></li>
  316. </ul>
  317. <ul class="events itemMembers">
  318. </ul>
  319. </li>
  320. <li class="item" data-name="LabeledGraphics">
  321. <span class="title ">
  322. <a href="LabeledGraphics.html">LabeledGraphics</a>
  323. </span>
  324. <ul class="members itemMembers">
  325. </ul>
  326. <ul class="typedefs itemMembers">
  327. </ul>
  328. <ul class="typedefs itemMembers">
  329. </ul>
  330. <ul class="methods itemMembers">
  331. <span class="subtitle">Methods</span>
  332. <li class="parent " data-name="LabeledGraphics#clear"><a href="LabeledGraphics.html#clear">clear</a></li>
  333. <li class="parent " data-name="LabeledGraphics#debugInfos"><a href="LabeledGraphics.html#debugInfos">debugInfos</a></li>
  334. <li class="parent " data-name="LabeledGraphics#ensureLabel"><a href="LabeledGraphics.html#ensureLabel">ensureLabel</a></li>
  335. <li class="parent " data-name="LabeledGraphics#getLabel"><a href="LabeledGraphics.html#getLabel">getLabel</a></li>
  336. <li class="parent " data-name="LabeledGraphics#hideLabel"><a href="LabeledGraphics.html#hideLabel">hideLabel</a></li>
  337. <li class="parent " data-name="LabeledGraphics#removeLabel"><a href="LabeledGraphics.html#removeLabel">removeLabel</a></li>
  338. <li class="parent " data-name="LabeledGraphics#truncateLabel"><a href="LabeledGraphics.html#truncateLabel">truncateLabel</a></li>
  339. </ul>
  340. <ul class="events itemMembers">
  341. </ul>
  342. </li>
  343. <li class="item" data-name="LabeledGraphics.exports.LabeledGraphics">
  344. <span class="title ">
  345. <a href="LabeledGraphics.exports.LabeledGraphics.html">LabeledGraphics.exports.LabeledGraphics</a>
  346. </span>
  347. <ul class="members itemMembers">
  348. </ul>
  349. <ul class="typedefs itemMembers">
  350. </ul>
  351. <ul class="typedefs itemMembers">
  352. </ul>
  353. <ul class="methods itemMembers">
  354. </ul>
  355. <ul class="events itemMembers">
  356. </ul>
  357. </li>
  358. <li class="item" data-name="List">
  359. <span class="title ">
  360. <a href="List.html">List</a>
  361. </span>
  362. <ul class="members itemMembers">
  363. <span class="subtitle">Members</span>
  364. <li class="parent " data-name="List#innerHeight"><a href="List.html#innerHeight">innerHeight</a></li>
  365. <li class="parent " data-name="List#innerWidth"><a href="List.html#innerWidth">innerWidth</a></li>
  366. </ul>
  367. <ul class="typedefs itemMembers">
  368. </ul>
  369. <ul class="typedefs itemMembers">
  370. </ul>
  371. <ul class="methods itemMembers">
  372. <span class="subtitle">Methods</span>
  373. <li class="parent " data-name="List#capture"><a href="List.html#capture">capture</a></li>
  374. <li class="parent " data-name="List#layout"><a href="List.html#layout">layout</a></li>
  375. <li class="parent " data-name="List#resize"><a href="List.html#resize">resize</a></li>
  376. <li class="parent " data-name="List#setItems"><a href="List.html#setItems">setItems</a></li>
  377. </ul>
  378. <ul class="events itemMembers">
  379. </ul>
  380. </li>
  381. <li class="item" data-name="Message">
  382. <span class="title ">
  383. <a href="Message.html">Message</a>
  384. </span>
  385. <ul class="members itemMembers">
  386. <span class="subtitle">Members</span>
  387. <li class=" " data-name="Message#content"><a href="Message.html#content">content</a></li>
  388. <li class=" " data-name="Message#header"><a href="Message.html#header">header</a></li>
  389. </ul>
  390. <ul class="typedefs itemMembers">
  391. </ul>
  392. <ul class="typedefs itemMembers">
  393. </ul>
  394. <ul class="methods itemMembers">
  395. <span class="subtitle">Methods</span>
  396. <li class=" " data-name="Message#hide"><a href="Message.html#hide">hide</a></li>
  397. <li class="parent " data-name="Message#layout"><a href="Message.html#layout">layout</a></li>
  398. </ul>
  399. <ul class="events itemMembers">
  400. </ul>
  401. </li>
  402. <li class="item" data-name="MessageInteractivePopup">
  403. <span class="title ">
  404. <a href="MessageInteractivePopup.html">MessageInteractivePopup</a>
  405. </span>
  406. <ul class="members itemMembers">
  407. </ul>
  408. <ul class="typedefs itemMembers">
  409. </ul>
  410. <ul class="typedefs itemMembers">
  411. </ul>
  412. <ul class="methods itemMembers">
  413. </ul>
  414. <ul class="events itemMembers">
  415. </ul>
  416. </li>
  417. <li class="item" data-name="MessageMessageInteractivePopup">
  418. <span class="title ">
  419. <a href="MessageMessageInteractivePopup.html">MessageMessageInteractivePopup</a>
  420. </span>
  421. <ul class="members itemMembers">
  422. </ul>
  423. <ul class="typedefs itemMembers">
  424. </ul>
  425. <ul class="typedefs itemMembers">
  426. </ul>
  427. <ul class="methods itemMembers">
  428. </ul>
  429. <ul class="events itemMembers">
  430. </ul>
  431. </li>
  432. <li class="item" data-name="Modal">
  433. <span class="title ">
  434. <a href="Modal.html">Modal</a>
  435. </span>
  436. <ul class="members itemMembers">
  437. <span class="subtitle">Members</span>
  438. <li class="parent " data-name="Modal#content"><a href="Modal.html#content">content</a></li>
  439. <li class="parent " data-name="Modal#header"><a href="Modal.html#header">header</a></li>
  440. </ul>
  441. <ul class="typedefs itemMembers">
  442. </ul>
  443. <ul class="typedefs itemMembers">
  444. </ul>
  445. <ul class="methods itemMembers">
  446. <span class="subtitle">Methods</span>
  447. <li class="parent " data-name="Modal#hide"><a href="Modal.html#hide">hide</a></li>
  448. <li class="parent " data-name="Modal#layout"><a href="Modal.html#layout">layout</a></li>
  449. <li class="parent " data-name="Modal#show"><a href="Modal.html#show">show</a></li>
  450. </ul>
  451. <ul class="events itemMembers">
  452. </ul>
  453. </li>
  454. <li class="item" data-name="ModalInteractivePopup">
  455. <span class="title ">
  456. <a href="ModalInteractivePopup.html">ModalInteractivePopup</a>
  457. </span>
  458. <ul class="members itemMembers">
  459. </ul>
  460. <ul class="typedefs itemMembers">
  461. </ul>
  462. <ul class="typedefs itemMembers">
  463. </ul>
  464. <ul class="methods itemMembers">
  465. </ul>
  466. <ul class="events itemMembers">
  467. </ul>
  468. </li>
  469. <li class="item" data-name="ModalModalInteractivePopup">
  470. <span class="title ">
  471. <a href="ModalModalInteractivePopup.html">ModalModalInteractivePopup</a>
  472. </span>
  473. <ul class="members itemMembers">
  474. </ul>
  475. <ul class="typedefs itemMembers">
  476. </ul>
  477. <ul class="typedefs itemMembers">
  478. </ul>
  479. <ul class="methods itemMembers">
  480. </ul>
  481. <ul class="events itemMembers">
  482. </ul>
  483. </li>
  484. <li class="item" data-name="PIXIApp">
  485. <span class="title ">
  486. <a href="PIXIApp.html">PIXIApp</a>
  487. </span>
  488. <ul class="members itemMembers">
  489. <span class="subtitle">Members</span>
  490. <li class="parent " data-name="PIXIApp#center"><a href="PIXIApp.html#center">center</a></li>
  491. <li class="parent " data-name="PIXIApp#size"><a href="PIXIApp.html#size">size</a></li>
  492. </ul>
  493. <ul class="typedefs itemMembers">
  494. </ul>
  495. <ul class="typedefs itemMembers">
  496. </ul>
  497. <ul class="methods itemMembers">
  498. <span class="subtitle">Methods</span>
  499. <li class="parent " data-name="PIXIApp#addFpsDisplay"><a href="PIXIApp.html#addFpsDisplay">addFpsDisplay</a></li>
  500. <li class="parent " data-name="PIXIApp#checkOrientation"><a href="PIXIApp.html#checkOrientation">checkOrientation</a></li>
  501. <li class="parent " data-name="PIXIApp#convertPointFromNodeToPage"><a href="PIXIApp.html#convertPointFromNodeToPage">convertPointFromNodeToPage</a></li>
  502. <li class="parent " data-name="PIXIApp#convertPointFromPageToNode"><a href="PIXIApp.html#convertPointFromPageToNode">convertPointFromPageToNode</a></li>
  503. <li class="parent " data-name="PIXIApp#draw"><a href="PIXIApp.html#draw">draw</a></li>
  504. <li class="parent " data-name="PIXIApp#expandRenderer"><a href="PIXIApp.html#expandRenderer">expandRenderer</a></li>
  505. <li class="parent " data-name="PIXIApp#layout"><a href="PIXIApp.html#layout">layout</a></li>
  506. <li class="parent " data-name="PIXIApp#loadSprites"><a href="PIXIApp.html#loadSprites">loadSprites</a></li>
  507. <li class="parent " data-name="PIXIApp#loadTextures"><a href="PIXIApp.html#loadTextures">loadTextures</a></li>
  508. <li class="parent " data-name="PIXIApp#message"><a href="PIXIApp.html#message">message</a></li>
  509. <li class="parent " data-name="PIXIApp#modal"><a href="PIXIApp.html#modal">modal</a></li>
  510. <li class="parent " data-name="PIXIApp#mutate"><a href="PIXIApp.html#mutate">mutate</a></li>
  511. <li class="parent " data-name="PIXIApp#orientation"><a href="PIXIApp.html#orientation">orientation</a></li>
  512. <li class="parent " data-name="PIXIApp#orientationChanged"><a href="PIXIApp.html#orientationChanged">orientationChanged</a></li>
  513. <li class="parent " data-name="PIXIApp#progress"><a href="PIXIApp.html#progress">progress</a></li>
  514. <li class="parent " data-name="PIXIApp#query"><a href="PIXIApp.html#query">query</a></li>
  515. <li class="parent " data-name="PIXIApp#resize"><a href="PIXIApp.html#resize">resize</a></li>
  516. <li class="parent " data-name="PIXIApp#setup"><a href="PIXIApp.html#setup">setup</a></li>
  517. <li class="parent " data-name="PIXIApp#subscribe"><a href="PIXIApp.html#subscribe">subscribe</a></li>
  518. </ul>
  519. <ul class="events itemMembers">
  520. </ul>
  521. </li>
  522. <li class="item" data-name="Popup">
  523. <span class="title ">
  524. <a href="Popup.html">Popup</a>
  525. </span>
  526. <ul class="members itemMembers">
  527. <span class="subtitle">Members</span>
  528. <li class=" " data-name="Popup#content"><a href="Popup.html#content">content</a></li>
  529. <li class=" " data-name="Popup#header"><a href="Popup.html#header">header</a></li>
  530. </ul>
  531. <ul class="typedefs itemMembers">
  532. </ul>
  533. <ul class="typedefs itemMembers">
  534. </ul>
  535. <ul class="methods itemMembers">
  536. <span class="subtitle">Methods</span>
  537. <li class=" " data-name="Popup#hide"><a href="Popup.html#hide">hide</a></li>
  538. <li class=" " data-name="Popup#layout"><a href="Popup.html#layout">layout</a></li>
  539. <li class=" " data-name="Popup#show"><a href="Popup.html#show">show</a></li>
  540. </ul>
  541. <ul class="events itemMembers">
  542. </ul>
  543. </li>
  544. <li class="item" data-name="PopupInteractivePopup">
  545. <span class="title ">
  546. <a href="PopupInteractivePopup.html">PopupInteractivePopup</a>
  547. </span>
  548. <ul class="members itemMembers">
  549. </ul>
  550. <ul class="typedefs itemMembers">
  551. </ul>
  552. <ul class="typedefs itemMembers">
  553. </ul>
  554. <ul class="methods itemMembers">
  555. </ul>
  556. <ul class="events itemMembers">
  557. </ul>
  558. </li>
  559. <li class="item" data-name="PopupMenu">
  560. <span class="title ">
  561. <a href="PopupMenu.html">PopupMenu</a>
  562. </span>
  563. <ul class="members itemMembers">
  564. <span class="subtitle">Members</span>
  565. <li class=" " data-name="PopupMenu#content"><a href="PopupMenu.html#content">content</a></li>
  566. <li class=" " data-name="PopupMenu#header"><a href="PopupMenu.html#header">header</a></li>
  567. </ul>
  568. <ul class="typedefs itemMembers">
  569. </ul>
  570. <ul class="typedefs itemMembers">
  571. </ul>
  572. <ul class="methods itemMembers">
  573. <span class="subtitle">Methods</span>
  574. <li class=" " data-name="PopupMenu#hide"><a href="PopupMenu.html#hide">hide</a></li>
  575. <li class=" " data-name="PopupMenu#layout"><a href="PopupMenu.html#layout">layout</a></li>
  576. <li class=" " data-name="PopupMenu#show"><a href="PopupMenu.html#show">show</a></li>
  577. </ul>
  578. <ul class="events itemMembers">
  579. </ul>
  580. </li>
  581. <li class="item" data-name="PopupMenuPopupInteractivePopup">
  582. <span class="title ">
  583. <a href="PopupMenuPopupInteractivePopup.html">PopupMenuPopupInteractivePopup</a>
  584. </span>
  585. <ul class="members itemMembers">
  586. </ul>
  587. <ul class="typedefs itemMembers">
  588. </ul>
  589. <ul class="typedefs itemMembers">
  590. </ul>
  591. <ul class="methods itemMembers">
  592. </ul>
  593. <ul class="events itemMembers">
  594. </ul>
  595. </li>
  596. <li class="item" data-name="PopupMenuPopupMenuPopupInteractivePopup">
  597. <span class="title ">
  598. <a href="PopupMenuPopupMenuPopupInteractivePopup.html">PopupMenuPopupMenuPopupInteractivePopup</a>
  599. </span>
  600. <ul class="members itemMembers">
  601. </ul>
  602. <ul class="typedefs itemMembers">
  603. </ul>
  604. <ul class="typedefs itemMembers">
  605. </ul>
  606. <ul class="methods itemMembers">
  607. </ul>
  608. <ul class="events itemMembers">
  609. </ul>
  610. </li>
  611. <li class="item" data-name="PopupMenuPopupMenuPopupPopupInteractivePopup">
  612. <span class="title ">
  613. <a href="PopupMenuPopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupMenuPopupPopupInteractivePopup</a>
  614. </span>
  615. <ul class="members itemMembers">
  616. </ul>
  617. <ul class="typedefs itemMembers">
  618. </ul>
  619. <ul class="typedefs itemMembers">
  620. </ul>
  621. <ul class="methods itemMembers">
  622. </ul>
  623. <ul class="events itemMembers">
  624. </ul>
  625. </li>
  626. <li class="item" data-name="PopupMenuPopupPopupInteractivePopup">
  627. <span class="title ">
  628. <a href="PopupMenuPopupPopupInteractivePopup.html">PopupMenuPopupPopupInteractivePopup</a>
  629. </span>
  630. <ul class="members itemMembers">
  631. </ul>
  632. <ul class="typedefs itemMembers">
  633. </ul>
  634. <ul class="typedefs itemMembers">
  635. </ul>
  636. <ul class="methods itemMembers">
  637. </ul>
  638. <ul class="events itemMembers">
  639. </ul>
  640. </li>
  641. <li class="item" data-name="PopupPopupInteractivePopup">
  642. <span class="title ">
  643. <a href="PopupPopupInteractivePopup.html">PopupPopupInteractivePopup</a>
  644. </span>
  645. <ul class="members itemMembers">
  646. </ul>
  647. <ul class="typedefs itemMembers">
  648. </ul>
  649. <ul class="typedefs itemMembers">
  650. </ul>
  651. <ul class="methods itemMembers">
  652. </ul>
  653. <ul class="events itemMembers">
  654. </ul>
  655. </li>
  656. <li class="item" data-name="Progress">
  657. <span class="title ">
  658. <a href="Progress.html">Progress</a>
  659. </span>
  660. <ul class="members itemMembers">
  661. <span class="subtitle">Members</span>
  662. <li class="parent " data-name="Progress#progress"><a href="Progress.html#progress">progress</a></li>
  663. </ul>
  664. <ul class="typedefs itemMembers">
  665. </ul>
  666. <ul class="typedefs itemMembers">
  667. </ul>
  668. <ul class="methods itemMembers">
  669. <span class="subtitle">Methods</span>
  670. <li class="parent " data-name="Progress#hide"><a href="Progress.html#hide">hide</a></li>
  671. <li class="parent " data-name="Progress#layout"><a href="Progress.html#layout">layout</a></li>
  672. <li class="parent " data-name="Progress#show"><a href="Progress.html#show">show</a></li>
  673. </ul>
  674. <ul class="events itemMembers">
  675. </ul>
  676. </li>
  677. <li class="item" data-name="Scrollview">
  678. <span class="title ">
  679. <a href="Scrollview.html">Scrollview</a>
  680. </span>
  681. <ul class="members itemMembers">
  682. </ul>
  683. <ul class="typedefs itemMembers">
  684. </ul>
  685. <ul class="typedefs itemMembers">
  686. </ul>
  687. <ul class="methods itemMembers">
  688. <span class="subtitle">Methods</span>
  689. <li class="parent " data-name="Scrollview#layout"><a href="Scrollview.html#layout">layout</a></li>
  690. </ul>
  691. <ul class="events itemMembers">
  692. </ul>
  693. </li>
  694. <li class="item" data-name="Slider">
  695. <span class="title ">
  696. <a href="Slider.html">Slider</a>
  697. </span>
  698. <ul class="members itemMembers">
  699. <span class="subtitle">Members</span>
  700. <li class="parent " data-name="Slider#disabled"><a href="Slider.html#disabled">disabled</a></li>
  701. <li class="parent " data-name="Slider#value"><a href="Slider.html#value">value</a></li>
  702. </ul>
  703. <ul class="typedefs itemMembers">
  704. </ul>
  705. <ul class="typedefs itemMembers">
  706. </ul>
  707. <ul class="methods itemMembers">
  708. <span class="subtitle">Methods</span>
  709. <li class="parent " data-name="Slider#hide"><a href="Slider.html#hide">hide</a></li>
  710. <li class="parent " data-name="Slider#layout"><a href="Slider.html#layout">layout</a></li>
  711. <li class="parent " data-name="Slider#show"><a href="Slider.html#show">show</a></li>
  712. </ul>
  713. <ul class="events itemMembers">
  714. </ul>
  715. </li>
  716. <li class="item" data-name="Switch">
  717. <span class="title ">
  718. <a href="Switch.html">Switch</a>
  719. </span>
  720. <ul class="members itemMembers">
  721. <span class="subtitle">Members</span>
  722. <li class="parent " data-name="Switch#active"><a href="Switch.html#active">active</a></li>
  723. <li class="parent " data-name="Switch#disabled"><a href="Switch.html#disabled">disabled</a></li>
  724. </ul>
  725. <ul class="typedefs itemMembers">
  726. </ul>
  727. <ul class="typedefs itemMembers">
  728. </ul>
  729. <ul class="methods itemMembers">
  730. <span class="subtitle">Methods</span>
  731. <li class="parent " data-name="Switch#hide"><a href="Switch.html#hide">hide</a></li>
  732. <li class="parent " data-name="Switch#layout"><a href="Switch.html#layout">layout</a></li>
  733. <li class="parent " data-name="Switch#show"><a href="Switch.html#show">show</a></li>
  734. </ul>
  735. <ul class="events itemMembers">
  736. </ul>
  737. </li>
  738. <li class="item" data-name="TextLabel.TextLabel">
  739. <span class="title ">
  740. <a href="TextLabel.TextLabel.html">TextLabel.TextLabel</a>
  741. </span>
  742. <ul class="members itemMembers">
  743. </ul>
  744. <ul class="typedefs itemMembers">
  745. </ul>
  746. <ul class="typedefs itemMembers">
  747. </ul>
  748. <ul class="methods itemMembers">
  749. </ul>
  750. <ul class="events itemMembers">
  751. </ul>
  752. </li>
  753. <li class="item" data-name="Theme">
  754. <span class="title ">
  755. <a href="Theme.html">Theme</a>
  756. </span>
  757. <ul class="members itemMembers">
  758. </ul>
  759. <ul class="typedefs itemMembers">
  760. </ul>
  761. <ul class="typedefs itemMembers">
  762. </ul>
  763. <ul class="methods itemMembers">
  764. <span class="subtitle">Methods</span>
  765. <li class="parent " data-name="Theme.fromString"><a href="Theme.html#.fromString">fromString</a></li>
  766. </ul>
  767. <ul class="events itemMembers">
  768. </ul>
  769. </li>
  770. <li class="item" data-name="ThemeDark">
  771. <span class="title ">
  772. <a href="ThemeDark.html">ThemeDark</a>
  773. </span>
  774. <ul class="members itemMembers">
  775. </ul>
  776. <ul class="typedefs itemMembers">
  777. </ul>
  778. <ul class="typedefs itemMembers">
  779. </ul>
  780. <ul class="methods itemMembers">
  781. </ul>
  782. <ul class="events itemMembers">
  783. </ul>
  784. </li>
  785. <li class="item" data-name="ThemeLight">
  786. <span class="title ">
  787. <a href="ThemeLight.html">ThemeLight</a>
  788. </span>
  789. <ul class="members itemMembers">
  790. </ul>
  791. <ul class="typedefs itemMembers">
  792. </ul>
  793. <ul class="typedefs itemMembers">
  794. </ul>
  795. <ul class="methods itemMembers">
  796. </ul>
  797. <ul class="events itemMembers">
  798. </ul>
  799. </li>
  800. <li class="item" data-name="ThemeRed">
  801. <span class="title ">
  802. <a href="ThemeRed.html">ThemeRed</a>
  803. </span>
  804. <ul class="members itemMembers">
  805. </ul>
  806. <ul class="typedefs itemMembers">
  807. </ul>
  808. <ul class="typedefs itemMembers">
  809. </ul>
  810. <ul class="methods itemMembers">
  811. </ul>
  812. <ul class="events itemMembers">
  813. </ul>
  814. </li>
  815. <li class="item" data-name="TileQuadNode">
  816. <span class="title ">
  817. <a href="TileQuadNode.html">TileQuadNode</a>
  818. </span>
  819. <ul class="members itemMembers">
  820. </ul>
  821. <ul class="typedefs itemMembers">
  822. </ul>
  823. <ul class="typedefs itemMembers">
  824. </ul>
  825. <ul class="methods itemMembers">
  826. <span class="subtitle">Methods</span>
  827. <li class="parent " data-name="TileQuadNode#link"><a href="TileQuadNode.html#link">link</a></li>
  828. <li class="parent " data-name="TileQuadNode#noQuads"><a href="TileQuadNode.html#noQuads">noQuads</a></li>
  829. <li class="parent " data-name="TileQuadNode#unlink"><a href="TileQuadNode.html#unlink">unlink</a></li>
  830. </ul>
  831. <ul class="events itemMembers">
  832. </ul>
  833. </li>
  834. <li class="item" data-name="Tooltip">
  835. <span class="title ">
  836. <a href="Tooltip.html">Tooltip</a>
  837. </span>
  838. <ul class="members itemMembers">
  839. <span class="subtitle">Members</span>
  840. <li class=" " data-name="Tooltip#content"><a href="Tooltip.html#content">content</a></li>
  841. <li class=" " data-name="Tooltip#header"><a href="Tooltip.html#header">header</a></li>
  842. </ul>
  843. <ul class="typedefs itemMembers">
  844. </ul>
  845. <ul class="typedefs itemMembers">
  846. </ul>
  847. <ul class="methods itemMembers">
  848. <span class="subtitle">Methods</span>
  849. <li class=" " data-name="Tooltip#hide"><a href="Tooltip.html#hide">hide</a></li>
  850. <li class=" " data-name="Tooltip#layout"><a href="Tooltip.html#layout">layout</a></li>
  851. <li class=" " data-name="Tooltip#show"><a href="Tooltip.html#show">show</a></li>
  852. </ul>
  853. <ul class="events itemMembers">
  854. </ul>
  855. </li>
  856. <li class="item" data-name="UITest">
  857. <span class="title ">
  858. <a href="UITest.html">UITest</a>
  859. </span>
  860. <ul class="members itemMembers">
  861. <span class="subtitle">Members</span>
  862. <li class="parent " data-name="UITest#timeline"><a href="UITest.html#timeline">timeline</a></li>
  863. </ul>
  864. <ul class="typedefs itemMembers">
  865. </ul>
  866. <ul class="typedefs itemMembers">
  867. </ul>
  868. <ul class="methods itemMembers">
  869. <span class="subtitle">Methods</span>
  870. <li class="parent " data-name="UITest#clear"><a href="UITest.html#clear">clear</a></li>
  871. <li class="parent " data-name="UITest#pan"><a href="UITest.html#pan">pan</a></li>
  872. <li class="parent " data-name="UITest#pinch"><a href="UITest.html#pinch">pinch</a></li>
  873. <li class="parent " data-name="UITest#restart"><a href="UITest.html#restart">restart</a></li>
  874. <li class="parent " data-name="UITest#start"><a href="UITest.html#start">start</a></li>
  875. <li class="parent " data-name="UITest#stop"><a href="UITest.html#stop">stop</a></li>
  876. <li class="parent " data-name="UITest#tap"><a href="UITest.html#tap">tap</a></li>
  877. </ul>
  878. <ul class="events itemMembers">
  879. </ul>
  880. </li>
  881. <li class="item" data-name="Volatile">
  882. <span class="title ">
  883. <a href="Volatile.html">Volatile</a>
  884. </span>
  885. <ul class="members itemMembers">
  886. </ul>
  887. <ul class="typedefs itemMembers">
  888. </ul>
  889. <ul class="typedefs itemMembers">
  890. </ul>
  891. <ul class="methods itemMembers">
  892. <span class="subtitle">Methods</span>
  893. <li class="parent " data-name="Volatile#layout"><a href="Volatile.html#layout">layout</a></li>
  894. </ul>
  895. <ul class="events itemMembers">
  896. </ul>
  897. </li>
  898. </ul>
  899. </div>
  900. <div class="main">
  901. <h1 class="page-title" data-filename="Flippable.html">Class: Flippable</h1>
  902. <section>
  903. <header>
  904. <div class="header content-size">
  905. <h2>Flippable
  906. </h2>
  907. <div class="class-description"><p>Class that represents a PixiJS Flippable.</p></div>
  908. </div>
  909. </header>
  910. <article class="content-size">
  911. <div class="container-overview">
  912. <dt>
  913. <div class="nameContainer">
  914. <h4 class="name" id="Flippable">
  915. <a class="share-icon" href="#Flippable"><span class="glyphicon glyphicon-link"></span></a>
  916. <span class="">
  917. new Flippable
  918. </span>
  919. <span class="signature">(front, back, renderer, <span class="optional">opts</span>)</span>
  920. </h4>
  921. <div class="tag-source">
  922. <a href="pixi_flippable.js.html#line71">flippable.js:71</a>
  923. </div>
  924. </div>
  925. </dt>
  926. <dd>
  927. <div class="description">
  928. <p>Creates an instance of a Flippable.</p>
  929. </div>
  930. <table class="params">
  931. <thead>
  932. <tr>
  933. <th>Name</th>
  934. <th>Type</th>
  935. <th class="last">Description</th>
  936. </tr>
  937. </thead>
  938. <tbody>
  939. <tr>
  940. <td class="name"><code>front</code></td>
  941. <td class="type">
  942. <span class="param-type">PIXI.DisplayObject</span>
  943. </td>
  944. <td class="description last">
  945. <p>The object to show initially. Should have been added to the scene.</p></td>
  946. </tr>
  947. <tr>
  948. <td class="name"><code>back</code></td>
  949. <td class="type">
  950. <span class="param-type">PIXI.DisplayObject</span>
  951. </td>
  952. <td class="description last">
  953. <p>The object to show on the backside. Should have not been added to the scene.</p></td>
  954. </tr>
  955. <tr>
  956. <td class="name"><code>renderer</code></td>
  957. <td class="type">
  958. <span class="param-type">PIXI.WebGLRenderer</span>
  959. |
  960. <span class="param-type">PIXI.CanvasRenderer</span>
  961. </td>
  962. <td class="description last">
  963. <p>The renderer of the application.</p></td>
  964. </tr>
  965. <tr>
  966. <td class="name"><code>opts</code></td>
  967. <td class="type">
  968. <span class="param-type">object</span>
  969. </td>
  970. <td class="description last">
  971. <span class="optional">optional</span>
  972. <p>An options object which can contain the following properties.</p>
  973. <table class="params">
  974. <thead>
  975. <tr>
  976. <th>Name</th>
  977. <th>Type</th>
  978. <th>Default</th>
  979. <th class="last">Description</th>
  980. </tr>
  981. </thead>
  982. <tbody>
  983. <tr>
  984. <td class="name"><code>duration</code></td>
  985. <td class="type">
  986. <span class="param-type">number</span>
  987. </td>
  988. <td class="default">
  989. 1
  990. </td>
  991. <td class="description last">
  992. <span class="optional">optional</span>
  993. <p>The duration of the flip animation in seconds.</p></td>
  994. </tr>
  995. <tr>
  996. <td class="name"><code>ease</code></td>
  997. <td class="type">
  998. <span class="param-type">GSAP.Ease</span>
  999. </td>
  1000. <td class="default">
  1001. Power2.easeOut
  1002. </td>
  1003. <td class="description last">
  1004. <span class="optional">optional</span>
  1005. <p>The ease of the flip animation.</p></td>
  1006. </tr>
  1007. <tr>
  1008. <td class="name"><code>shadow</code></td>
  1009. <td class="type">
  1010. <span class="param-type">boolean</span>
  1011. </td>
  1012. <td class="default">
  1013. false
  1014. </td>
  1015. <td class="description last">
  1016. <span class="optional">optional</span>
  1017. <p>Should be a shadow been display during the animation?</p></td>
  1018. </tr>
  1019. <tr>
  1020. <td class="name"><code>eulerX</code></td>
  1021. <td class="type">
  1022. <span class="param-type">numer</span>
  1023. </td>
  1024. <td class="default">
  1025. 0
  1026. </td>
  1027. <td class="description last">
  1028. <span class="optional">optional</span>
  1029. <p>The shift of the x-axis during the animation.</p></td>
  1030. </tr>
  1031. <tr>
  1032. <td class="name"><code>eulerY</code></td>
  1033. <td class="type">
  1034. <span class="param-type">numer</span>
  1035. </td>
  1036. <td class="default">
  1037. 0
  1038. </td>
  1039. <td class="description last">
  1040. <span class="optional">optional</span>
  1041. <p>The shift of the y-axis during the animation.</p></td>
  1042. </tr>
  1043. <tr>
  1044. <td class="name"><code>eulerEase</code></td>
  1045. <td class="type">
  1046. <span class="param-type">GSAP.Ease</span>
  1047. </td>
  1048. <td class="default">
  1049. Power1.easeOut
  1050. </td>
  1051. <td class="description last">
  1052. <span class="optional">optional</span>
  1053. <p>The ease of the shift.</p></td>
  1054. </tr>
  1055. <tr>
  1056. <td class="name"><code>useBackTransforms</code></td>
  1057. <td class="type">
  1058. <span class="param-type">boolean</span>
  1059. </td>
  1060. <td class="default">
  1061. false
  1062. </td>
  1063. <td class="description last">
  1064. <span class="optional">optional</span>
  1065. <p>When set to true, the flip animation also animates to the transform parameters of the back-object.</p></td>
  1066. </tr>
  1067. <tr>
  1068. <td class="name"><code>transformEase</code></td>
  1069. <td class="type">
  1070. <span class="param-type">GSAP.Ease</span>
  1071. </td>
  1072. <td class="default">
  1073. Power2.easeOut
  1074. </td>
  1075. <td class="description last">
  1076. <span class="optional">optional</span>
  1077. <p>The ease of the transform.</p></td>
  1078. </tr>
  1079. <tr>
  1080. <td class="name"><code>focus</code></td>
  1081. <td class="type">
  1082. <span class="param-type">numer</span>
  1083. </td>
  1084. <td class="default">
  1085. 800
  1086. </td>
  1087. <td class="description last">
  1088. <span class="optional">optional</span>
  1089. <p>The value of the focus of the 3D camera (see pixi-projection).</p></td>
  1090. </tr>
  1091. <tr>
  1092. <td class="name"><code>near</code></td>
  1093. <td class="type">
  1094. <span class="param-type">numer</span>
  1095. </td>
  1096. <td class="default">
  1097. 10
  1098. </td>
  1099. <td class="description last">
  1100. <span class="optional">optional</span>
  1101. <p>The near value of the 3D camera (see pixi-projection).</p></td>
  1102. </tr>
  1103. <tr>
  1104. <td class="name"><code>far</code></td>
  1105. <td class="type">
  1106. <span class="param-type">numer</span>
  1107. </td>
  1108. <td class="default">
  1109. 10000
  1110. </td>
  1111. <td class="description last">
  1112. <span class="optional">optional</span>
  1113. <p>The far value of the 3D camera (see pixi-projection).</p></td>
  1114. </tr>
  1115. <tr>
  1116. <td class="name"><code>orthographic</code></td>
  1117. <td class="type">
  1118. <span class="param-type">boolean</span>
  1119. </td>
  1120. <td class="default">
  1121. false
  1122. </td>
  1123. <td class="description last">
  1124. <span class="optional">optional</span>
  1125. <p>Should the flip animation be an orthographic animation?</p></td>
  1126. </tr>
  1127. <tr>
  1128. <td class="name"><code>onStart</code></td>
  1129. <td class="type">
  1130. <span class="param-type">function</span>
  1131. </td>
  1132. <td class="default">
  1133. null
  1134. </td>
  1135. <td class="description last">
  1136. <span class="optional">optional</span>
  1137. <p>A callback executed on start of the flip animation.</p></td>
  1138. </tr>
  1139. <tr>
  1140. <td class="name"><code>onUpdate</code></td>
  1141. <td class="type">
  1142. <span class="param-type">function</span>
  1143. </td>
  1144. <td class="default">
  1145. null
  1146. </td>
  1147. <td class="description last">
  1148. <span class="optional">optional</span>
  1149. <p>A callback executed on each step of the flip animation.</p></td>
  1150. </tr>
  1151. <tr>
  1152. <td class="name"><code>onComplete</code></td>
  1153. <td class="type">
  1154. <span class="param-type">function</span>
  1155. </td>
  1156. <td class="default">
  1157. null
  1158. </td>
  1159. <td class="description last">
  1160. <span class="optional">optional</span>
  1161. <p>A callback executed when the flip animation is finished.</p></td>
  1162. </tr>
  1163. </tbody>
  1164. </table>
  1165. </td>
  1166. </tr>
  1167. </tbody>
  1168. </table>
  1169. <dl class="details">
  1170. <dt class="tag-see">See:</dt>
  1171. <dd class="tag-see">
  1172. <ul>
  1173. <li><a target="_blank" href="https://github.com/pixijs/pixi-projection">PixiJS Projection</a></li>
  1174. <li><a target="_blank" href="https://www.iwm-tuebingen.de/iwmbrowser/lib/pixi/flippable.html">DocTest</a></li>
  1175. </ul>
  1176. </dd>
  1177. </dl>
  1178. <h5>Example</h5>
  1179. <pre class="prettyprint"><code>const front = PIXI.Sprite.fromImage('./assets/front.jpg')
  1180. const back = PIXI.Sprite.fromImage('./assets/back.jpg')
  1181. app.scene.addChild(front)
  1182. // Create the flippable
  1183. const flippable = new Flippable(front, back, app.renderer)
  1184. front.interactive = true
  1185. front.on('click', event => flippable.toggle())</code></pre>
  1186. </dd>
  1187. </div>
  1188. <h3 class="subsection-title">Extends</h3>
  1189. <ul>
  1190. <li>PIXI.projection.Camera3d</li>
  1191. </ul>
  1192. <h3 class="subsection-title">Members</h3>
  1193. <dl class="list-members">
  1194. <dt>
  1195. <div class="nameContainer">
  1196. <h4 class="name" id="flipped">
  1197. <a class="share-icon" href="#flipped"><span class="glyphicon glyphicon-link"></span></a>
  1198. <span class="">flipped</span>
  1199. <span class="type-signature type">boolean</span>
  1200. </h4>
  1201. </div>
  1202. </dt>
  1203. <dd>
  1204. <div class="description">
  1205. <p>Gets or sets the flipped state.</p>
  1206. </div>
  1207. <dl class="details">
  1208. </dl>
  1209. </dd>
  1210. <dt>
  1211. <div class="nameContainer">
  1212. <h4 class="name" id="frontSideInFront">
  1213. <a class="share-icon" href="#frontSideInFront"><span class="glyphicon glyphicon-link"></span></a>
  1214. <span class="">frontSideInFront</span>
  1215. <span class="type-signature type">boolean</span>
  1216. </h4>
  1217. </div>
  1218. </dt>
  1219. <dd>
  1220. <div class="description">
  1221. <p>Gets the alignment state. true if the front side is in front, false otherwise.</p>
  1222. </div>
  1223. <dl class="details">
  1224. </dl>
  1225. </dd>
  1226. </dl>
  1227. <h3 class="subsection-title">Methods</h3>
  1228. <dl class="list-methods">
  1229. <dt>
  1230. <div class="nameContainer">
  1231. <h4 class="name" id="layout">
  1232. <a class="share-icon" href="#layout"><span class="glyphicon glyphicon-link"></span></a>
  1233. <span class="">
  1234. layout
  1235. </span>
  1236. <span class="signature">()</span><span class="type-signature"><a href="Flippable.html">Flippable</a></span>
  1237. </h4>
  1238. <div class="tag-source">
  1239. <a href="pixi_flippable.js.html#line352">flippable.js:352</a>
  1240. </div>
  1241. </div>
  1242. </dt>
  1243. <dd>
  1244. <div class="description">
  1245. <p>Should be called to refresh the layout of the camera.</p>
  1246. </div>
  1247. <dl class="details">
  1248. </dl>
  1249. <h5>Returns:</h5>
  1250. <table class="params">
  1251. <thead>
  1252. <tr>
  1253. <th>Type</th>
  1254. <th class="last">Description</th>
  1255. </tr>
  1256. </thead>
  1257. <tbody>
  1258. <tr>
  1259. <td class="type">
  1260. <a href="Flippable.html">Flippable</a>
  1261. </td>
  1262. <td class="description last">A reference to the flippable for chaining.</td>
  1263. </tr>
  1264. </tbody>
  1265. </table>
  1266. </dd>
  1267. </dl>
  1268. </article>
  1269. </section>
  1270. <footer class="content-size">
  1271. <div class="footer">
  1272. Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Thu Jul 18 2019 12:16:19 GMT+0200 (Mitteleuropäische Sommerzeit)
  1273. </div>
  1274. </footer>
  1275. </div>
  1276. </div>
  1277. <script>prettyPrint();</script>
  1278. <script src="scripts/main.js"></script>
  1279. </body>
  1280. </html>