Tegn og gæt med websockets og node.js

I denne øvelse skal vi forsøge at gøre vores template til et lille spil – nærmere bestemt tegnelegen “Tegn & Gæt”. Vi starter med en klient/server template, der kun akkurat kan det mest nødvendige. Hent multiplayer server template her  2G INF: Hent midlertidig fremgang her: sockets_multiplayer_temp Fremgangsmåde trin for trin Lad os først teste applikationen i … Læs mere

Websockets med Node.js – elev tutorials

I dette indlæg samles forskellige tutorials hvor elever forklarer nøjagtigt hvordan du installerer node.js og opretter et lille setup med websockets på din egen computer. Udførlig video med alle trin Tekst tutorial med skabelon Websockets med node.js og socket.io  

5 Multiplayer server skabelon

Lad os med udgangspunkt i skabelonen med websockets, prøve at sætte noget funktionalitet op til et lille multiplayer spil. Her skal vi holde tungen lige i munden i begyndelsen. Hvad gør serveren – og hvad gør klienterne? Vi er jo vant til at programmere javascript således, at klienten gør alt arbejdet. Hvis vi vil bevæge … Læs mere

4 Kommunikation

Så er vi næsten i mål. Vi har skrevet koden til en lille webserver vi kan starte og køre, og vi har oprettet forbindelse med en klient – som har fået sit helt eget id. Vi kan åbne to forskellige browservinduer og forbinde til serveren – og i terminalvinduet kan vi de får forbindelse begge … Læs mere

3 Sockets

Ok. Så nu har vi en webserver der kører node og som åbner vores egen server.js fil og hoster vores skitse i p5 lokalt på port 3000. Nu skal vi tilføje det kode som gør det muligt for klienter på serveren, at sende beskeder frem og tilbage til hinanden i realtid. Og dermed er vi … Læs mere

2 npm

Okay, så vi har installeret node – og vi har fundet ud af at vi kan køre en server via kommandoprompten – og starte en fil vi selv har lavet: server.js. Og det er jo super. Men på en måde fik vi ikke helt afsluttet hvad en webserver er. Normalt – og også i dette … Læs mere

1 node.js

Hvis du er kommet til dette indlæg, har du formentlig prøvet at eksperimentere med p5.js og javascript kode i forskellige sammenhænge. Det du skal lære nu, er en metode som gør det muligt for flere personer at bruge dine sketches samtidigt. Altså flere personer kunne i princippet sidde forskellige steder i verden og tegne på … Læs mere