HTML, JavaScript ja arvuti kaldeandur (Firefox 3.6+) :: Hinnavaatluse Foorumid

R A T · HV veteran liitunud: 21.04.2004

Firefox 3.6 toetab arvuti kaldeandurit (thinkpadidel on näiteks)

Kasutasin seda funktsiooni ära:
http://kellu.pri.ee

Siit saate sortsu:
http://kellu.pri.ee/test.php

andrusny · Kreisi kasutaja liitunud: 20.03.2006

Fukiku · Kreisi kasutaja liitunud: 06.11.2003

Ma usun, et sellised vidinad on pigem JS peal. PHP'l on jumala kama, mis brauser seal otsas on. Väike lehe lähtekoodi piilumine tundub ka seda kinnitavat, et mingi kummalise mozOrientation event'iga seal tegeletakse JS tasemel.

R A T · HV veteran liitunud: 21.04.2004

jep, nii on.
Sealt failist ühtegi PHP tagi ei näe

On keegi veel sellega tegelenud?
Oleks huvitav kogemusi vahetada.

Tahaks teha nii, et aken nagu "kogub hoogu" ja siis sõidab vastavas suunas.
Mul ettekujutus on olemas, aga kas see JS seda võimaldab või teen ma midagi valesti - hui snajet. Tükk aega putitanud, hetkel midagi sellist (kommentaaris on arusaamatused.):

DoS · HV veteran liitunud: 19.08.2002

Tundub huvitav, katsetan ka mingil hetkel ära selle asjanduse.

karu · HV kasutaja liitunud: 08.08.2002

DoS · HV veteran liitunud: 19.08.2002

Mässasin ka natuke ja tegin põhimõtteliselt selle, mida RAT vist enne mõtles.

Spoiler

<html>
<head>
<script type="text/javascript">
var pi = 3.14159265; // pii

var x = 100; // klotsi algkoordinaadid
var y = 100;

var xAngle = 0; // algnurgad ja kiirused
var yAngle = 0;
var vx = 0;
var vy = 0;

var step = 10; // liigutamise ajaline samm (millisekundites)
var A = 130; // parameeter, mis määrab kui kiirelt kallutamine kiirendusele mõjub
// (põhimõtteliselt nagu g väärtus)
var B = 11; // parameeter, mis määrab kui kiirelt kiirendus kiirusele mõjub
// (põhimõtteliselt määrab mis kujuga on klots ja missugune hõõrdumine)

var start = new Date();

window.addEventListener("MozOrientation", function(e) {
xAngle = e.x*pi/2; // arvutame kohe evendis nurgad
yAngle = e.y*pi/2;
}, true);

function move() {
end = new Date();
var timediff = (end.getTime()-start.getTime())/1000.0; // kahe sammu vaheline aeg, mida võib ka stepist võtta
// aga siit on ilmselt täpsem (mitte et vahet väga oleks)
var square = document.getElementById('foo'); // klotsi div

vx = vx + A*Math.sin(xAngle)*timediff; // kiiruse muut
if (x <= 0) { // kui klots on servas
if (xAngle > 0) { // siis liigutame ainult kui kallutatakse teisele poole
x = 0; // et klots suure kiirusega välja lennates ära ei kaoks
vx = 1; // anname mingi algkiiruse
x = x + B*vx*timediff; // uus koordinaat
}
} else if (x >= 750) { // sama mis enne ainult teisel pool
if (xAngle < 0) {
x = 750;
vx = -1;
x = x + B*vx*timediff;
}
} else {
x = x + B*vx*timediff; // kui ei ole väljas, siis arvutame ka uue koordinaadi
}
square.style.left = x; // ja liigutame klotsi

vy = vy + A*Math.sin(yAngle)*timediff; // y-koordinaadiga sama lugu
if (y <= 0) {
if (yAngle > 0) {
y = 0;
vy = 1;
y = y + B*vy*timediff;
}
} else if (y >= 450) {
if (yAngle < 0) {
y = 450;
vy = -1;
y = y + B*vy*timediff;
}
} else {
y = y + B*vy*timediff;
}
square.style.top = y;

start = end;
}
setInterval("move()",step); // paneme timeri käima
</script>
</head>
<body>
<div style="width: 800; height: 500; background: black; position: relative;">
<div style="width: 2; height: 500; background: white; position: absolute; top: 0; left: 399"></div>
<div id="foo" style="width: 50; height: 50; background: white; position: absolute; top: 100; left: 100;">
</div>
</div>
</body>
</html>

R A T · HV veteran liitunud: 21.04.2004

oo, korralik teema, taolist asja mõtlesin jah

mismoodi saaks selle asja protsentide peale ümber teha?

Esiteks oleks vaja akna laiust ja kõrgust vist tarvis, kas neid väärtuseid saab lugeda?

ise küsin, ise vasta:

mikk36 · HV Guru liitunud: 21.02.2004

R A T, võta kasutusele jQuery, saad kenasti igast muutujaid igale DOM objektile külge panna, lisaks võid ka koodi lühemaks saada.
http://docs.jquery.com/Core/data

R A T · HV veteran liitunud: 21.04.2004

Proovin jQueryt.
Selline küsimus. Kas kuidagi on <div>i kõrgust pikslites võimalik välja imeda JS abil?

Et saaks koodi teha nii, et arvestab nähtava akna kõrgusena seda...

i8080 · Kreisi kasutaja liitunud: 15.03.2002

.offsetHeight peaks olema selleks sobilik.
iseasi, kui see div on täidetud ainult mingite float:left või :right asjadega, siis ta võib arvata enda kõrguseks suht olematu pisikese suuruse.
sel juhul nende float jubinate järgi oleks vaja lisada näiteks tühi div stiiliga clear:both või ka &nbsp: kärab hädapärast

mikk36 · HV Guru liitunud: 21.02.2004

R A T · HV veteran liitunud: 21.04.2004

Niih, selline probleem. Kuidas panna custom kursorit textboxide, buttonite jmt kohale?

Bodys töötab see, aga mujal mitte.
Kolmas-neljas päev juba googeldan krt

cursor: url("cursor.cur"), default;