HOWTO: Embed TestUFO animations in your posts!

NEW for 2017: Discussion about the testufo.com Blur Busters Motion Tests. Widely used by enthusiasts, display tweakers, YouTubers reviewers, monitor manufacturers and VR headset makers!
Post Reply
User avatar
Chief Blur Buster
Site Admin
Posts: 11647
Joined: 05 Dec 2013, 15:44
Location: Toronto / Hamilton, Ontario, Canada
Contact:

HOWTO: Embed TestUFO animations in your posts!

Post by Chief Blur Buster » 07 Jan 2014, 15:14

HOWTO: Insert TestUFO Animations in Blur Busters Forum Posts


Dustmuffins wrote:Do you have a list of the available embedded animations and how to use them?
Converting TestUFO links to [testufo] embeds can feel a bit tricky, but it is easy if you can interpret web addresses.
All TestUFO tests are currently embeddable, with the sole exception of Flicker (because it's the most epiletpically risky test).

Easy: Default TestUFO Animations

Go to http://www.testufo.com and select your preferred test at the upper-right corner. Once you've got the test you want, the test name will be shown in "Share This Test!" right after the last slash "/". For example http://www.testufo.com/blackframes means the test name is "blackframes". You can now embed as:

Code: Select all

[testufo height=240]blackframes[/testufo]
You will need to experiment with the 'height' parameter, to make sure it fits the test correctly. Right now, automatic-fit is not currently supported (yet).

Advanced: Custom Configured TestUFO Animations

To embed any custom configured test:
1. Go to your favourite TestUFO test at http://www.testufo.com
2. Change the parameters.
3. Scroll to the bottom and view the "Share This Test!" link
4. The test name is the name right after the last "/" and before "#"
5. The parameters can be used, when converting all '&' and '#' (ampesand/hash) into ',' (comma) and '=' (equal) into ' ' (space).

Example: http://www.testufo.com/framerates#count=3&pps=960
Can embedded as:

Code: Select all

[testufo height=288]framerates,count 3,pps 960[/testufo]
Which results in the animation at the top.

Hope this helps teach you how to embed TestUFO animations in Blur Busters Forums!


Guidelines / Etiquette

1. It is preferable if you can make this mention, too:
"Note: These TestUFO animations work best in a stutter-free browser (such as Chrome) in Windows Aero mode, on the primary monitor. See http://www.testufo.com/browser.html to verify your browser requirements for TestUFO animations."

2. Limit the number of animations per page, due to performance reasons.
-- For example, tests begin to stutter if you have too many tests on one page.
-- Animations targeted to be viewed by other 120Hz users (e.g. 120hz users wondering whether or not they want to upgrade to GSYNC) will usually be more successful because they are usually using reasonably powerful systems with a dedicated GPU. Such systems will view multiple animations on the same page successfully. For such users, 2 or 3 simultaneous animations can be okay.
-- Animations targeted to be viewed by non-gaming users, mobile users, and low-end 60Hz users, will more likely stutter (and interfere with the animations' own ability to educate), so try to keep to just 1 animation.
-- Be noted, some older browsers will stutter with more than 1 simultaneous animation, especially in mobile browsers.
-- Internet Explorer 10 and 11 is unable to animate at 120Hz.
-- In the future, TestUFO animations will add a Play/Pause button so you can embed multiple animations more easily without performance problems.
Head of Blur Busters - BlurBusters.com | TestUFO.com | Follow @BlurBusters on Twitter

Image
Forum Rules wrote:  1. Rule #1: Be Nice. This is published forum rule #1. Even To Newbies & People You Disagree With!
  2. Please report rule violations If you see a post that violates forum rules, then report the post.
  3. ALWAYS respect indie testers here. See how indies are bootstrapping Blur Busters research!

User avatar
RealNC
Site Admin
Posts: 3740
Joined: 24 Dec 2013, 18:32
Contact:

Re: HOWTO: Embed TestUFO animations in your posts!

Post by RealNC » 24 Mar 2014, 08:41

This should be a sticky.
SteamGitHubStack Overflow
The views and opinions expressed in my posts are my own and do not necessarily reflect the official policy or position of Blur Busters.

User avatar
Chief Blur Buster
Site Admin
Posts: 11647
Joined: 05 Dec 2013, 15:44
Location: Toronto / Hamilton, Ontario, Canada
Contact:

Re: HOWTO: Embed TestUFO animations in your posts!

Post by Chief Blur Buster » 24 Mar 2014, 12:26

RealNC wrote:This should be a sticky.
Done :-)
Head of Blur Busters - BlurBusters.com | TestUFO.com | Follow @BlurBusters on Twitter

Image
Forum Rules wrote:  1. Rule #1: Be Nice. This is published forum rule #1. Even To Newbies & People You Disagree With!
  2. Please report rule violations If you see a post that violates forum rules, then report the post.
  3. ALWAYS respect indie testers here. See how indies are bootstrapping Blur Busters research!

Post Reply