day - 00 month - 0000

Povești adevărate

Am aflat studiind notele de presă că în romanul „Povești adevărate” de David Byrne apar peste 50 de perechi de gemeni și poate ar trebui să ne oprim aici pentru o clipă ca să medităm asupra acestui fapt. O sută de gemeni nu vor face succesul sau eșecul unui film, iar publicul obișnuit nu va observa mai mult decât o fracțiune dintre ei.

Gândiți-vă la starea de spirit a persoanei care a decis că filmul ar trebui să aibă 50 de perechi de gemeni.

Fără îndoială, acea persoană este Byrne. La ce se gândea? Presimt că se gândea la voodoo-ul filmului: lucrurile magice care se petrec sub suprafața operei de artă, conferindu-i o aură ce se infiltrează în părțile vizibile. Orice film realizat de actori și tehnicieni care știu că regizorul a angajat 50 de perechi de gemeni va fi un film realizat de oameni care cred că regizorul este un om foarte ciudat. Și asta le va afecta munca. Chiar și momentele obișnuite din „Povești adevărate” par puțin ciudate, ca și cum actorii ar încerca să-l facă pe plac pe ciudatul pentru care lucrează.

Byrne spune că filmul a fost influențat de povești adevărate pe care le-a citit în ziare și a publicat o carte cu unele dintre aceste povești pe care le-a adunat. Acestea variază de la cele banale (cuplul fericit căsătorit care nu și-a vorbit de 15 ani) până la cele cosmice (Codul Universal al Produselor de pe produsele alimentare este semnul prevestitor al venirii Anticristului).

În „Povești adevărate”, Byrne vizitează un oraș mitic din Texas numit Virgil, în care toată lumea este puțin ciudată, iar unii oameni sunt de-a dreptul unici. Încearcă să ți-l imaginezi pe Virgil populat de toți cei care au înnebunit în Lacul Woebegon.

Byrne își narează filmul și este gazda turneului cu Virgil. Este o figură subțire, tăcută și retrasă, cu o voce atât de plată încât trebuie să asculți pauzele ca să-ți dai seama când se termină propozițiile. Conduce o mașină decapotabilă roșie nouă și poartă haine de cowboy de sâmbătă seara. Ne duce la Virgil chiar când se sărbătorește „150 de ani de specialitate”. Nu există o intrigă reală aici, doar uimire. Întâlnim o femeie prea leneșă ca să se dea jos din pat și un bărbat care își caută o soție, dar spune că trebuie să fie pregătită să-i accepte silueta de ursuleț de pluș. O întâlnim pe femeia mincinoasă, care își mărturisește scandaluri șocante despre multe dintre cele mai importante evenimente din ultimii 25 de ani. Ea știe pentru că a fost acolo.

Întâlnim lideri civici și fanfare, vizităm un bătrân care face vrăji și prezice viitorul și întâlnim un predicator care, într-o singură propoziție neîntreruptă, trece de la moartea lui Elvis Presley la faptul că rămânem mereu fără șervețele și hârtie igienică în același timp.

Studioul o ia razna încercând să găsească o modalitate de a vinde acest film. Critică aspru argumentul că are multă muzică de la Talking Heads, trupa rock avangardistă pe care Byrne a fondat-o și o conduce. Conține într-adevăr multă muzică, iar asta va atrage publicul care a făcut din „ Stop Making Sense ”, filmul-concert Talking Heads, un succes.

Dar acesta nu este un musical. Este o încercare îndrăzneață de a picta un peisaj american bizar. Acest film face ceea ce încearcă unii pictori: transformă imagini obișnuite în forme noi, ciudate. Nu există aproape niciun moment în „Povești adevărate” care să nu pară cotidian pentru cineva care a crescut în America Centrală și niciun moment care să nu pară bântuit de secrete, evaziuni, singurătate, depravare sau bucurie ascunsă – uneori toate deodată. Este aproape ca un film science-fiction: toți cei de pe ecran arată atât de normal și se comportă atât de ciudat, încât ar putea fi oameni din păstăi.

De data aceasta, el găsește o nouă perspectivă: peisajele și scenele urbane ale sale sunt ca acele cărți poștale vechi în care totul pare ușor denaturat. Clădirile sale arată ca niște parodii ale unor clădiri. Oamenii din el sunt văzuți pe fundalul peisajelor interioare ale obiectelor pe care le dețin – atât de multe obiecte încât par pe cale să fie îngropate.Și apoi Byrne orchestrează toate acestea în cel mai inexpresiv mod.Dacă intri în căutare de recompense, vei fi dezamăgit.

