Will you be able to make it into an extension..
It seems similar, but I'd probably just post it at my website.
Part II of the FPS template is online. There some nice effects here.
- No image files are used for the FPS chart. This is drawn with SVG.
- No additional elements needed. It dynamically creates the div. (In the example, itās using the background element, but ādocument.bodyā could be used instead.)
- The lines change color based on height ā Black / Red ā to highlight FPS issues.
This template shows how matter.js puts physics elements to sleep after they stop moving for a while.
https://photics.com/free-template-tuesday-8-tumult-hype-fps-part-ii/
Hereās a heads up. Template #9 is set to launch on Tuesday. So, if youāre stressing out about the Presidential Election, a mild diversion is on the way. HA!
The template is not about politics though. Hereās a hintā¦
Is that not enough of a hint? Hereās another. Itās something I think Hype could do by default. So, maybe @jonathan and @Daniel will improve upon the concept and make it a default part of Hype.
Also, some general ranting. I donāt like how the exported html file is project-name.html instead of index.html. Itās so tedious renaming the same file over and over. (Yeah, I know about advanced export, but itās not as simple as a regular export.)
Free Template Tuesday #9 ā Tumult Hype āLockā is now onlineā¦
I updated the "looking" template...
Apparently, something changed with the "Ellipse" element. Even though the top border was set to zero, a thin line was appearing. This made the smiley look strange.
Also, I changed layerX / layerY to clientX / clientY.
Apparently, layerX / layer Y is non-standard...
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
This weekās template shows how to use Groups to hide / show content. Thereās no programming necessary. Only basic Hype features are used.
This weekās template is the āMultilingualā template. It does a few cool thingsā¦
- Displays Browser Language
- The project displays certain text depending upon the Browser Language
- The user can change the language. (This example uses three different versions of English, but other browser languages could be used instead.)
- Once the user picks a language, that value is stored. So, when the page is reloaded / revisited, the preferred language is shown.
The key to the project is a two-dimensional array. That makes it easier to manage multiple languages. The columns are a specific language, while the rows are a specific element. In other words, itās not multiple scenes or multiple elements. Instead itās a spreadsheet of data. This approach can be modified for other projects, such as Role-Playing Games. A system like this can make it easy to manage character dialogue or equipment data.
Additional information, and the free Hype template download link, can be found hereā¦
Heh, I was wondering where all that Twitter traffic was coming fromā¦
Thanks!
With retro gaming being in fashion these daysā¦ https://www.nintendo.com/super-nes-classic ā¦some of you might be considering the creation of your own nostalgic video games. A great way to create that classic look is with a passcode system. Thatās what this weekās template is about.
https://photics.com/free-template-tuesday-12-tumult-hype-passcode/
I didnāt explain how the template works, in order to show that itās a fairly effective deterrent. Whatās the passcode? Itās a secret.
Hereās a hint: Itās sneaky marketing, similar to āBe sure to drink your Ovaltineā
I wouldnāt use base64 on itās own! Also, would put a disclaimer in that this isnāt a full proof system as you will inevitably get people complaining that they got hacked or something similar. Highlight the fact itās a deterrent
Password hint: link to a resource that Michael has created!
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.
...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.
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
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ā¦
Hah,hah,hah that was so funny...
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!
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ā¦
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.
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
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/
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.