SlideShare a Scribd company logo
Concept:
● A satisfying game where users pop bubbles with their mouse.
● Users choose a level of difficulty.
● Bubbles get smaller and greater in quantity as levels progress.
● Fun sound effects bring the game to life.
The variables:
● H
Use of functions and objects
● Setup
● Preload
● Draw
● logoPop
● easyMode; moderateMode; hardMode
● gameReset
● DrawCircle (object)
Use of functions and objects
● H
logoPop function
● H
How to: disappear with a “POP”
● Link to code:
http://alpha.editor.p5js.org/denaplesk2/sketches/rkkVyUAyG
● Link to full screen:
http://alpha.editor.p5js.org/full/rkkVyUAyG
Easy, Moderate, Hard
● H
DrawCircle Object
● H
DrawCircle Object: display
● H
DrawCircle Object: popSound
● H
Additional features (for future):
● Timer – Users must pop all bubbles under a time constraint.
Makes the game more challenging and competitive.
● Leap Motion – Users can pop bubbles with their hands, not just their
mouse. Makes the game more interesting and modern.
● Floating Bubbles – Bubbles bounce around the screen. Makes the
game more challenging and visually compelling.
Timer Examples:
● 1. http://alpha.editor.p5js.org/denaplesk2/sketches/S1OAhXA-M
5 second countdown
● 2. https://alpha.editor.p5js.org/denaplesk2/sketches/B1taLQvxG
User interface. Different levels.

More Related Content

Similar to Pop! final presentation

How to set up Android Picture-in-picture mode? (a.k.a Floating window) + Best...
How to set up Android Picture-in-picture mode? (a.k.a Floating window) + Best...How to set up Android Picture-in-picture mode? (a.k.a Floating window) + Best...
How to set up Android Picture-in-picture mode? (a.k.a Floating window) + Best...Mohsen Mirhoseini
 
Korea linuxforum2014 html5game-sangseoklim
Korea linuxforum2014 html5game-sangseoklimKorea linuxforum2014 html5game-sangseoklim
Korea linuxforum2014 html5game-sangseoklimSang Seok Lim
 
This project has been designed for you to get experience with basic .pdf
This project has been designed for you to get experience with basic .pdfThis project has been designed for you to get experience with basic .pdf
This project has been designed for you to get experience with basic .pdfeyeonsecuritysystems
 
Best practices when releasing HTML5 games (using Defold) / Björn Ritzl (Defold)
Best practices when releasing HTML5 games (using Defold) / Björn Ritzl (Defold)Best practices when releasing HTML5 games (using Defold) / Björn Ritzl (Defold)
Best practices when releasing HTML5 games (using Defold) / Björn Ritzl (Defold)DevGAMM Conference
 
How to build Kick Ass Games in the Cloud
How to build Kick Ass Games in the CloudHow to build Kick Ass Games in the Cloud
How to build Kick Ass Games in the CloudChris Schalk
 
React native: building native iOS apps with javascript
React native: building native iOS apps with javascriptReact native: building native iOS apps with javascript
React native: building native iOS apps with javascriptPolidea
 
Introduction to React Native
Introduction to React NativeIntroduction to React Native
Introduction to React NativeDamian Zbrożek
 
How We Won Gamedev By Rolling Our Own Tech (no notes)
How We Won Gamedev By Rolling Our Own Tech (no notes)How We Won Gamedev By Rolling Our Own Tech (no notes)
How We Won Gamedev By Rolling Our Own Tech (no notes)Mihai Gosa
 
SVC UX class - Prototyping + Testing
SVC UX class - Prototyping + TestingSVC UX class - Prototyping + Testing
SVC UX class - Prototyping + TestingLeanna Gingras
 
GDCE 2015: Blueprint Components to C++
GDCE 2015: Blueprint Components to C++GDCE 2015: Blueprint Components to C++
GDCE 2015: Blueprint Components to C++Gerke Max Preussner
 
Chrome game programming_with_for_play
Chrome game programming_with_for_playChrome game programming_with_for_play
Chrome game programming_with_for_playfirenze-gtug
 
Chrome game programming_with_for_play
Chrome game programming_with_for_playChrome game programming_with_for_play
Chrome game programming_with_for_playfirenze-gtug
 
Helios media plan & discovery process reboot
Helios media plan & discovery process rebootHelios media plan & discovery process reboot
Helios media plan & discovery process rebootMehaaaMarshaa
 
Gonzalez_V_week11_mediaplanreboot
Gonzalez_V_week11_mediaplanrebootGonzalez_V_week11_mediaplanreboot
Gonzalez_V_week11_mediaplanrebootVeronicaGonzalez336
 
