Lär dig Three.js medan du bygger ett 3D -spel med fysik

Blogg

I denna kurs skapar vi ett 3D -spel med fysik. Vi kommer att använda Three.js för att generera 3D -grafiken och Cannon.js för att simulera fysik i detta spel. Denna handledning är främst för nybörjare.



Oroa dig inte om du inte har använt dessa bibliotek tidigare. Detta är en introduktionskurs både för Three.js och Cannon.js. Vi kommer att gå igenom allt i detalj. Vi går igenom, hur man ställer in scenen, hur man lägger till lampor, hur man ställer in kameran, hur man lägger till animeringar och händelsehanterare, och till sist kommer vi att lägga till fysik. Det enda du behöver känna till är JavaScript, men vi kommer inte att göra något tokigt med det heller. Så om du har en grundläggande förståelse för JavaScript och du vill lära dig Three.js så är detta en bra början.






Du hittar hela spelet och dess källkod på Codepen: https://codepen.io/HunorMarton/pen/MWjBRWp



  • 0:00 Introduktion
  • 1:11 Ett första exempel
  • 1:56 En scen med en låda
  • 3:16 Ljus
  • 5:31 Kameralternativ
  • 9:09 Renderaren
  • 10:20 Ställer in vårt spel
  • 15:10 Eventhantering och animering
  • 19:30 Dela en låda
  • 27:40 Lägga till fysik med Cannon.js
  • 34:44 Nästa steg

Spelet i videon är starkt inspirerat av mobilspelet Stack: https://apps.apple.com/us/app/stack/id1080487957



#tre #trejs #spelutveckling






www.youtube.com

Lär dig Three.js medan du bygger ett 3D -spel med fysik

I denna kurs skapar vi ett 3D -spel med fysik. Vi kommer att använda Three.js för att generera 3D -grafiken och Cannon.js för att simulera fysik i detta spel. Denna handledning är främst för nybörjare.