typewriter effect

Tuur · October 30, 2015 at 4:29 PM

Hi,

i was doing some research and made this small typewriter effect.
Just put this code in your xml and call Typewriter('yourtext',the-name-of-the-layer-where-you-want-to-show-it);
Like : TypeWriter('Hello World', txtfield2);

Code

<tw speed="0.08" /> 


<action name="TypeWriter">
	set(t, 0);
	set(twt, %1); 
	set(twl, %2); 
	set(l, get(twt.length));
	delayedcall(0, DoTypeWriter());
</action>


<action name="DoTypeWriter">
	subtxt(tws, get(twt), get(t), 1);
	txtadd(tot, get(layer[get(twl)].html), get(tws));
	set(layer[get(twl)].html, get(tot));
	inc(t);
	if(t LT l, delayedcall(get(tw.speed), DoTypeWriter()); );
</action>

Display More

example http://www.virtualtuur.com/krpano/typewriter/1/index.html

small question: When i want to use the 'calc' in this line: set(layer[get(twl)].html, get(tot)); it makes 0's (zero's) of the spaces or so..as you can see here: http://www.virtualtuur.com/krpano/typewriter/2/index.html
is there a work around for that?

Have fun!
Tuur

martyhr · October 30, 2015 at 7:25 PM

HI TUUR,
THIS IS NICE.
THANKS FOR YOUR PIECE OF CODE

http://www.virtualczech.cz/klasterck/

Sergey74 · October 30, 2015 at 8:01 PM

Excellent, it can be useful!

Alexey Tkachenko · October 30, 2015 at 8:46 PM

Wow! Cool stuff, Tuur!

Alexey Tkachenko · November 2, 2015 at 7:56 AM

One improvement here)

The action didn't work with commas inside the target text (e.g. 'Hello, world!' didn't work). I found that the comma was the reason. Then I traced all inside the 'TypeWriter' action and found the way to fix it: replace the line

Code

set(twt, %1);

to

Code

set(twt, '%1');

(apostrophes added to parameter), and it works also with commas.

Tuur · November 2, 2015 at 12:07 PM

Hi,

Yes, you can do that of course, but it really depends how you want to use it i think..
edit: after some testing i think you are right. I had it in the first place but took it out later.

i made small hotspot example.
http://www.virtualtuur.com/krpano/typewri…spot/index.html

Tuur

Destiny · November 10, 2015 at 1:11 AM

I like that Tuur... How did you attach the text to a hotspot..

Destiny..

Tuur · November 10, 2015 at 9:08 AM

Here is the url to the xml
http://www.virtualtuur.com/krpano/typewriter/hotspot/tour.xml

Just a quick test.

Hope it helps,
Tuur

Destiny · November 10, 2015 at 11:40 AM

Hi..

Tests are all I ever do.. :) Painful when they do not work.. :( Great when they do.. :)

I tested out some special effect text a couple of years ago but put it on the shelf until I see your post which has made me look at it again..

I got this far... A bit different to yours in many ways..

What I really wanted to do is add it directly to the hotspot but I could not work it out..

http://www.destinyvirtualtours.com/PTPAnimatedText/AnimatedText.html

I need some sleep right now but I will get back to this later..

Thank you...

Destiny..

Tuur · November 11, 2015 at 1:06 PM

Hi,

also interesting

Tuur

Destiny · November 11, 2015 at 9:20 PM

The code is available from Github.. Free.. I will try to find the link for you... Its been a while since I downloaded it..

Destiny...

Code

[quote='Tuur','index.php?page=Thread&postID=62946#post62946']Hi,


also interesting ;-)


Tuur *thumbsup*[/quote]

Destiny · November 13, 2015 at 9:32 PM

Here you are Tuur...

https://jschr.github.io/textillate/

Have fun...

Destiny..

Participate now!