HTML / CSS / Javascript hölmöilyä

OGU4

Aktiivi jäsen
Terve taas!

https://codepen.io/KirahviKatapultti/full/KKKVyGX

Mie oon tässä nyt varmaan reilun vuoden väkerelly välillä ihan ihmeellistä sontaa nettiselaimen luettavissa olevaan muotoon. Onko täällä muita harrastajia?

tässä tämän illan lämmittelyt, pitkästä aikaa .... hahah ; )

Tässä oli vähän pidempi projekti mikä venyi niin pitkäksi monen erilaisen prototyypin sekasotkuksi, niin en tiedä enää itsekkään miten se korjataan. Jossain vaiheessa jaksan varmaan vielä perehtyä tarpeeksi :D. Tarkoituksena muistaakseni oli saada nuo ukkelit liikkumaan ruutu kerrallaan hiiren klikkauksilla, mutta se itsessään kyllä onnistuu, mutta joku nuissa animaatio funtioissa on pielessä... Niitä oli vielä muistaakseni HTML:n puolella ja JS:n puolella sama identtinen funktio että se toimi tai vähän erilainen, tätä pitäisi kai ratkoa.

Elikkä oon ollu lapsesta asti kiinnostunu pelikehityksestä ja ollut vähän aikaa jopa AMK:ssa sitä opiskelemassa ja vähän jopa töissäkin, sittemmin mieluummin enemmän harrastuksena.

Tässä siis yritetään mallintaa vuoropohjaista RPG pelin alkua. voin ehkä jopa sisällyttää muutaman version kehityksen eri vaiheilta missä tunaroin ihan satasella kun en ole aiemmin tätä siis millään javascriptillä tehnyt siksi tämä onkin hauskaa. (Kokemukset siis C++ ja C# ainoastaan, pintaraapaisua lukuunottamatta tietenkin HTML).

_Uusin ja edelleen rikkinäinen (siis siinä voi olla jopa enemmän bugeja koska codepen [DEVELOPER PRO] lisenssi on jo loppunut ja sitä pitää maksaa noissa projekteissa.

!!! https://codepen.io/KirahviKatapultti/project/full/1d76174515a29867db77c0b70cc4b836 !!!

(Pelin kuuluisi lähteä päälle Walk napista, sen jälkeen hiirellä liikkumista voi koittaa, hahmojen ei myöskään kuuluisi päästä violetille ainoastaan vihreälle. Ensimmäinen pelaaja aloittaa yläoikeasta laidasta sillä on siinä 8 ruutua mihin se voi liikkua, yks kerrallaan, niin pitkälle kuin jaksaa ja sit Walk napista kuuluisi vaihtua vuoro, mutta nuissa animaatiofunktiossa tai niiden "säännöissä" on virheitä)

goblin and human.png


Tämmösen paketin otin vähän reilu vuos sitten codepeniltä ja oikeestaa aika hyvin toimi tommosena harjoittelu alustana, kun voi mistä vaan päästä helposti projekteihin kiinni. Vaikka ei tullut tehtyä mitään järkevää vaan lähinnä peli harrastukselle omistettuna ja vaikka siitä ei mitään vielä tullukkaan, niin ei kaduta. Saatan jopa ostaa uudestaan, vaikka kylläkin on suunnitteilla pystyttää ihan oma servu.
developer.png






Siitä vähän taakse päin pelissä ei ollut hiirellä liikkumista vaan liikuttiin näppäimistöllä, sitäkin aiemmissa versioissa liikuttiin vaan noilla "Up" "Down" "Left" Right" -napeilla ja siksi ne on siellä edelleen debugaus syistä

https://codepen.io/KirahviKatapultti/full/PEmVRd (v0.1.1.6)
https://codepen.io/KirahviKatapultti/full/JMGjoN (v0.1.0.5)
https://codepen.io/KirahviKatapultti/full/opjWqW (v0.1.0.1)
Tässä v0101:ssä varmaankin vasta tehty liikkumislogiikka, jos rullaa alas nii Tick X ja Y on pixelipaikkoja tulevalle animaatiolle ja postion on TickX ja TickY tulkattuna koordinaateiksi gridille.
Osassa on melkein toimiva kivipaperisakset RNG moottori joka siis arpoo 1/3 chänssillä jokaisen vastauksen, mut napit on rikki.

Nää oli niin purkkapatentteja kuin voi olla :D
tipuin kärrystä.png


https://codepen.io/KirahviKatapultti/pen/eeKyMG UI_Starting kit
https://codepen.io/KirahviKatapultti/pen/ZaRvxJ (taitaa olla vuodelta 2017)

Tässä taitaa olla aikaisin versio mitä löydän, jos en väärin muista niin tämmösen PIERUN päälle lähin kasaamaan ja ihan niiku käytännössä nolla kokemuksella javascriptin suhteen. Tätä aiemmin oli kyllä tuommoinen gridi pohja peli proto jossai toisella sivustolla mitä en nyt muista, linkistä pääsee lähdekoodiin, sieltä huomaatte, että javascript kenttää ei edes käytetty kun olin tottunut tekemään ne toisella sivustolla html:n kanssa samaan kenttään :D

Sitten oon sen lisäks tehny tylsyyspäissäni salasanageneraattorin, mikä jäi vaiheeseen myös mutta hauskaa oli silloinkin: https://codepen.io/KirahviKatapultti/pen/gQebGe
Siinäkin koko koodit kaikessa kauneudessaan xD

noita rpg projektien koodeja en kehtaa avata sen enempää koska ne on menny vähän omanki hilseen yli, todennäköisesti aloita joskus puhtaalta pöydältä vastaavan projektin tai sitte meen takasi unityyn.​
 
Viimeksi muokattu:

OGU4

Aktiivi jäsen
Oon tutkinu tän pelin skriptejä tällä viikolla pariin otteeseen ja oon löytäny paljon konflikteja mitkä saattas auttaa ton animaation korjaamisessa, en oo vieläkään varma haluunko mieluummi rakentaa suoraan alusta koko projektin vai jatkaa tästä.

mm. "UnWalkable(){...}" ja oikeastaan "PlayerMovement.js" scripti on vähän huonosti rakennettu, sillä se vastaa liikettä joka tapahtuisi näppäimistöllä, eli kun painetaan jotain mennään johonkin suuntaan... Nyt yritetään muuntaa samalla hiiren sijaintiin se animaatio, en oo varma onko kyse siitä mut se ainaki sotkee ajatusta....

Sitten se resetmove minkä ajatus oli olla boolean, eli jos meinaa hypätä johonkin minne ei voi, niin pitäisi peruuntua siirron. se ei toimi, voi jopa olla osa ongelman juurta.

Jokaiseen suuntaan on oma funktio, enkä tiedä miksi se on edes erillään enää animaatio funktiosta, jossa määritetään hiirensijainti pixeleistä, grid koordinaateiksi. Sen osan voisi kirjoittaa kokonaan uusiksi ja se on käytännössä suurin skripta koko sivulla.. :D

Noh saa nähdä.

-OGU4