[CS2] Example Projects
The following videos are examples of full designs at varying levels of difficulty.
Flash Cards
An example of just how quickly you can put together a complete simple design from beginning to end.
Complexity Level: 1
Concepts Covered:
- Creating a game
- Creating a dataset
- Creating a design
- Layer types: Text
- Position and size
- Fit text to size
- Faces
Download the CS2 Backup File for this example.
Trivia Cards
This video shows you how to build trivia cards in Component.Studio 2.
Complexity Level: 2
Concepts Covered:
- CSV import
- layer types: Simple Table, Box, Orb, Text
- named colors
- text styles
- drag and drop
- duplicate layers
- user preferences
Download the CS2 backup of this project.
Classic Family Card Game
This video will show you how to build a classic family card game in Component.Studio 2.
Complexity Level: 3
Concepts Covered:
- Import from Google Sheets
- Uploading images
- Enumeration
- Layer Types: Text, Orb, Box, Image
- Layer Groups
- Text Style Inheritance
- Conditional Rendering Logic
- Effects: Color Overlay
Get the backup of this project here.
Standard Playing Cards
This video will show you how to build a standard deck of playing cards in Component.Studio 2.
Complexity Level: 5
Concepts Covered:
- Import from CSV
- Dataset Column Types and Validation
- Uploading Images
- Using SVGs as images
- Marking Images as Inline Icons
- Style Tags (briefly)
- Inheritance in Text Styles
- Conditional Code Blocks using variables and functions
- Layer Groups
- Layer Types: Text, Simple Table, Image