Jump to content
Rpg²S Forum
Attenzione: Cambio modalità di Login
  • 0

Problema rendendo la risoluzione responsive...

Freank

Asked by Freank,

 Share

Question

Freank Arshes (RmXP)

Freank

Posted
Posted (edited)

Finalmente sono riuscito a risolvere una questione che avevo in mente da un pò.

La visualizzazione responsive dei giochi MV.

Cosa significa responsive?

Significa che a seconda di come la vostra finestra venga ridimensionata, il gioco si adatterà di volta in volta alla vostra risoluzione.

 

Ci sono riuscito "forzando" un pò la mano sul CSS.

In index.html ho inserito, nell' <head> questo codice

 

<style>
  #GameCanvas {
    width: 100% !important;
    max-width: 900px;
    height: auto !important;
  }
</style>
Il body, invece, è bene modificarlo con questo:
<body style="background-color: black; overflow:hidden;">
Tutto bene? Inizialmente sembrava di si. Se il vostro gioco è giocabile solo con la tastiera non ci sono problemi ed è perfetto.
Riassumendo con immagini:
PRIMA
9MiHlNR.png
DOPO
tTzUn7h.png
Il problema sorge con l'uso del mouse (che risulta come se il puntatore fosse spostavo di un gradino verso l'alto.
Potete vedere l'errore girando nella sezione Settings del gioco su cui stavo facendo i test.
Qualcuno ha in mente qualche soluzione?
Edited by Freank

th_95398_Banner_copia_122_1134lo.jpg

Ho provato a creare un Platform Game usando Rpg Maker...
questo è il risultato:

2319.png

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0
Guardian of Irael Prode Guerriero

Guardian of Irael

Posted
Posted

Interessante la soluzione "esterna" del forzare il tutto nel CSS.

Peccato per il mouse, forzarlo di volta in volta pare poco elegante, non so neanche se ci siano i mezzi per farlo... forse studiando su cosa il mouse va ad impattare col click si riesce a tirar fuori una soluzione, ma non saprei! >

(\_/)
(^ ^) <----coniglietto rosso, me!
(> <)

Il mio Tumblr dove seguire i miei progetti, i progetti della Reverie : : Project ^ ^

http://i.imgur.com/KdUDtQt.png disponibile su Google Play, qui i dettagli! ^ ^

http://i.imgur.com/FwnGMI3.png completo! Giocabile online, qui i dettagli! ^ ^

REVERIE : : RENDEZVOUS (In allenamento per apprendere le buone arti prima di cominciarlo per bene ^ ^) Trovate i dettagli qui insieme alla mia intervista (non utilizzerò più rpgmaker) ^ ^

 

SUWOnzB.jpg 🖤
http://www.rpg2s.net/dax_games/r2s_regali2s.png E:3 http://www.rpg2s.net/dax_games/xmas/gifnatale123.gif
http://i.imgur.com/FfvHCGG.png by Testament (notare dettaglio in basso a destra)! E:3
http://i.imgur.com/MpaUphY.jpg by Idriu E:3

Membro Onorario, Ambasciatore dei Coniglietti (Membro n.44)

http://i.imgur.com/PgUqHPm.png
Ufficiale
"Ad opera della sua onestà e del suo completo appoggio alla causa dei Panda, Guardian Of Irael viene ufficialmente considerato un Membro portante del Partito, e Ambasciatore del suo Popolo presso di noi"


http://i.imgur.com/TbRr4iS.png<- Grazie Testament E:3
Ricorda...se rivolgi il tuo sguardo ^ ^ a Guardian anche Guardian volge il suo sguardo ^ ^ a te ^ ^
http://i.imgur.com/u8UJ4Vm.gifby Flame ^ ^
http://i.imgur.com/VbggEKS.gifhttp://i.imgur.com/2tJmjFJ.gifhttp://projectste.altervista.org/Our_Hero_adotta/ado2.png
Grazie Testament XD Fan n°1 ufficiale di PQ! :D

Viva
il Rhaxen! <- Folletto te lo avevo detto (fa pure rima) che non
avevo programmi di grafica per fare un banner su questo pc XD (ora ho di
nuovo il mio PC veramente :D)

Rosso Guardiano della
http://i.imgur.com/Os5rvhx.png

Rpg2s RPG BY FORUM:

Nome: Darth Reveal

 

PV totali 2
PA totali 16

Descrizione: ragazzo dai lunghi capelli rossi ed occhi dello stesso colore. Indossa una elegante giacca rossa sopra ad una maglietta nera. Porta pantaloni rossi larghi, una cintura nera e degli stivali dello stesso colore. E' solito trasportare lo spadone dietro la schiena in un fodero apposito. Ha un pendente al collo e tiene ben legato un pezzo di stoffa (che gli sta particolarmente a cuore) intorno al braccio sinistro sotto la giacca, copre una cicatrice.
Bozze vesti non definitive qui.

Equipaggiamento:
Indossa:
60$ e 59$ divisi in due tasche interne
Levaitan

Spada a due mani elsa lunga

Guanti del Defender (2PA)
Anello del linguaggio animale (diventato del Richiamo)

Scrinieri da lanciere (2 PA)

Elmo del Leone (5 PA)

Corazza del Leone in Ferro Corrazzato (7 PA)

ZAINO (20) contenente:
Portamonete in pelle di cinghiale contenente: 100$
Scatola Sanitaria Sigillata (può contenere e tenere al sicuro fino a 4 oggetti curativi) (contiene Benda di pronto soccorso x3, Pozione di cura)
Corda
Bottiglia di idromele
Forma di formaggio
Torcia (serve ad illuminare, dura tre settori)

Fiasca di ceramica con Giglio Amaro (Dona +1PN e Velocità all'utilizzatore)
Ampolla Bianca

Semi di Balissa

 

CAVALLO NORMALE + SELLA (30 +2 armi) contentente:
66$
Benda di pronto soccorso x3
Spada a due mani

Fagotto per Adara (fazzoletto ricamato)


 

Link to comment
Share on other sites
  • 0
Freank Arshes (RmXP)

Freank

Posted
  • Author
Posted (edited)

Ok, aggiunta una precisazione su come modificare anche il body e aggiunte delle immagini prima/dopo per far capire bene il risultato

Edited by Freank

th_95398_Banner_copia_122_1134lo.jpg

Ho provato a creare un Platform Game usando Rpg Maker...
questo è il risultato:

2319.png

Link to comment
Share on other sites
  • 0
Lomax_Iced Utente avanzato

Lomax_Iced

Posted
Posted

m.. Bella correzione. chissà quale sarà il codice da usare per permettere al sistema di puntamento di calibrare i margini.
Al momento non posso cimentarmi e finita questa serata sono quasi certo che me ne dimenticherò.. maa comunque sia
faccio i miei complimenti ;)

 

 

https://youtube.com/shorts/IeFx6zFuE0A?feature=share
https://youtu.be/z8XXIWEDrw8

https://youtu.be/g4-mMbCTX6I
https://youtu.be/YZDK0M6BMsw <p>

 

giphy.gif

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to question listing
×
×
  • Create New...