HTML5 Experiments

[8.0.2] ➤ Terminal Zero (LC "shell")
terminalZero@hyperhh
A primitive "shell" to the LC HTML5-engine (already a good calculator)
[8.0.2] ➤ WakeUp Neo
neo@hyperhh
Displays the internet date and the standard out of 'gotyou Neo'
[8.0.2] ➤ 'Mr. Polygony' (for age 8-88)
polygonies@hyperhh
Set colours, drag, move and
simple-animate 'Mr. Polygony'
[8.0.2] ➤ SmoothDraw / KrikelKrakel
smoothDraw@hyperhh
Draw polygons and edit their vertices. Optional smoothing (still slow!!)
[8.0.2] ➤ Sunday Game Nb 1
sundayGameNb1@hyperhh
Try to fit both centroid and area of a (simple) polygon to target values
[8.0.2] ➤ Sunday Game Nb 2
sundayGameNb2@hyperhh
Guess one to four places of a random sort of four symbols (or numbers)
[8.0.2] ➤ Sunday Game Nb 3
sundayGameNb3@hyperhh
Lucky Wheel or 'Who makes the tea?'
(Who of the LC-staff ...)
[8.0.2] ➤ Sunday Game Nb 4
bezierFlyer@hyperhh
A flyer (along a bezier curve) targets at random one of 9 points, guess it!
[8.0.2] ➤ Sunday Game Nb 5
digitsRace@hyperhh
Bet which digit wins the frequency race in N digits of Pi, Sqrt(2) or Exp(1)
[8.0.2] ➤ Sunday Game Nb 6
digitsRace@hyperhh
Use all of a given 'systematic' subset of 24bit RGB colors to create a picture
[8.0.2] ➤ Three-Months Calendar
calendar-3M@hyperhh
Choose month and year (hold mouse down for fast switching)
[8.0.2] ➤ Alice on MacPlusPlus
Mac++@hyperhh
Automatic scroll (click black oval). Enlarges height to MacPlusPlus
[8.0.2] ➤ Hex ColorPicker
hexColors@hyperhh
Choose from picker for selected objects (= highlighting polygons)
[8.0.2] ➤ Navigation &'GraphicBtns'
navi+Btns@hyperhh
Card navigation. Edit text of objects (= highlighting polygons)
[8.0.2] ➤ 'Copy-Files'-Test
copyFiles@hyperhh
 
