Hi folks,
I am on my way to build a webpage about “media”- a rather vague topic. Somehow I run into a webpage build with “wordpress” and “elegant themes”… Part of this webpage (http://www.planetlyrik.de) is the small window on the right hand sight, second from top. It shows a bunch of words, which seem to “float” around an invisible sphere, getting smaller and fading when the words get in the “back of the screen”, before the seem to float back to the “front” of the screen and become bigger, bold and a 100%opacity…
Has anyone an idea, if and how this could be build in Hype3?
If it is the “window” second from the top the on my system at least it does not display correctly in Safari or Chrome so cannot tell what you are seeing?
Thanks a lot Greg for the quick response! You are my hero! Like Mark I have never heard of it before, but your link makes my heart jump !!! There is hope ;o)
Wow, thanks a lot!
The hypefile made it much easier to understand the basic structure… but, I am still not quite sure, if I have understood it right…
May I try to explain?
In Hype you created a rectangle, which runs a Javascript “tag cloud” on scene load. In fact it could be any other object running that script, but of course, a rectangle represents the “background” best… Am I right?
That Javascript basically calls the function “tagball” in the cloudtag Javascript, which got implemented before in the Hype window “Resources” by pressing the +… It hands over the size of the ball/sphere…
And now I am loosing it a bit: the Head HTML contains the implementation of the plugin and the javascript. My question is: who does what? I guess, the plugin allows the javascript to be used, right?
The cloudTag javascript contains all the actual code for the ball to function. It does all the math calculating: the coordinates for the items on the ball, the interaction between ball and cursor movement and gives possibilities to change the colour of the items … HAH!
and updated it, but somehow this was not good enough…
Is there any easier way to edit the javascript (asks the spoiled me!)?
I would like to be able to change the colour of all items, the colour when mouse hoovers over and the opacity of the items when “far away”… ?
Hi Greg, thanks for the quick response and that cool link to
“Goat1000”!
That will be my plugin! I tried to get the non-jQuery to work, but run into some problems:
Could you be so sweet and tell me, what I am doing wrong? I tried to follow the installation guide from goat100, but somehow I do not get it to work… I am sure, it is my limited understanding of Javascript ;o)
Could you have a look at my file and maybe add a line or two, where and how I would configure this plugin? I am not sure, if this is done in the head file or in the function… Maybe it does not matter as long as I define things before I use them…?
And thanks for your passions…tagCanvas from goat1000.hype.zip (81.1 KB)
Great tutorial thread @gasspence!! This could be great for a lot of things.
Here is a creativity starter… “Greg’s Magic Book”
The fonts can be changed in Hype and the rotation properties of the canvas can all be changed in Hype to fit the page angles. (Except in IE 8,9) Seriously why would anyone use those “browsers”
You could make animations of books that have clouds that magically appear when the user mouses over. Click on a link and they go to another chapter.
Adventure Games could be a blast!
Hi Greg, me again ;o)
Really cool. I played a bit around with it and managed to change quite some parameters according to the project I am working with. The only thing that bothers me right now is, that the js.file seems to define its own canvas from within the js.file. When I publish my hype project, my tag cloud only covers about the left half of the page…, although there is much more space available in the Hype frame. The js.file mentions a “canvas manager”, but I could not find… Any idea how to configure that canvas? Kind regards