Building "Hidden Objects" Browser Games

Preface

1. Distribution Permission
2. Forewords
3. Disclosures
4. Disclaimer
5. Workbook Content
6. About this Workbook
7. How to Read & Use this workbook:
8. Viewing the eBook:
9. The “Community” Workbook Editions
10. External Links
11. References Used
12. Your newly obtained skills …
13. More Resources
14. Programming Courses
15. IPart I — Concept & Design

1“Hidden Objects” Design Workshop

1. 1.1About this Workshop

2Building “Hidden Objects” Games

1. 2.1Hidden Objects Genre Description
2. > Game Genre Deconstruction
3. Deconstruction Process
4. 2.2Historical Background
5. 2.3“Hidden Objects” Gameplay Concepts

3Introduction to Game Design

1. Approaching Game Development
2. Focusing Your Game
3. 3.1Game Design System™ & Components
4. 3.2Game Mechanics (GM) — Logic & Rules
5. 3.3Game Mechanics (GM) — Data Structure
6. > “Free Forum Advice” on “Hidden Games” Creation
7. > Deeper Dive: Solving Replayability
8. Opinion: Expanding The “Replay Value” Of Games
9. 3.4Game Framework Mechanisms
10. 3.5Cashing In with “Hidden Object” Games
11. GG Interactive — FREE Game Design Course
12. IIPart II: Construct2 Production

4Lesson 1: Game Project Launch

1. 4.1About Your Project:
2. 4.2Project Settings:
3. 4.3Configuration Settings
4. 4.4Design Consideration: CMS, PWA, or SWPA!
5. > Creating a C2 SWPA Game Version?
6. > FYI: Creating a C2 CMS or PWA Game Version?
7. 4.5Comparing your code

5Lesson 2: Scaling Objects & Layouts

1. 5.1What is Your Competition Doing?
2. > Game Competitor Examples
3. 5.2My Evaluations
4. > Game #1: Smurfs Interactive Game
5. > Game #2: Highlights Kids: Hidden Pictures
6. > Game #3: Spot the Difference — HTML5 Game (Construct 3)
7. > Game #4: Ryan Guitar GitHub Example
8. > Game #5: Garage Sale
9. > Game #6: Messy Room
10. 5.3Competitors’ eCommerce Website Examples

6Lesson 3: Loading & Placing items.

1. 6.1Lesson Instructions
2. From the Manual: How to avoid “JANK”
3. Serif vs Sans-Serif:
4. Using Web Fonts inside a Text Object
5. Microsoft Office to the Rescue!

7Lesson 4: Game Mechanics Mgmt.

1. 7.1Inside The “Game Loop”
2. 7.2Game Mechanics Structure
3. 7.3How to Create Events
4. 7.4Game Set-up
5. 7.5Game Play Phase
6. > Making the “Magnifying Glass”
7. Magnifying Frame & Lens Relationship
8. > Managing Cooty Spiders
9. > Debugging Cooty Sizing
10. > Debugging the Cooty Inventory
11. 7.6Practice Method #1
12. > Bonus Game & Download
13. 7.7Download Lesson 4 “.capx” file

8Lesson 5: Game Conversion Methods.

1. 8.1Conversion Method #2
2. 8.2Lesson Instructions
3. > Step #1: Building a Grid.
4. Construct Export Optimizations Performed
5. > Step #2: Create more Layers.
6. Layers inside a Layout
7. > Step #3: Load images.
8. > Step #4: Deploy Hidden Objects.
9. > Step #5: Game Mechanics & Events Used.
10. 8.3Practice Method #2
11. 8.4Competitor Games Revisited! …
12. 8.5Download Lesson 5 “.capx” files
13. > Available Bonus Games …

9Lesson 6: He says, “He’s already Got One”!

1. 9.1Modify a Gamer’s “Score & Discoveries”
2. 9.2Download Lesson 6 “.capx” files

10Lesson 7: Find the Difference!

1. 10.1Lesson Instructions
2. 10.2Customized Margins
3. 10.3Deeper Dive: AI Project Preparations
4. 10.4Download Lesson 7 “.capx” files

11Lesson 8: “Game Lost & Won” Scenes!

1. 11.1Hidden Item Inventory
2. 11.2“Game Finished” Scene(s)
3. > Determine Rules for “Game Won”
4. > Determine Rules for “Game Lost”
5. 11.3Global Objects & Layouts
6. 11.4Practice Session
7. 11.5Download Lesson 8 “.capx” file
8. IIIPart III: Construct3 Production

12Lesson 1: Game Project Launch

1. 12.1About Your Project:
2. 12.2Project Settings: Color Theme, Start-up & Display
3. 12.3Configuration Settings: Advanced & Editor
4. 12.4Design Consideration: CMS, PWA, or SWPA!
5. > Creating a C3 SWPA Game Version?
6. > FYI: Creating a C3 CMS or PWA Game Version?
7. 12.5Comparing your code

13Lesson 2: Scaling Objects & Layouts

1. 13.1What is Your Competition Doing?
2. > Game Competitor Examples
3. 13.2My Evaluations
4. > Game #1: Smurfs Interactive Game
5. > Game #2: Highlights Kids: Hidden Pictures
6. > Game #3: Spot the Difference — HTML5 Game (Construct 3)
7. > Game #4: Ryan Guitar GitHub Example
8. > Game #5: Garage Sale
9. > Game #6: Messy Room
10. 13.3Competitors’ eCommerce website Examples

14Lesson 3: Loading & Placing items.

1. 14.1Lesson Instructions
2. From the Manual: How to avoid “JANK”
3. Serif vs Sans-Serif:
4. Using Web Fonts inside a Text Object
5. Microsoft Office to the Rescue!