Test for the standalone's filesystem
[8.0.2] ➤ 'Copy/Paste Text'-Test
copyPaste@hyperhh
A primitive method to access the
plain-text-clipboard
[8.0.2] ➤ CountDown for Geeks
cdfGeek@hyperhh
Strokes the vector path using percents of gone to total time
[8.0.2] ➤ ClockAround
clockAround@hyperhh
PolarClock or analogueClock with hands (set options by rightClick)
[8.0.2] ➤ DrawTime by Polygons
drawTime@hyperhh
Polygons of time (Btn at topLeft: count down to midnight, at botLeft: date)
[8.0.2] ➤ Bezier-Clock
bezierClock@hyperhh
A version of the 'bezierClock' (curves are minute-hour and minute-second)
[8.0.2] ➤ Asian Rods Clock
asianRods@hyperhh
Shows date and time using an ingenious asian counting method
[8.0.2] ➤ Time flows (SinusClock)
sinusClock@hyperhh
Time flows: A 'sinusClock' for nerds: centered at high noon or midnight
[8.0.2] ➤ MAC address (HexClock)
MACaddressClock@hyperhh
MAC address: A 'hexClock' for admins. Format = YY:MM:DD:hh:mm:ss
[8.0.2] ➤ NixieClock (50 years later)
nixieClock@hyperhh
A classic 'nixieClock' for Oldies. Format = DD:MM:YY or hh:mm:ss
[8.0.2] ➤ DiceClock
diceClock@hyperhh
A 24-hours clock of dice-coded decimals (hh:mm:ss).
[8.0.2] ➤ Broken OctoClock
diceClock@hyperhh
A seven segment display of octo-coded decimals, emulates a broken clock ;-)
[8.0.2] ➤ ASCII-Art-Font-Clock
asciiFontClock@hyperhh
Displays 24-hours time or date in 'retro' ASCII art text style
[8.0.2] ➤ Piet-Mondriaan-Clock
mondriaanClock@hyperhh
Displays 24-hours time or date (sometimes) in golden ratios
[8.0.2] ➤ Paul-Klee-Clock (HUGE file)
kleeClock@hyperhh
Displays 24-hours time or date with segments filled after Paul Klee
[8.0.2] ➤ AbacusClock
abacusClock@hyperhh
Displays 24-hours time or date with an abacus (Suan Pan)
[8.0.2] ➤ GeekTime-Clock
geekTime@hyperhh
Displays 24-hours time or date normal or flipped or flopped or both [Help]
[8.0.2] ➤ OffsetClock (Pi digits)
offsetClock@hyperhh
Shows foundLocs of date chunks in the digits of Pi, Exp(1) and Sqrt(2)
[8.0.2] ➤ Rough TextClock (qlockTwo)
qlockTwo@hyperhh
Displays every 5 minutes time as text
(like original by Biegert&Funk)
[8.0.2] ➤ Magic Square Clock
magicSquareClock@hyperhh
Time/Date display in three magic squares (magic sum 38)
[8.0.2] ➤ Magic Hexagon Clock
magicHexagonClock@hyperhh
Time/Date display in three magic hexagons (magic sum 30)
[8.0.2] ➤ YinYang Clock
YinYangClock@hyperhh
Time display by three rotating YinYangs (red, yellow and blue versus black)
[8.0.2] ➤ YinYang 24-hours Clock
YinYang24@hyperhh
YinYang clock, noon at top (Feng Shui coloured, here 05:15 in the morning)
[8.0.2] ➤ Pixels Clock
pixelsClock@hyperhh
Time display by coloured pixels (each one is a second of current internet day)
[8.0.2] ➤ Number base clock
pixelsClock@hyperhh
Clock uses a base between 2 and 60. Easy to read 'two-row-symbols'.
[8.0.2] ➤ CountUpOrDown
countUpOrDown@hyperhh
Count Up from a past date or
Count Down to a future date
[8.0.2] ➤ PowerOfTwo Clock
powerOfTwoClock@hyperhh
Date and Time digits coded in powers of two (and displayed in any base 2-60)
[8.0.2] ➤ Progress Polygon
freeCurveProgress@hyperhh
Progress along a (percentaged) path given by an editable polygon
[8.0.2] ➤ hhProgress_1
regularProgress@hyperhh
Progress along a (percentaged) path given by a closed editable polygon
[8.0.2] ➤ hhProgress_2
bezierProgress@hyperhh
Progress along a (percentaged) path given by a bezier curve of order 1-9
[8.0.2] ➤ hhProgress_3
relationsProgress@hyperhh
Progress along a (percentaged) path given by editable 2D-relations
[8.0.2] ➤ Three simple Gears
gears@hyperhh
Three adjustable (simple) gears [polygons of a 'math prototype']
[8.0.2] ➤ GifCinema1 (scripted by LC)
gifUtility@hyperhh
[HUGE] Displays and repeats (attached) GIFS at different speed by script
[8.0.2] ➤ GifCinema2 (scripted by LC)
gifCinema@hyperhh
[HUGE] Displays a movie teaser and visualizes 4'33" by John Cage
[8.0.2] ➤ Mathy Beauties 1 (RYB)
mathBeauties@hyperhh
Animations in red, yellow and blue. Interactive choice of parameters
[8.0.2] ➤ Mathy Beauties 2 (Neon)
mathBeauties@hyperhh
Animations in neon along closed curves. Choose several parameters
[8.0.2] ➤ Image Rotation XY
rotateImageXY@hyperhh
Simple (non-perspective) 3D rotation around fixed x- or y-axis
[8.0.2] ➤ WireFrame Fonts
wireFrameFonts@hyperhh
Tracing of text (HUGE): contour,
horizontal, vertical, gutter or points
[8.0.2] ➤ LCD Scroller
LCDscroller@hyperhh
Displaying text by polygons
in a 'LCD'-display
[9.0.0dp4] ➤ JS basic test
doAsJavaScriptTest@hyperhh
DoAsJavaScript-Test
(Basic local data transfer)
[9.0.0dp4] ➤ EasyCrop
easyCrop@hyperhh
BezierCurve tool and Polygon tool
for cropping unusual shapes
[9.0.0dp4] ➤ LCImageToolbox
imageToolbox@hyperhh
Toolbox for basic image processing
(uses canvas2d in the webpage)
[9.0.0dp4] ➤ SVGtoPNG
svg2png@hyperhh
Best with Chrome and Opera, a
few issues with Firefox and Safari.
[9.0.0dp7] ➤ Test FetchURL
svg2png@hyperhh
Loads images from an URL
that is on the same domain.
[9.0.0dp9] ➤ Regular Star Polygons
regularstarpolygon@hyperhh
Another beauty of math
See info from Wikipedia
[9.0.0dp9] ➤ Oriented Text
orientedText@hyperhh
   Set text, textFont, textSize and colors
(LCB widget test)
[9.0.2] ➤ FrameTalkHTML5
frameTalk@hyperhh
Send messages between standalones
(one frameset from different servers)
[9.0.2] ➤ JigsawPuzzle2d-video
jigsawPuzzle2d@hyperhh
Play jigsawPuzzle with images
(also imported ones) or video
[9.0.2] ➤ Video-Fun2
video-fun@hyperhh
Video post processing
(uses canvas2d in the webpage)
[9.5.0] ➤ hhTestInStandalone
testInStandalone@hyperhh
  Test LC snippets with the HTML5engine
  (use also system clipboard for in/out)
[9.5.0] ➤ QRcode Clock
QRclock@hyperhh
  Shows the QR code of the internet date
  (overlayed by an analogue clock)
[9.5.0] ➤ Read/Write File
TestReadWrite@hyperhh
  Shows how to read and write local files
  (especially text and image files)
[9.5.0] ➤ Native HTML5Field
nativeHTML5Field@hyperhh
  [v106] Uses two native HTML5 fields,
 has full UTF-8 keyboard support.
[9.5.0] ➤ MultiWindows v156  new 
multiWindows@hyperhh
  Move and resize multiple windows
 (and initial focus in fields)
[9.5.0] ➤ GoStackURL v156  new 
goStackURL@hyperhh
  Do 'go stack URL' — uses SOP
 (based on MultiWindows)

Rows or columns contain the compact index. You may set modules from that (to have multiple modules running 'in sync' in one page).


 ➤ CLUSTER of 6 modules...!

 ➤ 3 rows of UNSET modules

 ➤ 2 rows of UNSET modules

 ➤ 2 cols of UNSET modules

See great examples by other LiveCode community members.

[See also] ➤ Richard's WebApps

[See also] ➤ Bernd's "little webapps"

[See also] ➤ More (Community)Tests


 ➤ LiveCode    ➤ LC Forum: HTML5