Artifact
9cba30ac974f8a872b951aedfb745fbec69d21ea:
Wiki page
[
MIOGUI] by
aldo
2016-09-09 13:02:15.
0000: 44 20 32 30 31 36 2d 30 39 2d 30 39 54 31 33 3a D 2016-09-09T13:
0010: 30 32 3a 31 35 2e 39 33 36 0a 4c 20 4d 49 4f 47 02:15.936.L MIOG
0020: 55 49 0a 50 20 65 35 64 61 34 30 35 33 34 36 63 UI.P e5da405346c
0030: 36 65 35 66 30 65 34 34 30 65 34 31 32 37 38 39 6e5f0e440e412789
0040: 37 30 36 61 61 37 31 39 31 34 34 30 34 0a 55 20 706aa71914404.U
0050: 61 6c 64 6f 0a 57 20 33 31 30 38 0a 3c 68 31 3e aldo.W 3108.<h1>
0060: 4d 49 4f 47 55 49 3c 2f 68 31 3e 0d 0a 0d 0a 4d MIOGUI</h1>....M
0070: 6f 72 65 20 49 6d 6d 65 64 69 61 74 65 20 4f 70 ore Immediate Op
0080: 65 72 61 74 69 6f 6e 20 47 55 49 20 2d 20 44 65 eration GUI - De
0090: 76 65 6c 6f 70 20 47 55 49 20 69 6e 20 73 63 68 velop GUI in sch
00a0: 65 6d 65 20 69 6e 20 69 6e 63 72 65 6d 65 6e 74 eme in increment
00b0: 61 6c 20 26 20 69 6d 6d 65 64 69 61 74 65 20 6d al & immediate m
00c0: 6f 64 65 21 0d 0a 0d 0a 41 6c 70 68 61 20 76 65 ode!....Alpha ve
00d0: 72 73 69 6f 6e 21 20 4e 65 65 64 20 73 6f 6d 65 rsion! Need some
00e0: 20 63 6c 65 61 6e 75 70 20 61 6e 64 20 73 6f 6d cleanup and som
00f0: 65 20 6d 6f 72 65 20 77 69 64 67 65 74 73 20 26 e more widgets &
0100: 20 64 65 6d 6f 73 2e 2e 2e 0d 0a 0d 0a 5b 2f 64 demos.......[/d
0110: 6f 63 2f 74 69 70 2f 64 65 6d 6f 73 2f 69 6e 64 oc/tip/demos/ind
0120: 65 78 2e 68 74 6d 6c 7c 53 68 6f 77 20 6d 65 20 ex.html|Show me
0130: 64 65 6d 6f 73 20 61 6e 64 20 73 63 72 65 65 6e demos and screen
0140: 73 68 6f 74 73 21 5d 0d 0a 0d 0a 3c 68 32 3e 43 shots!]....<h2>C
0150: 6f 6e 63 65 70 74 73 3c 68 32 3e 0d 0a 3c 68 33 oncepts<h2>..<h3
0160: 3e 49 6d 6d 65 64 69 61 74 65 20 4d 6f 64 65 20 >Immediate Mode
0170: 47 55 49 3c 2f 68 33 3e 0d 0a 54 68 69 73 20 6d GUI</h3>..This m
0180: 65 61 6e 73 20 74 68 61 74 20 74 68 65 20 75 73 eans that the us
0190: 65 72 20 6e 65 76 65 72 20 68 61 73 20 74 6f 20 er never has to
01a0: 64 65 61 6c 20 77 69 74 68 20 6f 62 6a 65 63 74 deal with object
01b0: 73 20 28 61 6e 74 69 2d 6f 6f 70 20 77 61 79 20 s (anti-oop way
01c0: 3b 29 2e 0d 0a 0d 0a 53 6f 6d 65 20 70 72 6f 6a ;).....Some proj
01d0: 65 63 74 73 2c 20 77 72 69 74 74 65 6e 20 69 6e ects, written in
01e0: 20 43 20 6f 72 20 43 2b 2b 0d 0a 20 20 2a 20 20 C or C++.. *
01f0: 5b 68 74 74 70 73 3a 2f 2f 67 69 74 68 75 62 2e [https://github.
0200: 63 6f 6d 2f 6f 63 6f 72 6e 75 74 2f 69 6d 67 75 com/ocornut/imgu
0210: 69 7c 64 65 61 72 20 69 6d 67 75 69 5d 0d 0a 20 i|dear imgui]..
0220: 20 2a 20 20 5b 68 74 74 70 3a 2f 2f 73 6f 6c 2e * [http://sol.
0230: 67 66 78 69 6c 65 2e 6e 65 74 2f 69 6d 67 75 69 gfxile.net/imgui
0240: 2f 7c 53 6f 6c 20 6f 6e 20 49 6d 6d 65 64 69 61 /|Sol on Immedia
0250: 74 65 20 4d 6f 64 65 20 47 55 49 73 5d 0d 0a 20 te Mode GUIs]..
0260: 20 2a 20 20 5b 68 74 74 70 3a 2f 2f 77 77 77 2e * [http://www.
0270: 6a 6f 68 6e 6f 2e 73 65 2f 62 6f 6f 6b 2f 69 6d johno.se/book/im
0280: 67 75 69 2e 68 74 6d 6c 7c 49 4d 47 55 49 5d 0d gui.html|IMGUI].
0290: 0a 20 20 2a 20 20 5b 68 74 74 70 3a 2f 2f 70 65 . * [http://pe
02a0: 72 73 6f 2e 75 6e 69 76 2d 6c 79 6f 6e 31 2e 66 rso.univ-lyon1.f
02b0: 72 2f 74 68 69 65 72 72 79 2e 65 78 63 6f 66 66 r/thierry.excoff
02c0: 69 65 72 2f 5a 4d 57 2f 7c 5a 65 72 6f 20 4d 65 ier/ZMW/|Zero Me
02d0: 6d 6f 72 79 20 57 69 64 67 65 74 5d 0d 0a 20 0d mory Widget].. .
02e0: 0a 41 20 4d 69 63 72 6f 73 6f 66 74 20 70 61 70 .A Microsoft pap
02f0: 65 72 20 6f 6e 20 74 68 65 20 73 75 62 6a 65 63 er on the subjec
0300: 74 3a 0d 0a 20 20 2a 20 20 5b 68 74 74 70 73 3a t:.. * [https:
0310: 2f 2f 77 77 77 2e 6d 69 63 72 6f 73 6f 66 74 2e //www.microsoft.
0320: 63 6f 6d 2f 65 6e 2d 75 73 2f 72 65 73 65 61 72 com/en-us/resear
0330: 63 68 2f 77 70 2d 63 6f 6e 74 65 6e 74 2f 75 70 ch/wp-content/up
0340: 6c 6f 61 64 73 2f 32 30 31 33 2f 30 36 2f 70 6c loads/2013/06/pl
0350: 64 69 30 39 37 2d 62 75 72 63 6b 68 61 72 64 74 di097-burckhardt
0360: 2e 70 64 66 7c 49 74 e2 80 99 73 20 41 6c 69 76 .pdf|It...s Aliv
0370: 65 21 20 43 6f 6e 74 69 6e 75 6f 75 73 20 46 65 e! Continuous Fe
0380: 65 64 62 61 63 6b 20 69 6e 20 55 49 20 50 72 6f edback in UI Pro
0390: 67 72 61 6d 6d 69 6e 67 5d 0d 0a 20 20 0d 0a 0d gramming].. ...
03a0: 0a 3c 68 33 3e 43 61 73 63 61 64 69 6e 67 20 53 .<h3>Cascading S
03b0: 74 79 6c 65 73 68 65 65 74 73 3c 2f 68 33 3e 0d tylesheets</h3>.
03c0: 0a 20 20 2a 20 20 42 61 73 65 64 20 6f 6e 20 5b . * Based on [
03d0: 68 74 74 70 73 3a 2f 2f 77 77 77 2e 77 33 2e 6f https://www.w3.o
03e0: 72 67 2f 53 74 79 6c 65 2f 43 53 53 2f 7c 43 53 rg/Style/CSS/|CS
03f0: 53 5d 3c 68 33 3e 0d 0a 20 20 2a 20 20 43 53 53 S]<h3>.. * CSS
0400: 33 20 46 6c 65 78 62 6f 78 20 6c 61 79 6f 75 74 3 Flexbox layout
0410: 73 21 0d 0a 20 20 2a 20 20 43 53 53 33 20 54 72 s!.. * CSS3 Tr
0420: 61 6e 73 69 74 69 6f 6e 73 20 3b 29 0d 0a 20 20 ansitions ;)..
0430: 2a 20 20 43 53 53 33 20 67 72 69 64 20 28 70 6c * CSS3 grid (pl
0440: 61 6e 6e 65 64 29 0d 0a 0d 0a 3c 68 33 3e 53 63 anned)....<h3>Sc
0450: 68 65 6d 65 3c 2f 68 33 3e 0d 0a 20 20 2a 20 20 heme</h3>.. *
0460: 53 69 6d 70 6c 65 20 62 75 74 20 70 6f 77 65 72 Simple but power
0470: 66 75 6c 20 6c 61 6e 67 75 61 67 65 0d 0a 20 20 ful language..
0480: 2a 20 20 52 45 50 4c 20 28 52 65 61 64 20 45 76 * REPL (Read Ev
0490: 61 6c 20 50 72 69 6e 74 20 4c 6f 6f 70 29 20 6d al Print Loop) m
04a0: 65 61 6e 73 20 79 6f 75 20 64 6f 6e 27 74 20 6e eans you don't n
04b0: 65 65 64 20 74 6f 20 72 65 73 74 61 72 74 20 74 eed to restart t
04c0: 68 65 20 70 72 6f 67 72 61 6d 20 66 6f 72 20 73 he program for s
04d0: 65 65 69 6e 67 20 63 68 61 6e 67 65 73 2e 0d 0a eeing changes...
04e0: 20 20 2a 20 20 57 65 20 61 63 74 75 61 6c 6c 79 * We actually
04f0: 20 73 75 70 70 6f 72 74 20 63 68 65 7a 20 73 63 support chez sc
0500: 68 65 6d 65 20 62 75 74 20 69 74 27 73 20 70 6f heme but it's po
0510: 73 73 69 62 6c 65 20 74 6f 20 70 6f 72 74 20 74 ssible to port t
0520: 6f 20 6f 74 68 65 72 73 20 73 63 68 65 6d 65 73 o others schemes
0530: 0d 0a 0d 0a 3c 68 33 3e 4e 65 74 77 6f 72 6b 20 ....<h3>Network
0540: 52 45 50 4c 3c 2f 68 33 3e 0d 0a 20 20 2a 20 20 REPL</h3>.. *
0550: 4e 61 6e 6f 6d 73 67 20 6c 69 62 72 61 72 79 20 Nanomsg library
0560: 61 6c 6c 6f 77 73 20 74 6f 20 63 6f 6e 6e 65 63 allows to connec
0570: 74 20 61 74 20 61 6e 79 20 6d 6f 6d 65 6e 74 20 t at any moment
0580: 66 72 6f 6d 20 61 6e 79 77 68 65 72 65 20 74 6f from anywhere to
0590: 20 74 68 65 20 72 75 6e 74 69 6d 65 20 74 6f 20 the runtime to
05a0: 6d 6f 64 69 66 79 20 74 68 65 20 63 6f 64 65 20 modify the code
05b0: 6f 6e 20 74 68 65 20 66 6c 79 20 77 69 74 68 6f on the fly witho
05c0: 75 74 20 6c 6f 6f 73 69 6e 67 20 73 74 61 74 65 ut loosing state
05d0: 2e 0d 0a 0d 0a 3c 68 33 3e 43 61 69 72 6f 3c 2f .....<h3>Cairo</
05e0: 68 33 3e 0d 0a 20 20 2a 20 20 4e 69 63 65 20 67 h3>.. * Nice g
05f0: 72 61 70 68 69 63 73 20 77 69 74 68 20 73 69 6d raphics with sim
0600: 70 6c 65 20 61 6e 64 20 70 6f 77 65 72 66 75 6c ple and powerful
0610: 20 41 50 49 0d 0a 20 20 2a 20 20 57 65 20 63 6f API.. * We co
0620: 75 6c 64 20 70 6f 72 74 20 74 68 65 20 74 68 69 uld port the thi
0630: 6e 67 20 74 6f 20 6f 70 65 6e 67 6c 2c 20 47 44 ng to opengl, GD
0640: 49 2b 2c 20 58 63 62 20 69 66 20 6e 65 65 64 65 I+, Xcb if neede
0650: 64 0d 0a 0d 0a 3c 68 33 3e 53 44 4c 32 3c 2f 68 d....<h3>SDL2</h
0660: 33 3e 0d 0a 20 20 2a 20 20 50 6f 77 65 72 66 75 3>.. * Powerfu
0670: 6c 20 61 6e 64 20 70 6f 72 74 61 62 6c 65 20 61 l and portable a
0680: 62 73 74 72 61 63 74 69 6f 6e 20 66 6f 72 20 68 bstraction for h
0690: 61 6e 64 6c 69 6e 67 20 76 69 64 65 6f 20 61 6e andling video an
06a0: 64 20 69 6e 70 75 74 20 61 6e 64 20 6d 75 63 68 d input and much
06b0: 20 6d 6f 72 65 0d 0a 20 20 2a 20 20 43 6f 75 6c more.. * Coul
06c0: 64 20 62 65 20 72 65 70 6c 61 63 65 64 20 77 69 d be replaced wi
06d0: 74 68 20 73 6f 6d 65 20 6f 74 68 65 72 20 73 79 th some other sy
06e0: 73 74 65 6d 20 6c 69 6b 65 20 58 63 62 2c 20 57 stem like Xcb, W
06f0: 69 6e 33 32 20 41 50 49 2c 20 65 74 63 0d 0a 20 in32 API, etc..
0700: 20 2a 20 20 57 68 79 20 6e 6f 74 20 73 65 6e 64 * Why not send
0710: 20 74 68 65 20 66 72 61 6d 65 20 74 6f 20 61 20 the frame to a
0720: 77 65 62 20 63 6c 69 65 6e 74 20 61 6e 64 20 68 web client and h
0730: 61 6e 64 6c 65 20 74 68 65 20 75 69 20 77 69 74 andle the ui wit
0740: 68 20 6a 61 76 61 73 63 72 69 70 74 2e 20 54 68 h javascript. Th
0750: 69 73 20 63 6f 75 6c 64 20 62 65 20 64 6f 6e 65 is could be done
0760: 20 77 69 74 68 20 63 61 69 72 6f 20 72 65 6e 64 with cairo rend
0770: 65 72 69 6e 67 20 61 6e 20 73 76 67 20 6f 72 20 ering an svg or
0780: 73 65 6e 64 69 6e 67 20 64 69 72 65 63 74 79 20 sending directy
0790: 73 6f 6d 65 20 68 74 6d 6c 2e 0d 0a 0d 0a 0d 0a some html.......
07a0: 3c 68 32 3e 47 65 74 20 26 20 49 6e 73 74 61 6c <h2>Get & Instal
07b0: 6c 3c 2f 68 32 3e 0d 0a 59 6f 75 27 6c 6c 20 6e l</h2>..You'll n
07c0: 65 65 64 20 5b 68 74 74 70 3a 2f 2f 73 63 68 65 eed [http://sche
07d0: 6d 65 2e 63 6f 6d 7c 63 68 65 7a 20 73 63 68 65 me.com|chez sche
07e0: 6d 65 5d 20 39 2e 34 20 61 6e 64 20 5b 68 74 74 me] 9.4 and [htt
07f0: 70 73 3a 2f 2f 70 69 7a 7a 61 68 61 63 6b 2e 65 ps://pizzahack.e
0800: 75 2f 66 6f 73 73 69 6c 2f 74 68 75 6e 64 65 72 u/fossil/thunder
0810: 63 68 65 7a 7c 74 68 75 6e 64 65 72 63 68 65 7a chez|thunderchez
0820: 5d 0d 0a 52 65 71 75 69 72 65 64 20 61 6c 73 6f ]..Required also
0830: 20 5b 68 74 74 70 3a 2f 2f 6e 61 6e 6f 6d 73 67 [http://nanomsg
0840: 2e 6f 72 67 7c 6e 61 6e 6f 6d 73 67 2d 31 2e 30 .org|nanomsg-1.0
0850: 5d 2c 20 5b 68 74 74 70 73 3a 2f 2f 6c 69 62 73 ], [https://libs
0860: 64 6c 2e 6f 72 67 7c 73 64 6c 2d 32 2e 30 2e 34 dl.org|sdl-2.0.4
0870: 5d 2c 20 5b 68 74 74 70 73 3a 2f 2f 77 77 77 2e ], [https://www.
0880: 63 61 69 72 6f 67 72 61 70 68 69 63 73 2e 6f 72 cairographics.or
0890: 67 7c 63 61 69 72 6f 5d 0d 0a 0d 0a 43 68 65 63 g|cairo]....Chec
08a0: 6b 6f 75 74 3a 20 59 6f 75 27 6c 6c 20 6e 65 65 kout: You'll nee
08b0: 64 20 5b 68 74 74 70 73 3a 2f 2f 77 77 77 2e 66 d [https://www.f
08c0: 6f 73 73 69 6c 2d 73 63 6d 2e 6f 72 67 7c 66 6f ossil-scm.org|fo
08d0: 73 73 69 6c 5d 0d 0a 0d 0a 3c 76 65 72 62 61 74 ssil]....<verbat
08e0: 69 6d 3e 0d 0a 66 6f 73 73 69 6c 20 63 6c 6f 6e im>..fossil clon
08f0: 65 20 68 74 74 70 73 3a 2f 2f 70 69 7a 7a 61 68 e https://pizzah
0900: 61 63 6b 2e 65 75 2f 66 6f 73 73 69 6c 2f 6d 69 ack.eu/fossil/mi
0910: 6f 67 75 69 20 6d 69 6f 67 75 69 2e 66 6f 73 73 ogui miogui.foss
0920: 69 6c 0d 0a 6d 6b 64 69 72 20 6d 69 6f 67 75 69 il..mkdir miogui
0930: 20 26 26 20 63 64 20 6d 69 6f 67 75 69 20 26 26 && cd miogui &&
0940: 20 66 6f 73 73 69 6c 20 6f 70 65 6e 20 2e 2e 2f fossil open ../
0950: 6d 69 6f 67 75 69 2e 66 6f 73 73 69 6c 0d 0a 3c miogui.fossil..<
0960: 2f 76 65 72 62 61 74 69 6d 3e 0d 0a 0d 0a 59 6f /verbatim>....Yo
0970: 75 20 63 61 6e 20 61 6c 73 6f 20 64 6f 77 6e 6c u can also downl
0980: 6f 61 64 20 74 68 65 20 6c 61 74 65 73 74 20 63 oad the latest c
0990: 6f 64 65 20 61 73 20 61 20 74 61 72 62 61 6c 6c ode as a tarball
09a0: 3a 20 5b 68 74 74 70 73 3a 2f 2f 70 69 7a 7a 61 : [https://pizza
09b0: 68 61 63 6b 2e 65 75 2f 66 6f 73 73 69 6c 2f 6d hack.eu/fossil/m
09c0: 69 6f 67 75 69 2f 74 61 72 62 61 6c 6c 2f 6d 69 iogui/tarball/mi
09d0: 6f 67 75 69 2d 6c 61 74 65 73 74 2e 74 61 72 2e ogui-latest.tar.
09e0: 67 7a 7c 6d 69 6f 67 75 69 2d 6c 61 74 65 73 74 gz|miogui-latest
09f0: 2e 74 61 72 2e 67 7a 5d 0d 0a 0d 0a 52 65 6d 65 .tar.gz]....Reme
0a00: 6d 62 65 72 20 74 6f 20 73 65 74 75 70 20 74 68 mber to setup th
0a10: 75 6e 64 65 72 63 68 65 7a 20 70 72 6f 70 65 72 underchez proper
0a20: 6c 79 2e 0d 0a 0d 0a 54 68 65 6e 20 72 75 6e 3a ly.....Then run:
0a30: 0d 0a 3c 76 65 72 62 61 74 69 6d 3e 0d 0a 23 20 ..<verbatim>..#
0a40: 49 20 72 65 63 6f 6d 6d 65 6e 64 20 74 68 69 73 I recommend this
0a50: 20 6c 69 6d 69 74 20 73 65 74 74 69 6e 67 20 62 limit setting b
0a60: 65 63 61 75 73 65 20 6f 75 72 20 73 6f 66 77 61 ecause our sofwa
0a70: 72 65 20 69 73 20 61 6c 70 68 61 2e 20 49 66 20 re is alpha. If
0a80: 79 6f 75 20 72 75 6e 20 69 6e 74 6f 20 61 20 6e you run into a n
0a90: 6f 6e 2d 74 61 69 6c 20 72 65 63 75 72 73 69 6f on-tail recursio
0aa0: 6e 20 79 6f 75 20 63 61 6e 20 6c 6f 63 6b 20 79 n you can lock y
0ab0: 6f 75 72 20 73 79 73 74 65 6d 20 3a 29 0d 0a 75 our system :)..u
0ac0: 6c 69 6d 69 74 20 2d 53 76 20 31 30 30 30 30 30 limit -Sv 100000
0ad0: 30 0d 0a 73 63 68 65 6d 65 20 64 65 6d 6f 73 2f 0..scheme demos/
0ae0: 64 65 6d 6f 31 2e 73 73 0d 0a 23 20 6f 72 0d 0a demo1.ss..# or..
0af0: 73 63 68 65 6d 65 20 64 65 6d 6f 73 2f 64 65 6d scheme demos/dem
0b00: 6f 32 2e 73 73 0d 0a 2e 2e 2e 0d 0a 3c 2f 76 65 o2.ss.......</ve
0b10: 72 62 61 74 69 6d 3e 0d 0a 0d 0a 4e 6f 77 20 73 rbatim>....Now s
0b20: 77 69 74 63 68 20 74 6f 20 6f 74 68 65 72 20 63 witch to other c
0b30: 6f 6e 73 6f 6c 65 20 61 6e 64 20 74 79 70 65 0d onsole and type.
0b40: 0a 3c 76 65 72 62 61 74 69 6d 3e 0d 0a 2f 70 61 .<verbatim>../pa
0b50: 74 68 2f 74 6f 2f 74 68 75 6e 64 65 72 63 68 65 th/to/thunderche
0b60: 7a 2f 6e 61 6e 6f 6d 73 67 2f 72 65 6d 6f 74 65 z/nanomsg/remote
0b70: 2d 72 65 70 6c 20 74 63 70 3a 2f 2f 6c 6f 63 61 -repl tcp://loca
0b80: 6c 68 6f 73 74 3a 39 39 39 38 0d 0a 3c 2f 76 65 lhost:9998..</ve
0b90: 72 62 61 74 69 6d 3e 0d 0a 46 72 6f 6d 20 74 68 rbatim>..From th
0ba0: 65 72 65 20 79 6f 75 20 63 61 6e 20 6d 6f 64 69 ere you can modi
0bb0: 66 79 20 74 68 65 20 63 6f 64 65 2e 0d 0a 59 6f fy the code...Yo
0bc0: 75 20 69 64 65 61 6c 6c 79 20 77 61 6e 74 20 74 u ideally want t
0bd0: 6f 20 72 75 6e 20 74 68 61 74 20 66 72 6f 6d 20 o run that from
0be0: 69 6e 73 69 64 65 20 65 6d 61 63 73 20 4d 2d 78 inside emacs M-x
0bf0: 20 72 75 6e 2d 73 63 68 65 6d 65 3c 2f 65 6d 3e run-scheme</em>
0c00: 20 61 6e 64 20 73 65 6e 64 20 63 6f 64 65 20 77 and send code w
0c10: 69 74 68 20 43 2d 78 20 43 2d 65 20 6f 72 20 43 ith C-x C-e or C
0c20: 2d 63 20 43 2d 65 0d 0a 0d 0a 54 6f 20 66 6f 6c -c C-e....To fol
0c30: 6c 6f 77 20 6e 65 77 73 20 73 75 62 73 63 72 69 low news subscri
0c40: 62 65 20 74 6f 20 5b 68 74 74 70 73 3a 2f 2f 70 be to [https://p
0c50: 69 7a 7a 61 68 61 63 6b 2e 65 75 2f 66 6f 73 73 izzahack.eu/foss
0c60: 69 6c 2f 6d 69 6f 67 75 69 2f 74 69 6d 65 6c 69 il/miogui/timeli
0c70: 6e 65 2e 72 73 73 7c 52 53 53 20 66 65 65 64 5d ne.rss|RSS feed]
0c80: 0a 5a 20 30 63 38 35 64 64 37 66 37 36 34 37 32 .Z 0c85dd7f76472
0c90: 32 31 64 33 65 31 64 38 64 63 33 30 38 65 65 38 21d3e1d8dc308ee8
0ca0: 38 30 35 0a 805.