15Lesson 4: Game Mechanics Mgmt.

1. 15.1Inside The “Game Loop”
2. 15.2Game Mechanics Structure
3. 15.3How to Create Events
4. 15.4Game Set-up
5. 15.5Game Play Phase
6. > Making the “Magnifying Glass”
7. Magnifying Frame & Lens Relationship
8. > Managing Cooty Spiders
9. > Debugging Cooty Sizing
10. > Debugging the Cooty Inventory
11. 15.6Practice Method #1
12. > Bonus Game & Download
13. 15.7Download Lesson 4 “.c3p” file

16Lesson 5: Game Conversion Methods.

1. 16.1Conversion Method #2
2. 16.2Lesson Instructions
3. > Step #1: Building a Grid.
4. Construct Export Optimizations Performed
5. > Step #2: Creating More Layers.
6. Layers inside a Layout
7. > Step #3: Load images.
8. > Step #4: Deploy Hidden Objects.
9. > Step #5: Game Mechanics & Events Used.
10. 16.3Practice Method #2
11. 16.4Competitor Games Revisited! …
12. 16.5Download Lesson 5 “.c3p” files
13. > Available Bonus Games …

17Lesson 6: He says, “He’s already Got One”!

1. 17.1Modify a Gamer’s “Score & Discoveries”
2. 17.2Download Lesson 6 “.c3p” file

18Lesson 7: Find the Difference!

1. 18.1Lesson Instructions
2. 18.2Customized Margins
3. 18.3Deeper Dive: AI Project Preparations
4. 18.4Download Lesson 7 “.c3p” files

19Lesson 8: “Game Lost & Won” Scenes!

1. 19.1Hidden Item Inventory
2. 19.2“Game Finished” Scene(s)
3. > Determine Rules for “Game Won”
4. > Determine Rules for “Game Lost”
5. 19.3Global Objects & Layouts
6. 19.4Practice Session
7. 19.5Download Lesson 8 “.c3p” file
8. IVPart IV: Expanding this Prototype
9. Replayability Summary: the ability to …

20Lesson 9: Adding Unique Features.

1. Hidden Object Games Are Mindless Fluff, And That’s Why I Love Them
2. 20.1“Play Again?”
3. > Lesson Instructions
4. > Reset the Global Variables.
5. 20.2A Better “Game Start”
6. 20.3Integrating Multiple Languages??
7. How Languages Got Their Directionality by Steph Koyfman April 28, 2021
8. Right-To-Left Languages
9. Top-To-Bottom Languages
10. Content languages market position report.
11. Compare Who uses the Internet as compared to their language.
12. 20.4Main Menu as a “Picture Gallery”?
13. 20.5“Levels & Campaigns” Layout
14. 20.6“Create Your Own Adventures” (CYOA)
15. > Customized Margins
16. 20.7Touch & Mouse Controls
17. “Dynamically Detecting Gamer Inputs”
18. 20.8Game Count-down Timers
19. > Visual Timer Bar
20. > Kitchen Egg Timers

21Lesson 10: Search Lists & Scoring

1. 21.1Method #2 Static Lists
2. 21.2Restricted Search with Random Deployment
3. Winx Club Monthly Adventure Quests™
4. 21.3Dynamic Search Lists & Quantities
5. > “Alchemist’s Apprentice™” Example
6. > “Agents From U.N.C.L.E.™” Example
7. 21.4Saving & Loading Game Sessions
8. VStarting Your Own Game Studio!

22Lesson 11: One “GM” to Rule them all …

23Lesson 12 Capstone: Exchanging Artwork

1. D.R.Y. Speed Limit — 5 GPH (Games Per Hour)!
2. 23.1Japanese Shinro Puzzles
3. 23.2Irezumi vs. Horimono Tattoos
4. 23.3Cooty Queen!
5. > Game Option Settings!
6. 23.4“It takes a Thief” — RPG Integration!
7. 23.5Computer Security Technician!
8. 23.6Interpol Agent
9. 23.73D Tomb Raider — a Hidden Objects RPG!
10. 23.8Lyme Disease
11. 23.9The Alchemist’s Apprentice™ — a Hidden Objects RPG!
12. Microsoft Office to the Rescue!
13. 23.10U.N.C.L.E. Agents — a “Hidden Objects” RPG!
14. VIWhat’s next?
15. “How to publish a game on the web??”

24Game Distribution & Marketing

1. 24.1Introduction: 8-Step Deployment Method.
2. FGL.com
3. 24.2Selling Directly — The Advantages
4. Shareably (SBLY) looking to rent your games
5. 24.3Book Review Protocol
6. 24.4Tell the world about your game!

25Conclusion

26Bonus Development Content

1. 26.1Certification Examination
2. Appendix

More Resources …

1. “You don’t know JS Yet” by Kyle Simpson
2. Construct Demos

Appendix: Game Developer Tool Kits

1. Artwork Resources
2. Selling your Game Artwork & Assets
3. JavaScript Garden

Additional Appendices

Appendix: Making WebXR Games!

1. Appendix: Safe JavaScript Using OLOO
2. JS Objects: “TL;DR”
3. 15.2.2 Inside the body of a class definition
4. Deeper Dive: JS Delegation (aka “Inheritance”?)
5. The old way
6. “Object-Oriented JavaScript Pattern Comparison”
7. ECMA-262 7th Edition / June 2016
8. Objects Linking to Other Objects (OLOO)
9. Compare your code
10. Object.create
11. Exercise Lesson 9:
12. Exercise 1
13. Game Singletons
14. Deeper Dive: Object Manipulation objects in ES5/6
15. Lesson Summary
16. Resource References: