[JS] Rollende vierkanten

[tommieonos]

Goedemorgen tweakers,

ik ben bezig met een interactief logo, een vierkant welteverstaan. Eén van de dingen die het moet kunnen, is horizontaal rollen.
Het draaien werkt, de x-as gaat ook goed, alleen de afstand over de y-as kom ik niet uit:


ik weet hoeveel graden het vierkant gerold heeft, en de afmetingen. Is er een formule om deltaY uit te rekenen?

mijn dank

[ Voor 16% gewijzigd door tommieonos op 22-03-2013 12:47 ]

[Cartman!]

Een ster in wiskunde ben ik niet maar dit lijkt me een simpel geval van pythagoras. Je C heb je al en A en B zijn gelijk aan elkaar. Dan kun je simpelweg A aftrekken van C en dan heb je dY te pakken.

Ahja..in verloop is het simpelweg de hoek gebruiken om A en B uit rekenen dmv sin/cos/tan, daarna blijft het idee hetzelfde. Wat HaTe zegt

[ Voor 27% gewijzigd door Cartman! op 21-03-2013 14:27 ]

[HaTe]

a = lengte zijde
alfa = 45* (graden)

Stand 1:
Yzwaartepunt1 = 1/2a

Stand 2:
Yzwaartepunt2 = sin(alfa)*a

dY = Yzwaartepunt2 - Yzwaartepunt1

Maar je wilt eigenlijk een formule voor over het hele verloop weten. Daar kan je wel uitkomen als je even een tekeningetje voor jezelf maakt van de stand tussen 1 en 2 in.. Gewoon driehoekjes maken en dan werken met (cos)inussen of pythagoras.

edit:
Inderdaad, ik bedoel het zoals Coocoocachoo zegt.

[ Voor 10% gewijzigd door HaTe op 21-03-2013 17:31 ]

[tommieonos]

@HaTe, kan je me uitleggen waarom alfa = 45* graden?
Als ik dit alles invul krijg ik:

a = 10,
alfa = 45 * 45

y1 = 5,
y2 = sin(alfa) * 10 = -7.07

als ik sin(45) * 10 doe krijg ik 7.07, wat me beter lijkt kloppen.

[Coocoocachoo]

Hij bedoelde dat alpha het aantal graden is. In jouw voorbeeld is dat 45 en omdat het graden symbooltje niet direct op je toetsenbord zit heeft hij daar * van gemaakt en er tussen haakjes achter gezet dat hij daar graden mee bedoelde.

oftewel:
DeltaY = sin(HOEK_IN_GRADEN) * LENGTE_ZIJDE - LENGTE_ZIJDE/2

[Grijze Vos]

Wat definieer je als de afstand over de y-as? Is dat t.o.v. het meest linkse punt van je figuur? Is dat t.o.v. het pivot punt onder? niet goed gelezen.

[ Voor 9% gewijzigd door Grijze Vos op 21-03-2013 15:51 ]

[RobIII]

Doe me een lol en host dat plaatje uit je topicstart even op een fatsoenlijke host i.p.v. je dropbox. Nu is je topic compleet onbruikbaar Voor mijn part imgur/tinypic of, hell, imageshack. In ieder geval ergens waar 't de komende maanden (en liefst jaren) kan blijven staan.

Verder: Waar hoort mijn topic?
Programming >> Webdesign, Markup & Clientside Scripting

[ Voor 58% gewijzigd door RobIII op 21-03-2013 17:49 ]

[tommieonos]

Nu snap ik het idee. Alleen de (co)sinus werkt alleen bij rechthoekige driehoeken, dus als mijn vierkant meer dan 90 draait werkt de formule niet meer

[LiquidT_NL]

tommieonos schreef op donderdag 21 maart 2013 @ 17:54:
Nu snap ik het idee. Alleen de (co)sinus werkt alleen bij rechthoekige driehoeken, dus als mijn vierkant meer dan 90 draait werkt de formule niet meer

ten eerste: fix het plaatje in de TS, ik kan er nu even geen beeld bij vormen.

[HaTe]

Volgens mij moet dit kloppen:


Zo moet je er uit komen.

[ Voor 26% gewijzigd door HaTe op 21-03-2013 18:29 ]

[LiquidT_NL]

HaTe schreef op donderdag 21 maart 2013 @ 18:25:
Volgens mij moet dit kloppen:
[afbeelding]

Zo moet je er uit komen.

Ja dat is em! Let wel dat in het plaatje:
a = halve lengte van zijde

God wat baal ik dat ik al jaren niets meer met wiskunde doe Dit zijn van die heerlijke puzzeltjes.