Successful test
Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller, robinmiller
-
- Livecode Opensource Backer
- Posts: 1336
- Joined: Sun Jul 12, 2009 10:53 am
- Location: Bordeaux, France
Re: Successful test
Hi Hermann..
You are quite right... The stack I sent does not run.. So, I got out the original stack that I tried earlier this morning, opened it in LC8(dp11) and then made an HTML5 standalone from that... It runs, along with the stutter..
El Capitan 10.11.1, liveCode 8(dp11) community
I have attached the stack..
You are quite right... The stack I sent does not run.. So, I got out the original stack that I tried earlier this morning, opened it in LC8(dp11) and then made an HTML5 standalone from that... It runs, along with the stutter..
El Capitan 10.11.1, liveCode 8(dp11) community
I have attached the stack..
- Attachments
-
- Link4 V2.rev.zip
- (191.46 KiB) Downloaded 451 times
-
- Livecode Opensource Backer
- Posts: 1336
- Joined: Sun Jul 12, 2009 10:53 am
- Location: Bordeaux, France
Re: Successful test
If you wish !... I will try and find some time and look at the scripts, to see if it can be improved...Shall I host the standalone of you stack with my collection?
-
- VIP Livecode Opensource Backer
- Posts: 2262
- Joined: Thu Feb 28, 2013 11:52 pm
- Location: Göttingen, DE
Re: Successful test
We will wait, also for your next highlights.
Until that we can try John's "Link 4" HERE (extern server) or from the overview of the 'community-page' of my experiments collection.
Until that we can try John's "Link 4" HERE (extern server) or from the overview of the 'community-page' of my experiments collection.
dixie wrote:If you try it... 'click' on the logo in the bottom left of the stack to start a new game.
shiftLock happens
Re: Successful test
Hi Hermann,
Are you experiencing the bugs in Commercial or Community edition of DP 11?
When I made the changes for making "wait" work, I accidentally broke Commercial edition for HTML5 -- but Community edition should work just as well or even better than DP 10.
Are you experiencing the bugs in Commercial or Community edition of DP 11?
When I made the changes for making "wait" work, I accidentally broke Commercial edition for HTML5 -- but Community edition should work just as well or even better than DP 10.
LiveCode Open Source Team — @PeterTBBrett — peter.brett@livecode.com
Re: Successful test
Argh. So, this is the fundamental trade-off. The changes made in 8.0.0-dp-11 in order to enable "wait" to work were to make much more of the engine be run using a special JavaScript-like byte code that, unlike "proper" JavaScript, can be paused and resumed. Unfortunately, this byte code is also much slower to run. So, "wait" works now, but the engine is slower.[-hh] wrote:Now all my dp-9 examples run also in community-dp-11. I will update soon all that don't "slow down".
"Slow down" is an issue that arose with 'animating' in dp-11, the amount is at about the same as the speed amount lost from LC 6 to LC 7:
In HTML5 standalones the animation by 'move' isn't smooth any more, changed to kind of "stuttering", looks like screen update frequency is changed to 10-15% of the previous. [Edit: Reported for that (QC #16619)].
A good example for that is the HTML5 demo of the game "Link 4" (by 'Dixie', animation is 'soft-smooth' in the IDE), see here. He uses to 'set the movespeed', followed by a plain 'move' and closing with some 'wait' interval. I use always 'move <in time>'.
What's really necessary is to basically rewrite the whole way that LiveCode script evaluation works, so that the whole engine can be run as native JavaScript. Unfortunately, I cannot do that before 8.0.0 release (actually, I would be surprised if I can have the resources to do it before LiveCode 9 is released, even though it would be a very big improvement on all platforms, not just HTML5!)
I think it will be necessary to have the slower engine for LiveCode 8.0.0, because otherwise I cannot make the "URL" syntax work.
The Indy and Business updates will be in LiveCode 8.0.0-dp-12, which I think is expected to be built today.[-hh] wrote:p.s. Will you update the Indy version of 8.0.0-dp11?
LiveCode Open Source Team — @PeterTBBrett — peter.brett@livecode.com
-
- VIP Livecode Opensource Backer
- Posts: 2262
- Joined: Thu Feb 28, 2013 11:52 pm
- Location: Göttingen, DE
Re: Successful test
Tested now all my examples above and some of others with dp11-dp13, everybody can replicate this by himself with the downloadable stacks.
This is just to inform you about the result.
That is:
Who is speaking about milliseconds on such a machine speaks about tenths of seconds on the fastest available browser, cross-OS and cross-Browser problems not included.
Nevertheless, Peter and the team:
Thanks for your work in 2015 and have nice holidays until 2016.
I hope you'll find enough time to work on this next year.
This is just to inform you about the result.
- The 'slowdown' is so extreme that even medium slow typing in a text field 'stutters'.
- 'Move' and 'grab' work but unregularly at *very* low speed.
I measured a factor of 10-40 of increase in needed time compared to dp9 (which is at about at RaspberryPi B speed -- 700 MHz). - Sliders work close to a fly-by-night.
That is:
Who is speaking about milliseconds on such a machine speaks about tenths of seconds on the fastest available browser, cross-OS and cross-Browser problems not included.
Nevertheless, Peter and the team:
Thanks for your work in 2015 and have nice holidays until 2016.
I hope you'll find enough time to work on this next year.
Last edited by [-hh] on Thu Jan 14, 2016 2:57 am, edited 1 time in total.
shiftLock happens
Re: Successful test
I'm pretty sure I didn't promise that?![-hh] wrote:We were promised, that at latest the golden-master-version 8.0.0-gm is fast enough to blow up our kilts (the ones we bought in Edinburgh).
I'll do my best though.
LiveCode Open Source Team — @PeterTBBrett — peter.brett@livecode.com
-
- VIP Livecode Opensource Backer
- Posts: 2262
- Joined: Thu Feb 28, 2013 11:52 pm
- Location: Göttingen, DE
Re: Successful test
Whoever wishes to try standalone examples may have a look
HERE or (same content, different server) HERE.
More testing by community members.
Richard's WebApps
Malte's AE first-test
Bernd's "little webapps"
Dixie's examples
With CountUpOrDown (default target date is Aug 2, 2016, 08:42), watch especially the
loading animation: LiveCode logo showing progress percentage!
Currently, using LC 8.0.0-dp15 for generating the standalones,
we have with most animations the following running speed.
LC IDE = 1 time unit (=U) as base and fastest:
Firefox 2 U, Safari 4 U, Chrome 7 U, Opera 8 U.
The loading speed of the HTML standalones is the same ranking from fastest (left) to slowest (right), but samller differences.
The 'slower' browsers have other display advantages than speed, giving different comparison order.
HERE or (same content, different server) HERE.
More testing by community members.
Richard's WebApps
Malte's AE first-test
Bernd's "little webapps"
Dixie's examples
With CountUpOrDown (default target date is Aug 2, 2016, 08:42), watch especially the
loading animation: LiveCode logo showing progress percentage!
Currently, using LC 8.0.0-dp15 for generating the standalones,
we have with most animations the following running speed.
LC IDE = 1 time unit (=U) as base and fastest:
Firefox 2 U, Safari 4 U, Chrome 7 U, Opera 8 U.
The loading speed of the HTML standalones is the same ranking from fastest (left) to slowest (right), but samller differences.
The 'slower' browsers have other display advantages than speed, giving different comparison order.
shiftLock happens
-
- VIP Livecode Opensource Backer
- Posts: 2262
- Joined: Thu Feb 28, 2013 11:52 pm
- Location: Göttingen, DE
Re: Successful test
COMMUNITY INFO
My input stacks for the HTML5 standalones (made with a commercial license) are freely available for the community. The scripts are not password protected.
You can use it or parts of it freely if and only if for **non-commercial** projects.
When using special 'signed' script parts or groups like my colour choosers, you could cite me: "LC community member [-hh]" is OK for that.
Where to get? Simply replace "X.html" (or* "hhX.html", see the url) by ".zip". Have fun!
Actual Overview HERE or HERE.
____
* "hhX.html" is used as ending whenever the webpage loads also (needed) js-files.
Hermann
p.s. Note. Most of these stacks are simplified versions of stacks of the "RaspberryPi stacks collection" (simplified to have them running with the HTML5-alpha versions).
My input stacks for the HTML5 standalones (made with a commercial license) are freely available for the community. The scripts are not password protected.
You can use it or parts of it freely if and only if for **non-commercial** projects.
When using special 'signed' script parts or groups like my colour choosers, you could cite me: "LC community member [-hh]" is OK for that.
Where to get? Simply replace "X.html" (or* "hhX.html", see the url) by ".zip". Have fun!
Actual Overview HERE or HERE.
____
* "hhX.html" is used as ending whenever the webpage loads also (needed) js-files.
Hermann
p.s. Note. Most of these stacks are simplified versions of stacks of the "RaspberryPi stacks collection" (simplified to have them running with the HTML5-alpha versions).
Last edited by [-hh] on Thu Jun 08, 2017 5:47 pm, edited 1 time in total.
shiftLock happens
-
- VIP Livecode Opensource Backer
- Posts: 2262
- Joined: Thu Feb 28, 2013 11:52 pm
- Location: Göttingen, DE
Re: Successful test
Newest Mathy Beauties:
Mathy Beauties 2 (Neon) --- Animations of "balls" (circle graphics) along closed curves.
Several parameters (curve, size, speed, numOfBalls) may be set.
You may have to adjust things depending on your CPU speed and web browser.
Look at it frome here (EU) or from here (US).
This is my first test with the new LC 8.0.0 stable release. It works pretty good (as nothing essential has changed since dp-15).
[The animation there is always 'in sync' of every 2 ticks (='best' browser refresh rate). "Speed" comes from selecting less than every single vertix of the closed curve the points move along.]
_________
* on-rev.com serves now from North-East US.
Mathy Beauties 2 (Neon) --- Animations of "balls" (circle graphics) along closed curves.
Several parameters (curve, size, speed, numOfBalls) may be set.
You may have to adjust things depending on your CPU speed and web browser.
Look at it frome here (EU) or from here (US).
This is my first test with the new LC 8.0.0 stable release. It works pretty good (as nothing essential has changed since dp-15).
[The animation there is always 'in sync' of every 2 ticks (='best' browser refresh rate). "Speed" comes from selecting less than every single vertix of the closed curve the points move along.]
_________
* on-rev.com serves now from North-East US.
Last edited by [-hh] on Mon May 23, 2016 11:13 pm, edited 1 time in total.
shiftLock happens
-
- Livecode Opensource Backer
- Posts: 1336
- Joined: Sun Jul 12, 2009 10:53 am
- Location: Bordeaux, France
Re: Successful test
Herman... that is excellent !...
-
- VIP Livecode Opensource Backer
- Posts: 2262
- Joined: Thu Feb 28, 2013 11:52 pm
- Location: Göttingen, DE
Re: Successful test
[Since John certainly doesn't like every HTML5-modul I make, I have to start a new post. Thanks John, for the flowers.]
Powers-Of-Two Clock as HTML5 demo.
This is perhaps one of the most complicated 'mathy' clocks I made and at the same time one of the simplest, so this needs some explanation.
For the clock's display the date and time's *single* digits are first coded into powers of two. That is: 18 is coded into 2^1 and 2^8, 27 into 2^2 and 2^7 and so on.
Now we use any number base out of 2-60 for the display of these numbers.
That is, if we use base 10:
18 -> (2^1 and 2^8) -> (2 and 256)
27 -> (2^2 and 2^7) -> (4 and 128)
so that 18:27 -> (2 256) : (4 128) ... (read the 'and' as space).
For any other number base out of 2-60 we simply encode these last decimal numbers into that base.
For example, if we use base 9:
18 -> (2^1 and 2^8) -> (2 and 256 -> (2 and 314) (= 3*9^2 + 1*9^1 + 4)
27 -> (2^2 and 2^7) -> (4 and 128 -> (4 and 152) (= 1*9^2 + 5*9^1 + 2)
Vice versa, when reading the display, we take for simplicity base 10 as intermediate.
First we convert the number to base 10 and take then the log2 to have the original digit, for example (read 'space' for 'and'):
(4 and 152) at base 9 -> (4 and 128) at base 10 -> ( log2(4) and log2(128)) = (2 and 7) = 27.
Sounds complicated, but it's not:
Take as base b=2. Then watch the display and tell the time. Yes you read from PowerOfTwo-coded-decimals displayed at base 2. Be sure, you can read the clock display at once! This base choice gives one of the simplest clock displays I ever made.
("It's funny", said my little nephew, "zero zeroes means zero!")
Look at it frome here (EU) or from here (US).
Powers-Of-Two Clock as HTML5 demo.
This is perhaps one of the most complicated 'mathy' clocks I made and at the same time one of the simplest, so this needs some explanation.
For the clock's display the date and time's *single* digits are first coded into powers of two. That is: 18 is coded into 2^1 and 2^8, 27 into 2^2 and 2^7 and so on.
Now we use any number base out of 2-60 for the display of these numbers.
That is, if we use base 10:
18 -> (2^1 and 2^8) -> (2 and 256)
27 -> (2^2 and 2^7) -> (4 and 128)
so that 18:27 -> (2 256) : (4 128) ... (read the 'and' as space).
For any other number base out of 2-60 we simply encode these last decimal numbers into that base.
For example, if we use base 9:
18 -> (2^1 and 2^8) -> (2 and 256 -> (2 and 314) (= 3*9^2 + 1*9^1 + 4)
27 -> (2^2 and 2^7) -> (4 and 128 -> (4 and 152) (= 1*9^2 + 5*9^1 + 2)
Vice versa, when reading the display, we take for simplicity base 10 as intermediate.
First we convert the number to base 10 and take then the log2 to have the original digit, for example (read 'space' for 'and'):
(4 and 152) at base 9 -> (4 and 128) at base 10 -> ( log2(4) and log2(128)) = (2 and 7) = 27.
Sounds complicated, but it's not:
Take as base b=2. Then watch the display and tell the time. Yes you read from PowerOfTwo-coded-decimals displayed at base 2. Be sure, you can read the clock display at once! This base choice gives one of the simplest clock displays I ever made.
("It's funny", said my little nephew, "zero zeroes means zero!")
Look at it frome here (EU) or from here (US).
shiftLock happens
-
- VIP Livecode Opensource Backer
- Posts: 2262
- Joined: Thu Feb 28, 2013 11:52 pm
- Location: Göttingen, DE
Re: Successful test
Wireframe Fonts
Tracing of text: contour, horizontal, vertical, gutter or points.
This is a 'byproduct' of the preparation of my talk in August (Edinburgh).
Just noticed some nice effects we can have using LC's display options for polygons.
Look at it from here (EU) or from here* (US).
Note.
If you want to have this fast (10-15 times faster) or use your own fonts as 'base' then you may use the IDE version with LC 6, available in the RasperryPi stacks collection.
_________
* on-rev.com serves now from North-East US.
Tracing of text: contour, horizontal, vertical, gutter or points.
This is a 'byproduct' of the preparation of my talk in August (Edinburgh).
Just noticed some nice effects we can have using LC's display options for polygons.
Look at it from here (EU) or from here* (US).
Note.
If you want to have this fast (10-15 times faster) or use your own fonts as 'base' then you may use the IDE version with LC 6, available in the RasperryPi stacks collection.
_________
* on-rev.com serves now from North-East US.
shiftLock happens
-
- VIP Livecode Opensource Backer
- Posts: 2262
- Joined: Thu Feb 28, 2013 11:52 pm
- Location: Göttingen, DE
Re: Successful test
LCD Scroller
(Creating and serving a HTML5 standalone)
The PDF (the 'slides') of my talk at the LC conference, Edinburgh 2016.
The resulting standalone may be viewed here (EU) or here (US).
Note.
If you want to have this fast (2-10 times faster) then you may use the IDE version with LC 6, (soon) available in the RasperryPi stacks collection.
(Creating and serving a HTML5 standalone)
The PDF (the 'slides') of my talk at the LC conference, Edinburgh 2016.
The resulting standalone may be viewed here (EU) or here (US).
Note.
If you want to have this fast (2-10 times faster) then you may use the IDE version with LC 6, (soon) available in the RasperryPi stacks collection.
- Attachments
-
- The "LCD" display: Two polygons, one for 'text', one for the 'background'.
- 2016.png (3.64 KiB) Viewed 17365 times
shiftLock happens
-
- Posts: 20
- Joined: Sun Apr 14, 2013 6:38 pm
- Contact:
Re: Successful test
Beautiful work Hermann! Thank you for this stack and your talk at LiveCode 2016!
Rich Herz
LiveCode work at ReactorLab.net
LiveCode work at ReactorLab.net