D60504 Lighting Interactive Design

 

GROUP 1 FINAL PROJECT

Team members (task)

1. DONGNUOYAN 0375740  Post-production code and documentation editing

2. HOUYANHENG 0378215 Post-production code and device setup

3. JIANGSHIRUI 0373692 Post-production code and device setup

4. GEXIANJING 0377636 Preliminary code and device setup

5. ZENGZIFENG 0376314 Preliminary code and device setup

6. XIACHENG 0372348 Preliminary code and documentation editing

Introduction

The ISD60504 Lighting Interaction Design assignment requires us to use p5.js and ml5.js as the core, combined with a projector, camera, and physical projection surface, to complete a 2-minute, narrative-driven, multi-stage interactive projection mapping installation. Finally, we need to submit a demonstration video, PPT, project files, and an electronic portfolio. The assessment will evaluate the projection setup, interaction smoothness, completeness of the work, and reflection/summary.

Idea documents

GROUP 01，作者 tian dong

We ultimately chose the one as our group's idea.

Our project is called Magic Kitchen.

Project Description

这个项目是一个互动装置，将“烹饪游戏”转化为真实体验。

我们创造了一个带有幻想色彩的厨房空间，参与者扮演“魔法厨师”的角色。体验有点像在玩餐厅模拟游戏，但不是在屏幕上操作，而是通过真实的台面和餐具来实现。

在这个过程中，玩家需要根据顾客的要求准备食物：从“获取食材”到“组合”，再到“烹饪”和“上菜”，每一步都通过物理操作完成。同时，投影会在台面上反馈，比如食材的变化和烹饪效果，使整个过程更像是真正创造出一道“神奇菜肴”。

What's unique is that the ingredients have a slightly unrealistic quality; for example, they appear "floating" or dynamic, so the overall atmosphere isn't too realistic but rather more relaxed, like playing in a small world with a storyline.

The entire experience is kept to about two minutes long, with a relatively fast pace and high level of participation. What we really wanted to create wasn't a complex system, but a process that allows people to "participate hands-on," making the operation itself fun. In short, this project attempts to bring the interactive elements of games into the real world, allowing people to actually "play in a kitchen."

Final prototype sketch

Device setup process

Use clay to sculpt ingredients and food

基于现有结构，装置进一步改进和优化，使其更像一个空间。

The projector will display the completed props

最终组装结果

测试代码：反复测试和修改代码能使程序运行更顺畅，减少错误发生。

Source code files

The website that was published

https://app.netlify.com/projects/phenomenal-mousse-2273bb/overview

Demo video

视频出现前

反思

在实施ID最终项目的过程中，我们经历了比预期更复杂的过程，从最初的概念构思到最终实现。尤其是在技术实施层面，遇到的困难远超我们最初的评估。

该项目的核心是将“烹饪游戏”的互动逻辑转化为现实空间中的体验。该过程要求代码高度稳定且交互准确。在使用p5.js开发过程中，我们经常遇到各种问题，如交互逻辑不匹配、程序不稳定以及不同模块之间的冲突。这导致了反复迭代的开发过程：持续测试、问题识别、代码修改和重新验证。

这种高频调试过程延长了整体进度，带来了相当大的压力。然而，这也逐渐帮助我们培养了分析能力，超越了简单修改代码，而是试图理解问题根源并做出更有针对性的调整。

在硬件和空间建设方面也面临诸多挑战。例如，投影与实体装置的对齐、互动区域的精确划分，以及道具与视觉反馈的协调，都需要通过多次实践测试持续优化。简而言之，最终成果是通过不断的反复试验和细致调整逐步实现的。

虽然整个过程紧张且要求高，但它让我们对“互动装置”形式有了更具体的理解——不仅仅是概念设计，而是技术、空间和用户体验之间的全面平衡。

此外，讲师在整个过程中提供了宝贵的支持。每当遇到技术瓶颈或方向不明确时，讲师耐心地提供反馈和指导，帮助我们不断完善和改进项目，无论是代码层面还是整体设计思维。正是通过这种持续的反馈，我们的工作逐渐从最初的想法发展成相对完整的互动体验。

总体而言，这个项目不仅是一项设计实践，更是一次持续的调整与学习过程，让我们对互动设计的实施有了更深入的理解。