SA-MP Forums Archive
[Tool/Web/Other] iPsTeaM Mapas Online - Printable Version

+- SA-MP Forums Archive (https://sampforum.blast.hk)
+-- Forum: Non-English (https://sampforum.blast.hk/forumdisplay.php?fid=9)
+--- Forum: Languages (https://sampforum.blast.hk/forumdisplay.php?fid=33)
+---- Forum: Português/Portuguese (https://sampforum.blast.hk/forumdisplay.php?fid=34)
+----- Forum: Lançamentos/Releases (https://sampforum.blast.hk/forumdisplay.php?fid=56)
+----- Thread: [Tool/Web/Other] iPsTeaM Mapas Online (/showthread.php?tid=353019)


iPsTeaM Mapas Online - ipsBruno - 21.06.2012

Sistema de Mapas Online

Por Bruno da Silva
Hoje vou publicar uma pequena pбgina que fiz 3 de novembro de 2011 e nгo pude postar no fуrum sa:mp por estar banido. Se trata de um sistemas de mapa online, totalmente feito em javacript sem menor dificuldade de implementar ele.

O mapa online й uma imagem do mapa de san andreas onde mostra pontos coloridos que representam os players diretamente da WEB !! Tudo atualizado em tempo real, usando ajax implementado a javascript que pega as informaзхes em php que pega tudo do servidor. Que salva os dados!


Modo de uso
Mude a seguinte trecho da pбgina mapa.html:

Vocк precisarб mudar:

var siteUrl = "teste.php"; // pбgina php para ler jogadores
var tempoAtualizacao = 800; // tempo de atualizaзгo do mapa

Em ler_Players.php vocк precisarб mudar:
$arquivo = "dadosMapa.txt"; // Localizaзгo dos arquivos do servidor

Enquanto ao salvarJogadores.amx precisarб ser carregado no servidor

Download:
http://www.solidfiles.com/d/814c/download/

Crйditos
O sistema foi criado por mim (Bruno da Silva), por favor, mantenha os crйditos. Em breve colocarei uma demo que estou fazendo.

Estб bem simples, mas achei muito eficiente e leve, sem precisar do uso de APIs alheias.

Espero que gostem.

Re: iPsTeaM Mapas Online - ipsBruno - 21.06.2012

Este script tem a mesma funзгo deste:
https://sampforum.blast.hk/showthread.php?tid=48543

Mas nгo utiliza APIs da ******. Eu prуprio recriei baseado em uma imagem e usei cбlculos para deixar preciso a colocaзгo do player em relaзгo a posiзгo da imagem/ponto

_
ATUALIZAЗГO IMPORTANTE

mapa.html Atualizado 21/06/2012
PHP Code:

<DIV style='position:relative;' id="armazenarTudo">
    <img id=tamanhoImagem src='mapa_cista.jpg' height=480 width=480 style='position:absolute; top:3px; left:1px;'>
    </img>
</div>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

<script>
// =========================== [ Configuraзхes ] =========================================
var siteUrl = "index.php?lermapas=1";
var tempoAtualizacao = 1000;
var hoverLigado = false;
// =========================== [ Configuraзхes ] =========================================
executarArquivo();
    
function deletarUsuarios()
{
    document.getElementById("armazenarTudo").innerHTML = "<img id=tamanhoImagem src='mapa_cista.jpg' height=480 width=480 style='position:absolute; top:3px; left:1px;'></img>";
    return true;
}
function criarUsuario(playerid, vida, colete, dinheiro, arma, nome , cor)
{
    var c = parseInt(cor);
    var r = (c >> 24) & 0xFF;
    var g = (c >> 16) & 0xFF;
    var b = (c >> 8) & 0xFF;
 
 
    var cor_rgb =  '#' + r.toString(16) + g.toString(16) +b .toString(16);
    return document.getElementById("armazenarTudo").innerHTML += "<div style='position:absolute; top:0px; left:6px; ' id='textoAcima" + playerid + "' onMouseOver='document.getElementById(\"textoEncima" + playerid +  "\").style.display = \"block\";hoverLigado= true;' onmouseout='document.getElementById(\"textoEncima" + playerid +  "\").style.display = \"none\";hoverLigado= false;'><font size=6 color="+ cor_rgb +">•</font><div style='float:left;position:absolute;top:35;height:120px;width:210px;background-color:black;-webkit-border-radius: 10px 15px;display:none;' id='textoEncima" + playerid + "' ><p><font size=1 color=white face=verdana>    Jogador: "+ nome + "<br/>    Vida:" + vida + "<br/>    Colete: " + colete + "<br/>    Dinheiro: " + dinheiro + "<br/>    Arma: " + arma + "</font></p></div></div>";
}
function executarArquivo()
{
    if(hoverLigado == false)
    {
        deletarUsuarios();
    
        $.get(siteUrl, function (data) {
        
            var jogadores = data.split("\n");
        
            for(var i = 1; i != (jogadores.length + 1); i++)
            {    
    
                var dados = jogadores[i].split("|");
                if(dados[0].length > 2) {
                    criarUsuario(i, dados[1], dados[2], dados[3], dados[4], dados[0], dados[7]);
    
                    colocarPosicao(i, Math.round(dados[5]), Math.round(dados[6]));
                }
            }
        
        });
    }
    setTimeout('executarArquivo();',tempoAtualizacao);
}
function colocarPosicao(playerid, x,y)
{
    x = Math.round(((x         + 2855) / 2) * (document.getElementById("tamanhoImagem").width  / 3000));
    y = Math.round((((y * -1)     + 2855) / 2) * (document.getElementById("tamanhoImagem").height / 3000));
    var name = 'textoAcima' + playerid;
    document.getElementById(name).style.top =  (y) +  "px";
    document.getElementById(name).style.left =  (x)  +  "px";
}
</script> 
IMAGEM DO FUNCIONAMENTO


Re: iPsTeaM Mapas Online - cJMaster_ - 21.06.2012

Oque eu estava precisando! Thanks

Re: iPsTeaM Mapas Online - Smith. - 21.06.2012

Nossa, muito bom

Re: iPsTeaM Mapas Online - ipsBruno - 21.06.2012

Obrigado! Atualizei com uma imagem do funcionamento do mesmo e uma pequena correзгo de um bug devido a atualizaзгo dos navegadores !!

Re: iPsTeaM Mapas Online - paulor - 21.06.2012

Fodбstico, nunca tinha pensado nisso antes! Vou usar, Parabйns!

Re: iPsTeaM Mapas Online - bgmrk - 21.06.2012

Interessante.
Quote:
Originally Posted by doodem
View Post
Oque eu estava precisando! Thanks
Й bom saber que vocк voltou a ativa amigo.

Re: iPsTeaM Mapas Online - Truck - 21.06.2012

kkkkkkkk Genial. Muito bom, +rep.

Re: iPsTeaM Mapas Online - sanalex - 21.06.2012

Йpico!!!

Re: iPsTeaM Mapas Online - Kuddy - 21.06.2012

Lуl =D

Repetaculй drakins.

@off

E esses maninho da йpoca das cavernas ae ? o.O