Bereik twitcheffect met jQuery

Is het überhaupt mogelijk om een ​​static/tv interference/twitch effect similar te creëren voor wat werd gebruikt voor de Battlefield 3-intro in jQuery? Wat ik wil doen is een div "uitfaden", maar laat het iets interessanters doen, zoals het twitch-effect. Ik weet niet of dit op afstand mogelijk is met alleen jQuery of niet.

You can see the BF3 intro effect here.

0
verwerking zou niet werken in ie8 of lager, toch?
toegevoegd de auteur LordZardeck, de bron
Processing.js zou ik dit kunnen weten. Ik zou denken dat het canvas zou vereisen, hoewel misschien svg dit zou kunnen vormen?
toegevoegd de auteur Jared Farrish, de bron
Als je de math-karbonades hebt of het fractal-ontwerp begrijpt, zou je kunnen zien of je een aantal van Jared Tarbell's open source-ontwerpen . Hij gebruikte op dit moment een Flash-poort voor verwerking in Java.
toegevoegd de auteur Jared Farrish, de bron
Het zou niet werken in 9. Je zit vast in SVG-land als je je zorgen maakt over browserondersteuning.
toegevoegd de auteur Jared Farrish, de bron

2 antwoord

Een 'mogelijke' manier om dit te doen zou kunnen zijn om simpelweg de achtergrondafbeelding van de div snel te veranderen met jQuery.

I whipped up a quick demo to show you what I mean: http://jsfiddle.net/ssGdz/

Je zou theoretisch die BF3-intro kunnen repliceren als je tussen verschillende afbeeldingen hebt geroteerd.

P.S I had a hunch this could potentially explode older browsers, but I opened it up in IE6 and it ran smoothly.

6
toegevoegd
niet slecht, maar de zwarte moet transparant zijn
toegevoegd de auteur LordZardeck, de bron

jQuery is a framework that makes it easier for you to develop JavaScript, it doesn't come with much advanced UI stuff. jQuery UI, on the other hand, has a few features, but I nothing as fancy as what you want. The closest you'll get here is jQuery UI's shake. If you speed that up, it might begin to look twitchy.

Zoals opgemerkt in de opmerking van Jarred Farrish , Processing.js is misschien wat u zoekt:

Processing.js maakt uw datavisualisaties, digitale kunst, interactieve animaties, educatieve grafieken, videogames, etc. werken met behulp van webstandaarden en zonder plug-ins.

1
toegevoegd
ik denk dat dat zou moeten werken. misschien gecombineerd met een lagere dekking, zou het voldoende moeten zijn
toegevoegd de auteur LordZardeck, de bron
Hmm ... ik krijg toch een knik, nietwaar? ;)
toegevoegd de auteur Jared Farrish, de bron
Als je zijn werk niet hebt gezien, check je Jared Tarbell . Sommigen van hen zijn Java, maar de rest is Flash en hij is een hoofdverwerker. Echt ongelooflijk.
toegevoegd de auteur Jared Farrish, de bron
@JaredFarrish Het spijt me, ik hoop dat dat beter is. :)
toegevoegd de auteur kba, de bron