Acest film nu începe aici și merge acolo, iar cel mai apropiat lucru de o poveste este căutarea unei soții de către burlac timid ( John Goodman ). Se va căsători el cu femeia care nu-și părăsește niciodată patul? Dacă o va face, unde va avea loc ceremonia? Este genul de curtare în care, atunci când o cunoști suficient de bine pe femeie, o întrebi dacă ar vrea să se dea jos din pat. Vedeți cum una duce la alta?

Fotografia este un element important al filmului. Filmul a fost filmat de Ed Lachman , care a devenit un nume de marcă pentru cei interesați de regizori neconvenționali. El a fost cel care l-a urmat pe Werner Herzog pe versanții unui vulcan care era pe cale să erupă pentru a filma „La Soufriere” și a lucrat pentru Wim Wenders , Shirley Clarke, Bernardo Bertolucci , Jean-Luc Godard și Tina Turner .

Butonul Derulare Înapoi Sus


 Acest script trebuie copiat asa cum se regaseste si apoi introdus intr-o pagina s-au intr-un widget.

<!doctype html>

/* Script by petre-vitan*/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    $(window).scroll(function(){

        if($(this).scrollTop() > 100){

            $('#scroll').fadeIn();

        }else{

            $('#scroll').fadeOut();

        }

    });

    $('#scroll').click(function(){

        $("html, body").animate({ scrollTop: 0 }, 600);

        return false;

    });

});

</script>

<style type="text/css">

/* BackToTop button css */

#scroll {

    position:fixed;

    right:10px;

    bottom:10px;

    cursor:pointer;

    width:50px;

    height:50px;

    background-color:#990066;

    text-indent:-9999px;

    display:none;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    border-radius:5px;

}

#scroll span {

    position:absolute;

    top:50%;

    left:50%;

    margin-left:-8px;

    margin-top:-12px;

    height:0;

    width:0;

    border:8px solid transparent;

    border-bottom-color:#ffffff

}

#scroll:hover {

    background-color:#009900;

    opacity:1;

    filter:"alpha(opacity=100)";

    -ms-filter:"alpha(opacity=100)";

}

</style>

<!-- Butonul BackToTop -->

<a href="javascript:void(0);" id="scroll" title="Sus" style="display: none;">Top<span></span></a>

<!-- ++++++++++++ Conținutul paginii merge aici ++++++++++++ -->

</!doctype>


Zăpadă JavaScript

Iată cum poți adăuga o animație cu zăpadă cu JavaScript pe site-ul tău atunci cand te afli in sezonul rece :)

1. Constante de configurare

Să configurăm niște variabile pentru a stoca informații despre aspectul animației noastre cu zăpadă.

const NUMBER_OF_SNOWFLAKES = 300;

const MAX_SNOWFLAKE_SIZE = 5;

const MAX_SNOWFLAKE_SPEED = 2;

const SNOWFLAKE_COLOUR = '#ddd';

const snowflakes = [];

De asemenea, vom crea un array gol numit snowflakes care va ține evidența tuturor fulgilor de zăpadă de pe pagină.


2. Creați o pânză

Toți fulgii de zăpadă vor fi desenați pe un element de tip pânză, așa că haideți să îl creăm și să îl plasăm în documentul curent.

const canvas = document.createElement('canvas');

canvas.style.position = 'absolute';

canvas.style.pointerEvents = 'none';

canvas.style.top = '0px';

canvas.width = window.innerWidth;

canvas.height = window.innerHeight;

document.body.appendChild(canvas);

const ctx = canvas.getContext('2d');

Dimensionăm pânza pentru a se potrivi întregii ferestre și setăm pointer-eventproprietatea CSS none astfel încât să facă pânza invizibilă și utilizatorul să poată da clic în continuare pe lucrurile din spatele ei.

În cele din urmă, vom obține contextul pânzei 2D, pe care îl putem folosi pentru a desena fulgii de zăpadă.

Dar mai întâi, avem nevoie de o funcție care să genereze un fulg de zăpadă.

 3. Creați un fulg de zăpadă

const createSnowflake = () => ({

    x: Math.random() * canvas.width,

    y: Math.random() * canvas.height,

    radius: Math.floor(Math.random() * MAX_SNOWFLAKE_SIZE) + 1,

    color: SNOWFLAKE_COLOUR,

    speed: Math.random() * MAX_SNOWFLAKE_SPEED + 1,

    sway: Math.random() - 0.5

});

