Find Jobs
Hire Freelancers

Create a parallax effect between an array of layers, driving the motion from the gyroscope output of a smartdevice. If no gyroscope is available, the cursor position is used.

$10-100 USD

Abgesagt
Veröffentlicht vor mehr als 8 Jahren

$10-100 USD

Bezahlt bei Lieferung
We would like to create a single page parallax scrolling effect similar [login to view URL] (La Carte) // Strict Mode 'use strict'; // Constants var NAME = 'parallax'; var MAGIC_NUMBER = 30; var DEFAULTS = { relativeInput: false, clipRelativeInput: false, calibrationThreshold: 100, calibrationDelay: 500, supportDelay: 500, calibrateX: false, calibrateY: true, invertX: true, invertY: true, limitX: false, limitY: false, scalarX: 10.0, scalarY: 10.0, frictionX: 0.1, frictionY: 0.1, originX: 0.5, originY: 0.5 }; function Plugin(element, options) { // DOM Context [login to view URL] = element; // Selections this.$context = $(element).data('api', this); this.$layers = this.$[login to view URL]('.layer'); // Data Extraction var data = { calibrateX: this.$[login to view URL]('calibrate-x') || null, calibrateY: this.$[login to view URL]('calibrate-y') || null, invertX: this.$[login to view URL]('invert-x') || null, invertY: this.$[login to view URL]('invert-y') || null, limitX: parseFloat(this.$[login to view URL]('limit-x')) || null, limitY: parseFloat(this.$[login to view URL]('limit-y')) || null, scalarX: parseFloat(this.$[login to view URL]('scalar-x')) || null, scalarY: parseFloat(this.$[login to view URL]('scalar-y')) || null, frictionX: parseFloat(this.$[login to view URL]('friction-x')) || null, frictionY: parseFloat(this.$[login to view URL]('friction-y')) || null, originX: parseFloat(this.$[login to view URL]('origin-x')) || null, originY: parseFloat(this.$[login to view URL]('origin-y')) || null }; // Delete Null Data Values for (var key in data) { if (data[key] === null) delete data[key]; } // Compose Settings Object $.extend(this, DEFAULTS, options, data); // States [login to view URL] = null; [login to view URL] = true; [login to view URL] = false; [login to view URL] = []; [login to view URL] = null; // Element Bounds [login to view URL] = null; [login to view URL] = 0; [login to view URL] = 0; [login to view URL] = 0; [login to view URL] = 0; // Element Center [login to view URL] = 0; [login to view URL] = 0; // Element Range [login to view URL] = 0; [login to view URL] = 0; // Calibration [login to view URL] = 0; [login to view URL] = 0; // Input [login to view URL] = 0; [login to view URL] = 0; // Motion [login to view URL] = 0; [login to view URL] = 0; // Velocity [login to view URL] = 0; [login to view URL] = 0; // Callbacks [login to view URL] = [login to view URL](this); [login to view URL] = [login to view URL](this); [login to view URL] = [login to view URL](this); [login to view URL] = [login to view URL](this); [login to view URL] = [login to view URL](this); [login to view URL] = [login to view URL](this); // Initialise [login to view URL](); }
Projekt-ID: 9204903

Über das Projekt

1 Vorschlag
Remote Projekt
Aktiv vor 8 Jahren

Möchten Sie etwas Geld verdienen?

Vorteile einer Ausschreibung auf Freelancer

Legen Sie Ihr Budget und Ihren Zeitrahmen fest
Für Ihre Arbeit bezahlt werden
Skizzieren Sie Ihren Vorschlag
Sie können sich kostenlos anmelden und auf Aufträge bieten
1 Freelancer bieten im Durchschnitt $61 USD für diesen Auftrag
Avatar des Nutzers
A proposal has not yet been provided
$61 USD in 1 Tag
0,0 (0 Bewertungen)
0,0
0,0

Über den Kunden

Flagge von UNITED STATES
New Hartford, United States
5,0
23
Zahlungsmethode verifiziert
Mitglied seit Apr. 16, 2013

Kundenüberprüfung

Danke! Wir haben Ihnen per E-Mail einen Link geschickt, über den Sie Ihr kostenloses Guthaben anfordern können.
Beim Senden Ihrer E-Mail ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut.
Registrierte Benutzer Veröffentlichte Jobs
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Vorschau wird geladen
Erlaubnis zur Geolokalisierung erteilt.
Ihre Anmeldesitzung ist abgelaufen und Sie wurden abgemeldet. Bitte melden Sie sich erneut an.