Martinez_C_Week11_MEDIAPLANREBOOT.V2.PPT
Martinez_C_Week11_MEDIAPLANREBOOT.V2.PPTMartinez_C_Week11_MEDIAPLANREBOOT.V2.PPT
Martinez_C_Week11_MEDIAPLANREBOOT.V2.PPTCamilaMartinez177
 
Pierce_A_Week11_MediaPlanRebootV1
Pierce_A_Week11_MediaPlanRebootV1Pierce_A_Week11_MediaPlanRebootV1
Pierce_A_Week11_MediaPlanRebootV1AustinPierce13
 
Phone gap & jquerymobile
Phone gap & jquerymobilePhone gap & jquerymobile
Phone gap & jquerymobilebetabeers
 

Similar to Pop! final presentation (18)

How to set up Android Picture-in-picture mode? (a.k.a Floating window) + Best...
How to set up Android Picture-in-picture mode? (a.k.a Floating window) + Best...How to set up Android Picture-in-picture mode? (a.k.a Floating window) + Best...
How to set up Android Picture-in-picture mode? (a.k.a Floating window) + Best...
 
Korea linuxforum2014 html5game-sangseoklim
Korea linuxforum2014 html5game-sangseoklimKorea linuxforum2014 html5game-sangseoklim
Korea linuxforum2014 html5game-sangseoklim
 
This project has been designed for you to get experience with basic .pdf
This project has been designed for you to get experience with basic .pdfThis project has been designed for you to get experience with basic .pdf
This project has been designed for you to get experience with basic .pdf
 
Best practices when releasing HTML5 games (using Defold) / Björn Ritzl (Defold)
Best practices when releasing HTML5 games (using Defold) / Björn Ritzl (Defold)Best practices when releasing HTML5 games (using Defold) / Björn Ritzl (Defold)
Best practices when releasing HTML5 games (using Defold) / Björn Ritzl (Defold)
 
How to build Kick Ass Games in the Cloud
How to build Kick Ass Games in the CloudHow to build Kick Ass Games in the Cloud
How to build Kick Ass Games in the Cloud
 
React native: building native iOS apps with javascript
React native: building native iOS apps with javascriptReact native: building native iOS apps with javascript
React native: building native iOS apps with javascript
 
Introduction to React Native
Introduction to React NativeIntroduction to React Native
Introduction to React Native
 
How We Won Gamedev By Rolling Our Own Tech (no notes)
How We Won Gamedev By Rolling Our Own Tech (no notes)How We Won Gamedev By Rolling Our Own Tech (no notes)
How We Won Gamedev By Rolling Our Own Tech (no notes)
 
SVC UX class - Prototyping + Testing
SVC UX class - Prototyping + TestingSVC UX class - Prototyping + Testing
SVC UX class - Prototyping + Testing
 
Scratch Animation
Scratch AnimationScratch Animation
Scratch Animation
 
GDCE 2015: Blueprint Components to C++
GDCE 2015: Blueprint Components to C++GDCE 2015: Blueprint Components to C++
GDCE 2015: Blueprint Components to C++
 
Chrome game programming_with_for_play
Chrome game programming_with_for_playChrome game programming_with_for_play
Chrome game programming_with_for_play
 
Chrome game programming_with_for_play
Chrome game programming_with_for_playChrome game programming_with_for_play
Chrome game programming_with_for_play
 
Helios media plan & discovery process reboot
Helios media plan & discovery process rebootHelios media plan & discovery process reboot
Helios media plan & discovery process reboot
 
Gonzalez_V_week11_mediaplanreboot
Gonzalez_V_week11_mediaplanrebootGonzalez_V_week11_mediaplanreboot
Gonzalez_V_week11_mediaplanreboot
 
Martinez_C_Week11_MEDIAPLANREBOOT.V2.PPT
Martinez_C_Week11_MEDIAPLANREBOOT.V2.PPTMartinez_C_Week11_MEDIAPLANREBOOT.V2.PPT
Martinez_C_Week11_MEDIAPLANREBOOT.V2.PPT
 
Pierce_A_Week11_MediaPlanRebootV1
Pierce_A_Week11_MediaPlanRebootV1Pierce_A_Week11_MediaPlanRebootV1
Pierce_A_Week11_MediaPlanRebootV1
 
Phone gap & jquerymobile
Phone gap & jquerymobilePhone gap & jquerymobile
Phone gap & jquerymobile
 

Recently uploaded

Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitabilityaaryangarg12
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxadityakushalsaha
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themmadhavlakhanpal29
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.rrimika1
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfSudhanshuMandlik
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdffabianavillanib
 
Top 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen DesignsTop 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen DesignsFinzo Kitchens
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxAlecAnidul
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersConfidence Ago
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionPixel poets
 

Recently uploaded (11)

Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdf
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
Top 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen DesignsTop 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen Designs
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to Fashion
 

Pop! final presentation