Successful test

Bringing your stacks to the web

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller, robinmiller

bogs
Posts: 5435
Joined: Sat Feb 25, 2017 10:45 pm

Re: Successful test

Post by bogs » Thu Dec 27, 2018 3:21 pm

Huh, I never noticed that before. Why, at that rate, I should catch up to Klaus around the next millenia :twisted:
Image

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 2262
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Successful test

Post by [-hh] » Thu Dec 27, 2018 3:46 pm

Klaus has currently 10494 posts and a rate of 2.26 posts per day,
you have currently 2446 posts and a rate of 3.65 posts per day.

So there are in x days approximately
    10494+2.26*x (Klaus) and 2446+3.65*x (bogs).
posts.


Thus x is round((10494-2446)/(3.65-2.26)) = 5790 days when your "post-lines" overcross.

Now

Code: Select all

put the internet date into d
convert d to dateItems
add 5790 to item 3 of d
convert d to internet date
yields Fri, 3 Nov 2034 at current time as the date you and Klaus have approximately the same number of posts (= 23579 posts).
shiftLock happens

bogs
Posts: 5435
Joined: Sat Feb 25, 2017 10:45 pm

Re: Successful test

Post by bogs » Thu Dec 27, 2018 5:47 pm

While the above is true, there is one factor missing from the equation, i.e. Klaus moves up in IDEs as they come out, where as (for now, anyhow) I am unlikely to move past version 7.x for the forseeable future (at least for creating standalones).

The effect this has on decaying my post rate, since most replies I make (aside from friendly ones like these last 4 with people I just enjoy talking to like you) are to assist in problem solving, or are explanatory in nature (linux installs or related, etc), will become greater the farther out from this point we proceed, and has already shown to have had a decaying rate from my previous posting rate some half year ago.

It would be a hard number to quantify (although I suspect you would be able to do it better than I would :wink: ), but it is there nonetheless. Klaus's posting rates after all the time I have looked into (which include the old Mc mailing list, now archived) remain relatively stable, so I could quite possibly require the extra 966 years to catch up (if I make it at all) once that rate of decay becomes a factor and I am reduced to being a 'feeling' on the boards, vaguely felt and barely perceived :mrgreen:

But it should still be a great New Year!
Image

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 2262
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Successful test

Post by [-hh] » Fri Dec 28, 2018 5:39 am

JIGSAW PUZZLE 2d-video v_100

JigsawPuzzle2d-video is a HTML5 standalone that demoes what LC is able to do.
I have seen such "live" computed puzzle pieces until now only in specialized
native apps.

Images.
You can choose a built-in image or import a local one into the standalone.
Moreover choose the base width for the pieces and whether to rotate the
pieces. The base width determines the number of pieces. If for example the
image has size 480x360 then a square width of 60 yields 8x6 = 48 pieces.
As a help you can be notified (the image will be inverted) whenever you are
very close to the correct location.

Videos.
As above but without importing, use one of the nine built-in looping videos.
The segmenting of the video frames is done with canvas methods in javascript.
This will stress your CPU/GPU! It runs at about ten times faster in
the IDE with a browser widget, but sadly this is memory-leaking (5 MBytes
per second). The HTML5 standalone runs at about two times faster in Safari
than Firefox or Chrome/Opera. Reduce the number of pieces if you have less
than 2-3 frames per second.

Technique used: The pieces are live in LC computed polygon graphics of linear
and cubic bezier curves.

They are filled with backpattern-images from portions of the whole imagedata.
Only this last imagedata part is for the videos "outsourced" to javascript.

A pure LC version of the technique used is available: (Sorry, currently not available)
This has images only but is even fast enough for the slowest Raspi.

Test (and download the source and the calling HTML page (contains short but
important javascripts) from
(US) http://hh.on-rev.com/html5/jigsawPuzzle ... .2hhX.html
or
(EU) http://hyperhh.de/html5/jigsawPuzzle2d- ... .2hhX.html

[For the stack source replace "hhX.html" by ".zip" (5.4 MByte)]
Attachments
jigsawPuzzle2d-video.png
A video frame ...
Last edited by [-hh] on Thu Dec 12, 2019 12:20 am, edited 2 times in total.
shiftLock happens

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 2262
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Successful test

Post by [-hh] » Sat Dec 29, 2018 11:43 pm

JIGSAW PUZZLE 2d-video is now updated to v_115
  • v_115: Updated images and a menu script to have the same standard in all jigsaw variants (HTML5, IDE 8/9, IDE 6/7/8/9)
  • v_105/110: Improved speed with videos a little bit.
  • v_105: The width-menu computes now all sizes from 20 up to
    144 that leave either width or height (or both) of the
    image/video unchanged (no cropping).
  • v_105:A video can now be paused while solving the puzzle.
    Then it can be continued with the current piece locations.
    (Of course, when changing piece-size while stopped, any partial solution is lost).
The links are unchanged
(US) http://hh.on-rev.com/html5/jigsawPuzzle ... .2hhX.html
or
(EU) http://hyperhh.de/html5/jigsawPuzzle2d- ... .2hhX.html
shiftLock happens

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 2262
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Successful test

Post by [-hh] » Tue Jan 01, 2019 8:03 pm

Video-Fun is now updated to Video-Fun2_v100.

This is a major update of my HTML5 standalone "Video-Fun".
Finally I got all I wanted to work.

The standalone uses only "atomic" canvas2d methods of JavaScript in the browser, no JS-packages. This is made available by the javascriptHandlers of the HTML5 engine.
Moreover the standalone uses, where they are fast enough in the HTML5 engine, all the well known wonderful LC-techniques (set angle of an image, use an image as backpattern of an editable polygon graphic):

(US) http://hh.on-rev.com/html5/video-funHTML5-9.0.2hhX.html
(EU) http://hyperhh.de/html5/video-funHTML5-9.0.2hhX.html

The source code is, as usual, free for non-commercial use.
(Sadly, my idea of a developer fund died last year).

Happy New Year 2019!
shiftLock happens

bogs
Posts: 5435
Joined: Sat Feb 25, 2017 10:45 pm

Re: Successful test

Post by bogs » Tue Jan 01, 2019 10:02 pm

[-hh] wrote:
Tue Jan 01, 2019 8:03 pm
(Sadly, my idea of a developer fund died last year).
What did I miss? Link?

Happy New Year -hh :D
Image

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 2262
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Successful test

Post by [-hh] » Tue Jan 01, 2019 11:33 pm

Hi Bogs.
What did I miss? Link?
I explained that here:
http://lists.runrev.com/pipermail/use-l ... 50633.html

I wonder why you are not on the list?
http://lists.runrev.com/mailman/listinfo/use-livecode
shiftLock happens

bogs
Posts: 5435
Joined: Sat Feb 25, 2017 10:45 pm

Re: Successful test

Post by bogs » Wed Jan 02, 2019 12:05 am

[-hh] wrote:
Tue Jan 01, 2019 11:33 pm
I wonder why you are not on the list?
Shear laziness on my part, along with having to supply yet another sign in ( I just realized I am up to 3 different logins for Lc already, a new record for me! :shock: )

Maybe I can reduce the list to an rss type thing. Hmmm...

*Edit - Ah, I remember the topic your idea related to. Nice gesture there.
Image

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 2262
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Successful test

Post by [-hh] » Mon Jan 07, 2019 1:53 pm

TestInStandalone v_100

It is meanwhile comfortable to hit simply "Test" when building a standalone from scratch.
But there is nearly no documentation in the dictionary what works (or works not) in HTML5 standalones. That's why I made this tool:

This HTML5 standalone is ready for testing code snippets up to local libraries (script-only stacks).
I use it to isolate critical script parts that run in the IDE but not in the HTML5 engine.

It has a "LC-ScriptEditor" (made in the browser) with a lot of features. Especially it can access the system clipboard for copy and paste and it has code folding, colorising and indenting built-in. And it has undo/redo and find/replace.
  • You can set the script of several buttons (or use these as text containers).
  • You can insert/remove a local LC-library (script only stack) into/from back or front.
  • You can output to two fields and import images in order to work with them.
  • You can insert from a list of all LC commands, constants, functions, messages, operators, others and properties to the current cursor position of the scriptEditor.
  • You can import local images to work with them.
WARNING. Everything is done in RAM only. If you leave the page (not the tab) of the standalone or close the browser window then it's all gone...

Basic usage example.
1. Choose button "TestB" as target.
2. Type (or copy from here and paste) into the scriptEditor:

Code: Select all

on mouseEnter
   put the long time && (the keysDown) && (the shiftKey) into fld "OUT"
end mouseEnter
3. Click "SetScript" (still button "TestB" chosen as target)
4. Enter your mouse to button "TestB"

Then you see ALWAYS in fld "OUT": the time && empty && false,
that is you now know that in HTML5 standalones
= "the time" works,
= "the keysDown" reports always empty, --> missing feature
= "the shiftKey" reports always "up". --> bug

There is large help in the standalone.
The standalone has size 1800x515 and the scriptEditor can (using the escapeKey) toggle fullScreen. And right of 990x515 is only "empty working space", so that you can use the standalone even on a 1024x575 netbook screen.

(US) http://hh.on-rev.com/html5/hhTestInStan ... .2hhX.html
(EU) http://hyperhh.de/html5/hhTestInStandal ... .2hhX.html


Enjoy!
Attachments
testInStandaloneFull.png
Screenshot. Click to enlarge it.
shiftLock happens

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 2262
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Successful test

Post by [-hh] » Thu Aug 15, 2019 4:47 pm

QRcode Clock

Just for fun:

This is a clock that shows every full second the current internet date as QR code and is overlayed by an analogue clock (my "ClockAround widget", see viewtopic.php?p=146898#p146898).

Play with the standalone at
(US) http://hh.on-rev.com/html5/QRclockHTML5-9.5.0hhX.html
(EU) http://hyperhh.de/html5/QRclockHTML5-9.5.0hhX.html
 
Attachments
QRclock.png
QRclock.png (15.32 KiB) Viewed 12070 times
shiftLock happens

bogs
Posts: 5435
Joined: Sat Feb 25, 2017 10:45 pm

Re: Successful test

Post by bogs » Thu Aug 15, 2019 7:29 pm

That is really neat, reminds me of my ring clock experiment.
Image

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 2262
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Successful test

Post by [-hh] » Sat Aug 17, 2019 4:06 pm

TestReadFile (and TestWriteFile) v_100

As downloading the source of HTML5 standalones is currently defunct (you get a file in a binary encoding only), here a stack that shows how to load local files into your standalone.

The file can have any data, we get also the file type when reading.
If the file type is known and we can handle it then the data is put into a container of the standalone by the javascriptHandler of the stack.

Especially

from "text/html" (UTF-8 encoded) into a field
from "image/*" into an image

The javascriptHandler JS is in script of the attached stack.
The triggering button is "ReadFile".

I also added buttons "SaveText" and "SaveImage" that demo how to save from the text field to a local (UTF-8) textfile and from the image to a local image file (.png). When saving the corresponding files are saved to your web-downloads folder.

What you have to do (after changing the stack):

1. Save the stack as HTML5 standalone with LC 8/9.

2. Insert the following lines right before the "</body>" of your custom calling HTML file (or the auto-HTML file generated by LC in the build folder).

Code: Select all

<div style='display:none;'><form>
<input id='inputData' type='file' onchange='readFile()'>
</form> <a id='saveData'></a></div>
<script> function readFile() {
var inputData = document.getElementById('inputData');
var reader=new FileReader(); reader.onload=function() {
document.liveCode.findStackWithName('TestReadFile').
JS(reader.result, inputData.files[0].name); };
reader.readAsDataURL(inputData.files[0]); };
function saveFile(txt,data) {
var saveData = document.getElementById('saveData');
saveData.setAttribute('download',txt);
saveData.setAttribute('href',data); }; </script>
3. Start the standalone from your calling HTML file.

That is: The Test-button of the LC-Toolbar cannot be used for that because the auto-HTML file doesn't contain the above lines.
(Inserting the above lines by javascript doesn't work, at least not for all browsers).

Test the compiled HTML5-standalone "Test Read/Write File" from

(US) http://hh.on-rev.com/html5/index-large.html#as
(EU) http://hyperhh.de/html5/index-large.html#as
 
Attachments
TestReadFile.livecode.zip
The stack is ready for HTML5 building (use "Save as standalone", NOT the Test button).
(3.4 KiB) Downloaded 310 times
TestReadFile.png
(The input char buttons to work around the keyboard bug of the HTML5 standalone builder)
TestReadFile.png (10.32 KiB) Viewed 11996 times
shiftLock happens

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 2262
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Successful test

Post by [-hh] » Sat Aug 31, 2019 3:02 pm

HTML5 MultiWindows (Focus-Move-Resize) v_120 (updated, improved resizing)

The stack shows simple methods how to resize and move a HTML5 standalone in the browser and how to focus a field so that you can start typing at startup without first clicking in a field (focus doesn't work with Firefox which always sets the initial cursor at topleft of the canvas). It has now also three substacks that use the main script.

Moving a main stack window has to be done by JavaScript, the substacks need a LC script as usual. The script is in the main stack script. It is added to your HTML file on openstack, also if you don't use the auto generated file.

Find the source code: (sorry, currently not available)
The stack is ready for compiling: Just download it and hit the Test button of the LC toolbar.

[works best with the auto-generated html file of LC >= 9.0.5. In LC 8.1.10 the test target can not be set.]
 
Test the compiled HTML5-standalone "MultiWindows" from

(US) http://hh.on-rev.com/html5/index-large.html#as
(EU) http://hyperhh.de/html5/index-large.html#as
 
Attachments
multiWindows.png
multiWindows.png (8.84 KiB) Viewed 11778 times
Last edited by [-hh] on Wed Dec 11, 2019 11:43 pm, edited 4 times in total.
shiftLock happens

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 2262
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Successful test

Post by [-hh] » Sat Aug 31, 2019 3:08 pm

HTML5 GoStackURL_v120
(updated, improved resizing and 'add buttons')


This is an extension of HTML5 Multi Windows (Focus-Move-Resize) and adds the feature to load stack windows from a server.
  • Go stack url works from SOP (same origin policy) only if protocol, host and port are the same as the page address. So, if the stacks are on the same server as your standalone you have to prepend the correct protocol (http: or https:). We get the address/protocol using javascript.
  • Then the stack is loaded as substack and Delete/Close-buttons are added. The stack can be moved by grabbing any unused pixel of the card's background. Use btns 'Open/Close' and 'Delete' to close, open or delete any substack. RightClick the Delete/Close buttons to grab them.
Find the source code : (sorry, currently not available)

The stack is close to ready for compiling but NOT from the Test button of the LC toolbar:
You need a (local) server and have to change the url of the stacks in btn "GoStackURL" to such ones that are on the same server (and, of course, run in HTML5).

Test a working compiled HTML5-standalone "GoStackURL" from

(US) http://hh.on-rev.com/html5/index-large.html#as
(EU) http://hyperhh.de/html5/index-large.html#as
 
Attachments
goStackURL.png
goStackURL.png (5.61 KiB) Viewed 11778 times
Last edited by [-hh] on Wed Dec 11, 2019 11:43 pm, edited 5 times in total.
shiftLock happens

Post Reply

Return to “HTML5”