lørdag, januar 23, 2021

HTML5 mouse position?

Daily Rush Debat Programmering HTML5 mouse position?

  • Forfatter
    Emne
  • #0

    Fnz
    Bruger
    1.567 indlæg
    Offline

    Halløjsa.

    Er ved at lave et projekt hvor jeg som splash screen skal bruge en effect, hvor positionen af markøren afgør om noget slider den ene eller anden vej.
    Eksempel: http://www.tolgabasaran.com/ozbesin/ (beklager lyden/grafikken, det er ikke mig der har lavet eksemplet).

    Jeg kan sagtens finde ud af at lave denne effekt med Flash, men eftersom jeg gerne vil lave siden tablet/smartphone venlig, så tænkte jeg om ikke det samme kunne laves med HTML5, eller lignende?

    Jeg skal måske lige tilføje, at når man slider til den ene side, så kommer der noget tekst frem (mask effekt), og når man slider til den anden, kommer noget andet tekst frem, altså oveni hinanden. Ud over det, så skal disse to forskellige tekster/billeder, fungere som knapper, som tager mig to forskellige steder hen.

    Kan dette lade sig gøre med andet end Flash?

    (Beklager hvis det er dårligt forklaret)

    I would die to win, cause I was born to lose.

Viser 6 kommentarer - 1 til 6 (af 6 i alt)
  • Forfatter
    Kommentarer
  • #1

    TheRaz
    Bruger
    9.294 indlæg
    Offline

    Kan det ikke gøres i JS eller med HTML5’s canvas?

    Jeg har atomer i bukserne. Og så kan man desuden aldrig få CPU'er nok. Det er ganske enkelt naturvidenskabeligt umuligt.

    #2

    Fnz
    Bruger
    1.567 indlæg
    Offline

    Det skal du jo ikke spørge mig om =P

    I would die to win, cause I was born to lose.

    #3

    TheRaz
    Bruger
    9.294 indlæg
    Offline

    #2
    Det kan du have ret i

    Er ret sikker på du kan opnå effekten med jQuery: http://jquery.com/

    Jeg har atomer i bukserne. Og så kan man desuden aldrig få CPU'er nok. Det er ganske enkelt naturvidenskabeligt umuligt.

    #4

    Munter
    Bruger
    2.473 indlæg
    Offline

    Det ligner noget der kunne laves med et meget simpelt parallax script.

    Jeg har lavet et her for noget tid siden: parallax.js

    "Everybody wants to laugh but nobody wants to cry, Everybody wants to go to heaven... but nobody wants to die!"--Larry Howard

    #5

    Fnz
    Bruger
    1.567 indlæg
    Offline

    Havde ikke set der var kommet flere replies på tråden her. Munter, jeg kan kun grundlæggende html, og er kun ved at lære PHP, så du bliver nød til at fortælle hvad jeg gør med dit script for at få nogle resultater ud af det. Jeg går ud fra det ikke er nok bare at smide det ind i et html dokument, der skal ve være noget at flytte rundt på…. Har du et eksempel hvor scriptet virker eventuelt?

    I would die to win, cause I was born to lose.

    #6

    Munter
    Bruger
    2.473 indlæg
    Offline

    Du kan se en eksempelimplementation af scriptet.

    Det fungerer ved at angive z-index på html elementer og så køre parallax funtionen med et dom-element højere oppe i træet som første argument og et objekt med gangefaktorer på x- og y-aksen som angiver hvor stor bevægelsen skal være.

    "Everybody wants to laugh but nobody wants to cry, Everybody wants to go to heaven... but nobody wants to die!"--Larry Howard

Viser 6 kommentarer - 1 til 6 (af 6 i alt)
  • Du skal være logget ind for at kommentere på dette indlæg.