Free Hype Templates šŸ—

I did. It's mentioned in the article. (I updated the article for even more clarity though.) The system is good for single-player video games, where if the person cheats then they're only cheating themselves. It's not for securing bank information. :smile:

...but what is nice, if you're creating a webview app from a Hype project, there isn't an easy way to view the source from an iOS device. (If there is, I don't know it. How do you view web page source on iOS?) So, this method is pretty good for creating a video game passcode system across multiple mobile platforms. (Sure, someone could just copy the app to the desktop, look at the code and figure it out, but again... just a deterrent.)

Another way to explain it is this... it's like the Mike Tyson's Punchout code. It's not really a secret to experienced players. Lots of kids from the 80s probably have it memorized. But when you saw that code on the screen for the first time, you probably wrote it down. :smirk:

For securing information, no... it's terrible. That's the point of the system. The codes are ultimately meant to be shared, but not right away. There has to be a perceived value. It's like when a girl is undressing in an old movie. She will be nearby and say to the guy... no peaking... but then they totally have sex later in the movie. The "no peaking" is part of the foreplay.

Video game cheat codes are meant to be shared. Normally, you don't post replies about my templates. Today, you did. You got to reverse engineer the system and tell others about it. This creates buzz. Imagine if people didn't know the famous Konami 30 lives cheat code, would their games be as popular?

Iā€™ve been working on an HTML-to-Xcode (webview) project and I was getting frustrated. Thatā€™s when inspiration hit for a new Hype Template. Next week, on Monday, August 21, 2017, a total Eclipse will travel across America ā€“ Coast-to-Coast.

If you believe what David Baron saysā€¦ https://www.ted.com/talks/david_baron_you_owe_it_to_yourself_to_experience_a_total_solar_eclipse ā€¦you should see a total eclipse before you die. Pretty bold words and high expectations, for an event that can easily be rained outā€¦ https://darksky.net/forecast/32.7876,-79.9403/us12/en

Yet, even from a simulated view, I can understand the experience is probably awe inspiring. By using basic features in Hype - no additional JavaScript needed - you can create a Total Solar Eclipse animation. Thatā€™s what this weekā€™s Free Hype Template is aboutā€¦

Also, I updated the look of Photics.com :smiley:

3 Likes

Hah, you just reminded me of one I wrote for someone who missed an partial eclipse ( 2015 I think) and wanted to see one. I made this for them and they had it on a second monitor for the whole day ( takes just over an hour- It does move but in speed of if it was real ). Only have the original export to hand now. But a simple restore can get the Project back.
This was the only version I could find on the Mac I am on now. I am sure I wrote one that had a corona flare at the summit of the eclipes
.
Archive.zip (635.4 KB)

Heh, I didnā€™t realize Eclipse animations would be so competitive. This one seems even more accurateā€¦

1 Like

Hah,hah,hah that was so funny...

3 Likes

Hereā€™s an update about the free Hype Templates.

Itā€™s been over half-a-year since Iā€™ve created a new template. Thereā€™s a high possibility that will change next week. I have a plan for the weekend to create a template, as a way to promote the ā€œWrappingā€ app.

The plan for the next template is to create a ā€œBookā€ template, as an easy way to use Hype to create an electronic publicationā€¦ not quite an ePub though. Then, once you have your book in Hype, you can export it to an app using the new ā€œWrappingā€ app.

I have an old sci-fi book Iā€™m planning to bring back to the app store. So, I figured, why not share that template? If the weekend goes well, the book and the template should be online by Tuesdayā€¦ FREE TEMPLATE TUESDAY! :tada:

Also, since I can edit older posts now, I listed all the templates in the first post of this thread. That should make it easier for everyone to find the templates.

But also, the ā€œTemplateā€ tag at Photics.com is another way to find themā€¦

3 Likes

It's looking more like next Tuesday, not this Tuesday. There's a bit more work involved in this project than I anticipated. And since I like how it's turning out, I don't want to rush it.


UPDATE: OK, I'm having trouble getting my book app approved by Apple. That ruins the excitement of the new template. As apparently, it's not as useful as I thought it would be. Apple will very likely reject an app if it just looks like a regular book. They keep pointing me to the iBooks Store, but I think Revisions works a lot better as an app.

Regardless, the "book" template will be launched tomorrow.

1 Like

The free ā€œbookā€ template is now onlineā€¦

Here are some featuresā€¦

  • Left / Right buttons for navigation
  • Use of data-* element attributes for hyperlink navigationā€¦ https://www.w3schools.com/tags/att_global_data.asp
  • Settings menu (Click the gear icon to toggle it)
  • Thatā€™s another cute thing, the gear icon spins indefinitely. Thatā€™s because itā€™s an animated SVG file
  • Text zoom options

1 Like

Based on the conversation hereā€¦ How do I add a particle effect? ā€¦I created a simple ā€“ no coding ā€“ template / tutorial for adding particles to Hype projects.

https://photics.com/free-template-tuesday-15-tumult-hype-fishy/ :fish:

3 Likes

Hereā€™s just a minor update about the Free Hype Templatesā€¦

After adding a more effective way to display Hype projects on my website, I went back and reviewed the existing Hype Templates. I knew that some of them had display issues, but I didnā€™t get around to fixing them ā€“ until today!

There are updated FPS & FPS2 templates, so that they fit better on the page.

The trick was to hide the ā€œWallā€ elements in the overall ā€œGroupā€ element. Using the ā€œscale behaviorā€ with physics dramatically hurts performance, but thatā€™s sorta the point for the FPS projects. Itā€™s a stress test. On a modern computer, such as a MacBook Air 2017, itā€™s just too extremeā€¦ either too few frames or 60 FPS. Both hardware and software has improved since 2016. Using scaling recreates the intended effect.

2 Likes

7 posts were split to a new topic: How to add Google Fonts to the Photics ā€œBookā€ Template?

If you didnā€™t already know, Iā€™ve been working on a printed version of ā€œA Book About Hypeā€. Since the book is to be printed, Iā€™ll probably just post the templates on my website. I might start as soon as this Tuesday, making new templates available before you can buy the book.

I just realized that this could be a nice Christmas Eve gift to the community, so Iā€™ll try to get the first template online this week. The ā€œOriginā€ template is just a simple project, nothing too fancy. Itā€™s the thought that counts. :smile:

Meanwhile, Iā€™ve been trying to figure out the purpose of the ā€œUse low latency Web Audio APIā€ setting.

document-advanced-options

Iā€™m not sure whatā€™s it forā€¦ uncheck to enable crappy audio?! :crazy_face:

While experimenting with this feature, I realized something. ā€œHey, I can fix the ā€˜Coconutā€™ template!ā€ Previously, the sound effect would lag. It didnā€™t sync with the coconut animation. The ā€œlow latencyā€ option is great! Although, since modern web design/development is becoming a series of rules about things you canā€™t do, one doesnā€™t simply play audio on the Internet.

You need a chaser! :cocktail:
(I donā€™t drink, but it really is a great name for the effect.)

I added a dropping sound effect once the ā€œdrop coconutā€ button is pressed. The user interaction unlocks the ability to play audio. Now it should work in modern web browsers. With over 2,000 downloads, itā€™s the most downloaded template of the bunch. Iā€™m surprised too, as I didnā€™t put that much effort into it. HA HA. Hard work is not directly proportional to success. Regardless, I felt that such a popular template should be respected. So, I fixed it. Enjoy!

1 Like

Basically! Unchecking will use the HTML5 <audio> tag instead of the Web Audio API.

The most typical reason for unchecking this is that if an iPhone is set on mute, the Web Audio API will be silent, whereas the <audio> tag will still play audio. (There is a hack we've subsequently learned about and may put into Hype in a future release).

Beyond this, there are some rare contexts users have written about in which the Web Audio API can be buggy or not play at all and the best fix for users is to use the <audio> tag instead. The Web Audio API likely will also use more memory, which may an issue on larger documents on iOS.

There are some situations Hype will always use the <audio> tag regardless of the checkbox setting: having a browser that does not support the web audio api, being offline, being in an iBook, or viewing via a file:/// URL.

2 Likes

Heh, the first reply is funny.

It is disgusting that this is possible or necessary.
ā€“ Matt Montag

Ha ha, I was just playing with my goofy coconut template and wondering why the Internet isn't as fun now as it was years ago. There used to be silly animations and sound effects everywhere. Heh, difficulty in playing HTML5 audio is a big reason.

I did see that in the code, line 2148...

if(_useWebAudioAPI == true && (typeof AudioContext !== "undefined" || typeof webkitAudioContext !== "undefined") && window.location.href.indexOf("file://") == -1 && _resourcesFolderName.indexOf("ibooksimg://") == -1 && iBooksWorkaround == false && navigator.onLine != false && _browserInfo.opera == null) {

audioMethodAPI = HypeAudio_WebAudioAPI;

}

...and it looks like less than IE9 defaults to QuickTime. (I'm not sure why anyone would be running less than IE9 though. Those browsers are long dead. Even Windows 7 is going to be end of life next month.)

The other information is good to know. Thanks!

1 Like

MERRY CHRISTMAS! :christmas_tree:

The ā€œOriginā€ template is available.

ā€“ https://photics.com/free-template-tuesday-16-tumult-hype-origin/

Itā€™s a way to visualize how elements are arranged on an HTML grid. Itā€™s not much, but itā€™s the start of a lot of new templates. The idea is that Iā€™ll be posting new templates while working on the book. Itā€™s also important to know how the ā€œgridā€ works. (That was the original name for this template, but I gave it a Christmas theme.)

There is something interesting about this template. The animation of the crosshairs is done with JavaScript and SVG. This template is over four years old, so Iā€™m not sure why I did it that way. I suppose if you want to practice with Hype, as a way to learn, you could try recreating this template with less JavaScript. Iā€™m thinking that the animation of the crosshairs could be done with Hype.

4 Likes

Happy New Year! :tada:

This weekā€™s template shows how HTML filters work.

3 Likes

You should post the links to twitter to!

I think it's better when the links occur naturally. Like thisā€¦

Besides, social media can be a major distraction. I need to be focused on finishing the book. The plan is to get the templates online, so that the book be printed. It's about one per week for the next six months.

Is everyone OK with that? :slightly_smiling_face:

Sure! Just thought might get some more eyeballs and build up. But then again ā€¦ every approach is valid. Was in the Spirit of what I am currently trying. Either way hope Hype gains even more traction in 2020 ā€¦ looking forward to the book!

image

1 Like

Instead of updating this thread every week, Iā€™ve been focusing on working on the book. Although, with a nice bunch of templates published, and a bunch of templates queued up, I figured that I should do another update.

Hereā€™s a screenshot from the Photics.com website (WordPress) dashboard. It shows the recently published templates and the templates that are upcomingā€¦

I updated the first post with new links.


UPDATE: Iā€™ve been busy. There are so many new templates queued up that the ā€œRecently Publishedā€ section in WordPress canā€™t display them all.

The ā€œLightboxā€ template is scheduled for March 10. (I have some more writing to do, but itā€™s basically done.)

Iā€™m feeling pretty good about this project and A Book About Hype (printed edition). I realized it while working on the ā€œBounceā€ template. This is it for Flash. This is the year that so many classic web games will die. :scream_cat:

Itā€™s terrible. But maybe with Hype 4, the games can be reborn.

Anyway, less talk, more work. :laughing:


Update (2/6/2020) ā€” Templates are scheduled to appear every Tuesday, from now until the end of March. After the ā€œLightboxā€ template are the ā€œSlidingā€, ā€œPicturingā€, and ā€œTimingā€ templates.

More templates are planned for after that too!

2 Likes