We’re happy to share a limited time discount on all our apps. Use the links below to get our apps at 30% off!
Grab a discount for:
Tumult Hype is the best way to make animated and interactive HTML5 content.
Tumult Whisk is a live preview HTML, CSS, and JS editor and it’s the fastest way to see the effect of your code as you write it:
Both Hype and Whisk have unrestricted 2 week trials, if you need some time to explore. (But our discount code will expire soon…)
For updates on this discount, follow us at @hypeapp on X, or @hypeapp on Mastodon.
]]>Read the complete 4.1.14 change list here.
Tumult Hype 4.1.14 is a free update if you purchased a previous v4 version (Standard or Professional editions). Upgrade discounts are available for previous v1-v3 versions and you can read about what’s new in Tumult Hype 4.1.
Enjoy!
]]>Max Ziebell, a Tumult Hype power user and creator of several extensions, has posted a detailed method of training the ChatGPT mind on Hype’s JavaScript API. This method allows the AI to ask difficult questions and compose code for you. Max has also provided easy-to-copy snippets for teaching the API and encouraging the use of modern JavaScript practices and correct function formatting. In addition, he has requested that the AI include comments in its code responses. Check it out!
There are so many ways ChatGPT may improve your life as an interaction designer, animator and programmer. One thing ChatGPT excels at is conversions: as long as it understand what format you’d like your code in and can give some guidance, the system can write code with pretty high accuracy. Let’s say I want to add a new easing function to Hype… something like EaseInOutBack, but you don’t want to use the easing animation editor, or figure out the complex mathematics. Hype’s easing function uses this format:
function (t, start, dur) {
return t / dur;
}
Where t
is the current time, start
is the beginning of the animation, and dur
is the total time. If we check out https://easings.net, a great resource for finding a wide range of functions for easings, we see that the easeInOutBack function typically uses this format:
function easeInOutBack(x: number): number {
const c1 = 1.70158;
const c2 = c1 * 1.525;
return x < 0.5
? (Math.pow(2 * x, 2) * ((c2 + 1) * 2 * x - c2)) / 2
: (Math.pow(2 * x - 2, 2) * ((c2 + 1) * (x * 2 - 2) + c2) + 2) / 2;
}
If you want to convert this to Hype format using ChatGPT, you would simply ask this question:
If you paste this selected code into Hype’s easing function editor, we get the same easeInOutBack animation:
And depending on whether you apply this to the ‘top’ or ‘left’, you’ll get something like this:
For a deeper dive into easing functions in Tumult Hype, read this post:
This example of converting an easing function to something usable in Hype’s timing function editor can extend to other useful conversions. Let’s say you wanted to use a jQuery function to select all elements with the class ‘myClass’ but want to avoid embedding the full jQuery library. Simply ask for a ‘vanilla JavaScript’ version, and ChatGPT will deliver a snippet you can paste in Hype’s JavaScript editor to run on the scene:
Beyond converting code for you, ChatGPT can help describe parts that you may not understand by adding code comments. If you encounter a useful code snippet on the forums or in our documentation and need help understanding and adapting it for your own purpose, ChatGPT is a great learning partner. Once you load the Hype API using Max’s instructions, you can ask it questions like the following:
The above explanation is absolutely perfect, and shows a correct knowledge of the Hype API. We hope ChatGPT helps take your animations to new and more interesting places as you leverage this tool.
]]>We’re happy to share a limited time discount on all our apps. Use the links below to get our apps at 30% off!
Grab a discount for:
Tumult Hype is the best way to make animated and interactive HTML5 content.
Tumult Whisk is a live preview HTML, CSS, and JS editor and it’s the fastest way to see the effect of your code as you write it:
Both Hype and Whisk have unrestricted 2 week trials, if you need some time to explore. (But our discount code will expire soon…)
For updates on this discount, follow us at @hypeapp.
]]>Read the complete 4.1.12 change list here.
Tumult Hype 4.1.12 is a free update if you purchased a previous v4 version (Standard or Professional editions). Upgrade discounts are available for previous v1-v3 versions and you can read about what’s new in Tumult Hype 4.1.
Enjoy!
]]>Today Apple released the macOS 12.3 update, which unfortunately removes the Python programming language from the operating system. Therefore, Export Scripts written in Python will no longer continue to run out-of-the-box.
To keep your Python-based export scripts working, Tumult is providing a custom installation of Python for you to install called the Python Export Script Enabler along with changes in the Hype v4.1.8 application to utilize it. If you use Export Scripts, you will need to:
For more information about this change, please visit the Python Enabler page, or if you are an Export Script developer, please read more detailed documentation on GitHub about how this affects your users.
Tumult Hype 4.1.8 contains a few other fixes as well, and is recommended for everyone to install.
Read the complete 4.1.8 change list here.
Tumult Hype 4.1.8 is a free update if you purchased a previous v4 version (Standard or Professional editions). Upgrade discounts are available for previous v1-v3 versions and you can read about what’s new in Tumult Hype 4.1.
Enjoy!
]]>We’ve just discovered a new place to quickly host your Tumult Hype animations. It’s called https://tiiny.host, and makes uploading your Hype exports to the web super easy. Get your animations on tiiny.host by just dragging over a zip file:
Here’s how it works:
This will generate a unique HTML page (or custom domain, if you’d like). The service is hosted on Amazon’s CDN, is free to try for a week, but is $10/month for 5 sites.
]]>We’re happy to share a limited time discount on all our apps. Use the links below to get our apps at 30% off!
Grab a discount for:
Tumult Hype is the best way to make animated and interactive HTML5 content.
Tumult Whisk is a live preview HTML, CSS, and JS editor and it’s the fastest way to see the effect of your code as you write it:
Both Hype and Whisk have unrestricted 2 week trials, if you need some time to explore. (But our discount code will expire soon…)
For updates on this discount, follow us at @hypeapp.
]]>Drama in Panama came to life from hundreds of hours of filming, writing, rewriting, and then carefully bringing the story into an innovative self-paced interactive web format in Tumult Hype.
Daniel Morgan @ Tumult: From what I gather, this was a nine year project! Tell me a little bit about how you started planning / writing this, and what story you set out to tell.
Deyan Sedlarski: It all started as a joke when we were students. We studied at the National Academy of Art in Sofia, Bulgaria, where we were tasked with making a comics based on a book by Jack London – The Hearts of Three. Our passion for cinema led us to film this book, but we had never done anything like this. Maybe being naive didn’t stop us in time. With tools and equipment at hand, we set out on this adventurous path. We went through many stages. Many people in the team changed. We made it to the final cut several times, but the results were not satisfying and it made us start all over again. Ivo Alekseev wrote five versions of the script and in the end we had a wonderful story. It’s only inspired by the book, we didn’t literally follow anything from it. I took care of directing the project, and later I shared this task with my wife, Mirela. And thank goodness, because I couldn’t have done it without her!
Daniel: The format of this interactive narrative is very unique — did you have any inspirations from film, TV or other interactive stories you’ve encountered?
Deyan: From the beginning we wanted to do a web series, but the whole time I was worried about the word “web.” What does it mean? If you upload a movie or a TV show to the internet, does it automatically become web? There are many examples of web series around the world that are nothing more than uploading video content to YouTube. For me, that wasn’t enough. It took me years to realize that to be web, our project had to be interactive. So even if I wanted to, it wouldn’t be able to go on TV or cinemas and really deserve the definition of “web.”
So I’ve achieved peace of mind regarding the definition of “interactive web series”. But this has a downside. Since I got this insight quite late, and we had already shot all the material, we couldn’t realize the possibility of the viewer choosing the direction of the plot. The story remained linear. In that sense, what we ended up with is not exactly a game, but rather an interactive comics and a movie in one.
Daniel: Would love to hear a bit about how you stayed organized through this process — especially switching between filming and building interactivity.
Deyan: The project took us nine years. All this time we were learning on the go. We watched lessons, read books, analyzed good examples from the world. We were complete beginners at filmmaking, but with the help of friends and parents, we were able to achieve results that we enjoyed! For us, Drama in Panama is an additional specialization, a curriculum in a free elective subject. In the last stage, we received funding from a government program to cover the cost of programming the episodes. Unfortunately, no team of developers was able to cover the brief and dare to implement it. This presented us with a huge problem. It was unthinkable to return the money to the program, something had to be done! On the other hand, the money was not enough to look for a company from abroad. I was very scared. Then one of the professors at the academy showed me the Tumult Hype. I hadn’t heard of it. It was intimidating for me to take on something that even the professionals didn’t dare start. But there was no other way out.
I embarked on studying your product. By then, I was surprised. It was much more intuitive to work with than any other software I have used so far. Also, the help I received on the forum was extremely important. Things that were completely new and unheard of for me, I would not have caught up with them if it weren’t for the forum members I was annoying around the clock!
I managed to do in three months what the developers wanted to do in more than half a year and without offering me a mobile version or support for any browser other than Google Chrome. And I have it all now thanks to Hype.
Daniel: That’s incredible! Awesome to hear that Hype was intuitive to learn. What’s your favorite segment of the story?
Deyan: The plot and visuals come to a head in the last two episodes, as the Daydreamer (my wife and co-director) unfolds in the Valley of Lost Souls. This segment of the story is mystical, surreal and that makes it truly wonderful! I don’t like to watch the rest because I play the twins Francis and Henry, and I don’t think I’m a good actor. I wouldn’t make that mistake again!
Daniel: Do you have words of advice for others embarking on a project like this?
Deyan: Don’t compromise on the overall composition, even when you don’t get paid for it. You can shoot a film with a not-so-good camera and make it less than ideal quality, but if the script is carefully thought out and the dialogue and scenes are meaningful, you’ll be happy with the result. In the end, even if things don’t work out in the best possible way, you’ll know you did your best! There are more important things than money, even though they are really necessary. More importantly, build on our high goals and always aim higher than what we can achieve.
Daniel: Any upcoming projects you’re working on?
When we finished working on Drama in Panama, I felt like I didn’t want to take on a big project anymore. But here I am now, a few months later, itching for new challenges. I want to work and look for new inspirations and people to make art with.
Watch the Trailer:
Предлага се и на български език.
Directors
Deyan Sedlarski and Mirela Sedlarska
Script-Writer
Ivaylo Alekseev
Music
Zdravko Krustev
Tumult Whisk 2.6 is a small feature and bugfix update to the lightweight HTML and PHP editor with a live preview. It features improved compatibility with the upcoming macOS 12 Monterey.
Read the complete 2.6.0 change list here.
Tumult Whisk 2.6.0 is a free update if you purchased a previous v2 version. Upgrade discounts are available for previous HyperEdit v1 owners and you can read about what’s new in Tumult Whisk 2.6.
Enjoy!
]]>