Posts

Showing posts from June, 2025

Application Design II / Task 3

In this class, we learned the basics of FlutterFlow, including how to register and create a new project, as well as how to connect the project with Firebase for backend integration. The process involved setting up a Firebase account, creating a new Firebase project, and configuring authentication and database features. We also explored how to bind data to UI components within FlutterFlow, which helped us understand the no-code development workflow more clearly. Overall, the experience was both practical and insightful, providing us with a foundation for building fully functional mobile apps without writing complex code.

Game Studies / Exercises 2:Non-digital to digital

Image
Game Studies Exercises  2: Non-digital to digital - Evolution and remediating this game (from tabletop to video game) Starting from 12.2024 4.2025 -8.2025 / Week 1 - Week 14 Ge Xianjing / 0377636 Game Studies / Interactive Space Design Exercise 2 From Tabletop to Touchscreen: Why You Shouldn't Miss the Digital Version of Werewolf   If you're into deduction, bluffing, and the occasional dramatic betrayal — Werewolf is probably already on your radar. But what happens when this classic social game goes digital? Does it lose its charm… or unlock a whole new level of fun? Let’s dive in! • Comparison between the 2D and 3D versions of "Among Us": 🌟 2D Graphics: The 2D version of "Among Us" rocks an overhead perspective! The graphics are as flat as a pancake 🥞, and the characters are those super cute, simple cartoonish avatars. The scenes? All built with 2D graphics, like the spaceship's rooms laid out in a neat, flat plan. It's like looking at a fun spac...

Application Design 2/ Task 2: Interaction Design Proposal and Planning

Image
Application Design 2/Task 2: App Design 2 Self-Evaluation and Reflection Starting from 12.2024 4.2025 -8.2025 / Week 1 - Week 14 Ge Xianjing / 0377636 Application Design 2 / Interactive Space Design Plan Information and Showcase Animations: Just like creating a Sigma flow or user flow, use arrows to show the navigation process between screens, and design and describe macro and micro animations. Macro animations usually involve large transitions in most of the interactive areas on the screen, while micro animations focus on the changes of touchpoints of content elements within the screen pages. Provide Visual Feedback and Clues: Design visual feedback or clues that can offer users a good experience, and describe these designs in detail through documents so that team members can understand the intentions. If there are unique or uncommon designs, further explanations are required. Create Visual Examples: Use software such as Canva, Figma, and After Effects to create examples to showcase t...