Bússula

[GabrielFerrari 41]

Estou a alguns dias buscando uma forma de criar uma bússula em JS

Achei 2 extensões do JQuery que faz uma imagem girar

 

jQueryRotate.js e jquery.rotate.1-1.js porém as referencias que encontrei sobre elas foram bem pouco e nada perto do que preciso.

 

Tudo que consegui foi o que pode ser visto nesse link: http://sitecobaia.ue...om/rotacao.html

 

Realmente estou desistindo da minha busca por isso gostaria de ver com o pessoal daqui se acham possível.

 

O que eu preciso que é o seguinte:

 

- Tenho um site com 10.000 x 10.000 px

 

- Vou ter cerca de 9 divs espalhadas por ele do tamanho da resolução do monitor do visitando (então não é tamanho fixo cada uma. é relativo a resolução)

- Sempre que ele clicar em um link será "arrastado" para o conteúdo correspondente (e é nessa parte que a bussula entra).

 

Ela vai ter 9 pontas onde cada uma vai ter o nome de cada div e deve girar para apontar a div correspondente sempre que o site mexer

Vocês acham possível ?

 

Estou em dúvida se é melhor referenciar pelo conteúdo de cada div ou pela posição do mouse caso seja possível agora nao consegui fazer funcionar para achar a melhor solução.

 

Aguardo opiniões ;)

Obrigado!

[RobertoPC 0]

Fala,

 

Acredito que pegando a posição do mouse é o melhor jeito. Eu tenho um script que é parecido com o que você quer, ele pega o movimento do mouse e move alguns objetos. Dá uma olhada:

 

http://robertopc.freehostia.com/js

 

Vlw

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[GabrielFerrari 41]

Opa

Show cara!

 

Vou dar uma estudada no seu código e ver se consigo adaptar

Caso eu consiga resolver posto aqui http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[lucasmartins 6]

Cara, o problema aí é que tu quer girar... daí eu já não sei bem... eu acho, que esse rotate do jquery poderia te ajudar sim...

 

Pela lógica parece ser algo fácil, mas sei que não é bem assim né =P

[GabrielFerrari 41]

É lucasmartins.com.br

eu resolvi deixar isso para o fim do projeto assim fica mais fácil com tudo posicionado e os espaços definidos

para pensar nos cálculos de rotações e tudo mais.

 

Consegui várias partes do que preciso o problema está em juntar. rs

[lucasmartins 6]

É lucasmartins.com.br

eu resolvi deixar isso para o fim do projeto assim fica mais fácil com tudo posicionado e os espaços definidos

para pensar nos cálculos de rotações e tudo mais.

 

Consegui várias partes do que preciso o problema está em juntar. rs

 

 

Bom... talvez com o site pronto seja mais fácil... até se você pudesse dps mandar um link ou uma screenshot, nós teremos uma visão melhor dessa tal "bússula"... eu já fiz alguns javascript's que tem o efeito de girar uma imagem, um elemento e tals... mas não sei bem como é a estrutura do seu site...

 

Abraços

[GabrielFerrari 41]

então por enquanto não posso postar o link do site.

 

estou tentando fazer com o swfir

consegue algum progresso: http://www.viqtory.c...sula/girar.html

 

Mas ainda ta ruim

 

x = 5
 window.onload = function(){
 	var p = document.getElementById("click");
 	p.onclick = function(){
 	setInterval(
 	function(){
 	x = x + 10;
 	alert(x);
 	gira();
 	}, 3000
 	);
 	};
 };
 function gira(){
 	rotate = new swfir();
 	rotate.specify('src', 'swfir.swf');
 	rotate.specify('rotate', x);
 	rotate.swap("img");
 }

 

porém essa budega só gira uma vez

acho que é por que ele carrega o swf um vez só

 

estou buscando uma forma dele "recarregar" a imagem.,

 

 

 

obrigado pela força!