SlideShare a Scribd company logo
PRAVLJENJE 2D IGRICA
UZ PRIMER SA LIBGDX BIBLIOTEKOM
Igor Talić
KO SAM JA?
 Predavao:
 Pravljenje igrica (Adobe Flesh)
 HTML5, CSS3, WebSockets, WebRTC
 MVC arhitektura
 JavaFX
 Mobilne aplikacije uz pomoć WebView-a
 Mikroservisna arhitektura
 Vert.x asinhrono programiranje u Javi
 Docker i spremanje aplikacije za produkciju
Ja sam Full Stack Web Developer.
Radio sa tehnologijama: Java, JavaScript (
Node.js ), Python, PHP i C++.
SVI ZNAMO ŠTA SU IGRICE,
ONO ŠTO NAS ZANIMA JE KAKO SE PRAVE.
ŠTA ĆEMO PREĆI
 Šta čini jednu igricu
 Animacije
 Fizika i matematika
 Korisnički input
 2D igrice i osnovni pojmovi ( terminologija )
 Grafičko programiranje
 Game Loop
 Kamera
 Slike
 Atlasi/SpriteSheet
 Batching
 Kolizije
 Game engines
- ANIMACIJE
- ANIMACIJE
- ANIMACIJE
- ANIMACIJE
 Animacija je postupak stvaranja iluzije kretanja.
 Animacije se najčešće prezentuju pomoću GIF-a ili Video materijala.
 Animacija se sastoji od više slika ili takozvanih frejmova.
 Što više frejmova animacija je tečnija
 Brzina prikazivanja se meri u frejmovima po sekundi ili ti FPS-u.
FIZIKA I MATEMATIKA
 Matematika:
 Trigonometrija
 Vektori
 Fizika zavisi najviše od vašeg gameplay-a
 Najčešće treba nam grafitacija, ubrzanje, znaga…
KORISNIČKI INPUT
2D IGRICE I OSNOVNI POJMOVI
- GRAFICKO PROGRAMIRANJE
 OpenGL
 OpenGL ES
 WebGL
 Direct3D
GAME LOOP
KAMERA
 Tip kamere:
 Orthographic
 Perspective
KAMERA
KAMERA
SLIKE
 Svaka igrica je sačinjena od mnoštva slika u 2D igricama te slike se zovu
Sprite-ovi.
 U 3D igricama slike se zovu texture, često ćemo to viđati.
 Dva bitna pojma zbog performansi same igrice koje moramo da znamo
su:
 Atlasi / SpriteSheet
 SpriteBatch
ATLASI / SPRITESHEET
SPRITE BATCH
Sprite batch je tehnika crtanja više sprite-ova u jednom draw pozivu ka
grafickoj kartici.
batch.begin();
batch.draw(player, 0f, 0f);
batch.draw(enemy, 5f, 10f);
batch.draw(gras, 0f, 0f);
batch.end();
KOLIZIJE
KOLIZIJE
GAME ENGINES
Game Engines
 Unreal Engine
 Unity Engine
 GameMaker
 GodotEngine
 Construct2
https://github.com/showcases/game-
engines
Game Frameworks
 LibGDX
 Cocos2d-x
 gameplay3D
 LibSDL2
 Phaser

More Related Content

Featured

Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Project for Public Spaces & National Center for Biking and Walking
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
DevGAMM Conference
 

Featured (20)

Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 

Intro to 2D Game Development

  • 1. PRAVLJENJE 2D IGRICA UZ PRIMER SA LIBGDX BIBLIOTEKOM Igor Talić
  • 2. KO SAM JA?  Predavao:  Pravljenje igrica (Adobe Flesh)  HTML5, CSS3, WebSockets, WebRTC  MVC arhitektura  JavaFX  Mobilne aplikacije uz pomoć WebView-a  Mikroservisna arhitektura  Vert.x asinhrono programiranje u Javi  Docker i spremanje aplikacije za produkciju Ja sam Full Stack Web Developer. Radio sa tehnologijama: Java, JavaScript ( Node.js ), Python, PHP i C++.
  • 3. SVI ZNAMO ŠTA SU IGRICE, ONO ŠTO NAS ZANIMA JE KAKO SE PRAVE.
  • 4. ŠTA ĆEMO PREĆI  Šta čini jednu igricu  Animacije  Fizika i matematika  Korisnički input  2D igrice i osnovni pojmovi ( terminologija )  Grafičko programiranje  Game Loop  Kamera  Slike  Atlasi/SpriteSheet  Batching  Kolizije  Game engines
  • 8. - ANIMACIJE  Animacija je postupak stvaranja iluzije kretanja.  Animacije se najčešće prezentuju pomoću GIF-a ili Video materijala.  Animacija se sastoji od više slika ili takozvanih frejmova.  Što više frejmova animacija je tečnija  Brzina prikazivanja se meri u frejmovima po sekundi ili ti FPS-u.
  • 9. FIZIKA I MATEMATIKA  Matematika:  Trigonometrija  Vektori  Fizika zavisi najviše od vašeg gameplay-a  Najčešće treba nam grafitacija, ubrzanje, znaga…
  • 11. 2D IGRICE I OSNOVNI POJMOVI - GRAFICKO PROGRAMIRANJE  OpenGL  OpenGL ES  WebGL  Direct3D
  • 13. KAMERA  Tip kamere:  Orthographic  Perspective
  • 16. SLIKE  Svaka igrica je sačinjena od mnoštva slika u 2D igricama te slike se zovu Sprite-ovi.  U 3D igricama slike se zovu texture, često ćemo to viđati.  Dva bitna pojma zbog performansi same igrice koje moramo da znamo su:  Atlasi / SpriteSheet  SpriteBatch
  • 18. SPRITE BATCH Sprite batch je tehnika crtanja više sprite-ova u jednom draw pozivu ka grafickoj kartici. batch.begin(); batch.draw(player, 0f, 0f); batch.draw(enemy, 5f, 10f); batch.draw(gras, 0f, 0f); batch.end();
  • 21. GAME ENGINES Game Engines  Unreal Engine  Unity Engine  GameMaker  GodotEngine  Construct2 https://github.com/showcases/game- engines Game Frameworks  LibGDX  Cocos2d-x  gameplay3D  LibSDL2  Phaser