Această funcție va crea și va returna un obiect fulg de zăpadă care se află într-o poziție aleatorie pe pagină. De asemenea, vom crea o dimensiune aleatorie (rază) pentru acesta, îi vom seta culoarea la constanta definită și îi vom da o viteză aleatorie cu o valoare minimă.

În a doua parte a tutorialului, introducem o sway proprietate pentru a muta fulgul de zăpadă la stânga sau la dreapta pe măsură ce cade pe pagină.

Acum avem nevoie de o modalitate de a desena fulgul de zăpadă pe pânză.

4. Desenează un fulg de zăpadă

const drawSnowflake = snowflake => {

    ctx.beginPath();

    ctx.arc(snowflake.x, snowflake.y, snowflake.radius, 0, Math.PI * 2);

    ctx.fillStyle = snowflake.color;

    ctx.fill();

    ctx.closePath();

};

Vom desena un cerc cu o rază specificată de proprietatea obiectului fulg de zăpadă transmis.

5. Actualizați un fulg de zăpadă

const updateSnowflake = snowflake => {
    snowflake.y += snowflake.speed;
    snowflake.x += snowflake.sway;
    if (snowflake.y > canvas.height) {
        Object.assign(snowflake, createSnowflake());
    }
};

Aici, vom lua unul dintre obiectele noastre fulg de zăpadă și îi vom actualiza pozițiile x și y pe pagină. Dacă ajunge la sfârșitul paginii, vom reatribui referința fulgului de zăpadă unui nou obiect fulg de zăpadă.

6. Animarea fulgilor de zăpadă

const animate = () => {
    ctx.clearRect(0, 0, canvas.width, canvas.height);

    snowflakes.forEach(snowflake => {
        updateSnowflake(snowflake);
        drawSnowflake(snowflake);
    });

    requestAnimationFrame(animate);
};

Funcția animate șterge pânza curentă, apoi parcurge matricea noastră de fulgi de zăpadă și le actualizează poziția, apoi îi desenează pe pânză.

Putem crea o animație foarte fluidă apelând pur și simplu această funcție în mod repetat, transmițând-o către requestAnimationFrame.

Desigur, nu am pus snowflakes încă niciun obiect fulg de zăpadă în matricea noastră, așa că haideți să le populăm acum și să începem animația apelând funcția animate .

for (let i = 0; i < NUMBER_OF_SNOWFLAKES; i++) {
    snowflakes.push(createSnowflake());
}

animate();

Ar trebui să avem acum o animație cu ninsoare complet funcțională pe pagina noastră!

7. Adăugarea de ascultători de evenimente

Dacă încerci să redimensionezi fereastra browserului în acest moment sau să derulezi în jos pentru a vedea mai mult conținut (dacă există pe pagina ta), vei observa că efectul de ninsoare este fixat în partea de sus a paginii și nu se redimensionează pentru a se potrivi ferestrei browserului.

Să încheiem frumoasa noastră animație cu ninsoare cu câțiva ascultători de evenimente pentru a gestiona acest lucru.

window.addEventListener('resize', () => {
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
});

window.addEventListener('scroll', () => {
    canvas.style.top = `${window.scrollY}px`;
});

Deoarece am scris totul în JavaScript, fără a fi nevoie de HTML/CSS suplimentar, putem pur și simplu copia codul și îl putem plasa pe orice site.

Concluzie
Este doar puțină distracție și nu ceva ce ar trebui să adăugați pe site-ul dvs neaparat.
Bine ai venit!

Articole aleatorii

Formular de contact

Nume

E-mail *

Mesaj *

Arhivă blog

Bine de stiut

Cand iti este dor de cineva sa nu inchizii ochii. Are sa-ti fie si mai dor!

💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜 💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚
Iti promit ca intr- zi cand o sa fim batrani, o sa te tin de mana si apoi uitandu-ma in ochii tai am sa-ti spun: "Ai vazut ca am avut dreptate? Am imbatranit alaturi de tine! "

Comentarii recente

Social

DODO

De unde avem vizite?

Flag Counter
Intr-un ochi de apa patru ochi luceste
Ce sa fie oare? Este doua peste!
(fara poezie viata e pustiu)



💖 Copyright © 2018 - Blogul lui Petre Vitan
💖 Powered by Blogger ⋆⭒˚。⋆ Design by Petre Vitan ⋆⭒˚。⋆