Christine Chang



He

-------------

︎︎︎ About Me

︎︎︎ Résumé

︎︎︎ CV

-------------

SOCIAL MEDIA
︎︎︎ Linkedin
︎︎︎ Instagram
︎︎︎ Github
︎︎︎ Devpost
︎︎︎ itch.io

----------------------------

︎︎︎ HOME

PROJECTS IN CATEGORIES ︎︎︎ [Featured]
︎︎︎ [Creative Coding]
︎︎︎ [3D Related]
︎︎︎ [Quantum]
︎︎︎ [Arduino]

PHOTOGRAPHY ︎︎︎ [Featured]
︎︎︎ [Portraiture]
︎︎︎ [Outside Walk]

----------------------------
Christine Chang
2024


An artist and designer with a background in Design and Technology from The New School Parsons. As a student, she honed her problem-solving skills through html, machines learning, Javascript and learned different storytelling tools, including p5.js and Unity. Her education and training inspired her to incorporate technology into her storytelling style.



︎︎︎ About Me

︎︎︎ Résumé

-------------

Social Media
︎︎︎ Linkedin
︎︎︎ Instagram
︎︎︎ Github
︎︎︎ Devpost

------------------------------

︎︎︎ HOME

Search my works in categories:
︎︎︎ Featured
︎︎︎ Creative Coding
︎︎︎ 3D Model
︎︎︎ Quantum

Photography
︎︎︎ Featured
︎︎︎ Portraiture
︎︎︎ Outside Walk





Spider Mansion

DOC 0317_24


PM • Scriptwriting • Production Design • AI/Software Dev
ROLE
Web (HTML/CSS/JS) • AI (ChatGPT API) • Creative (p5.js) • 3D (Unity, SketchUp, Blender) • Design (Figma)
TECH
2024-now
DATE
[Artist]    ︎︎︎ Seawon Kim
TEAM
[UI]        ︎︎︎ Angela Jung
TEAM
[Marketing] ︎︎︎ Bini Park
TEAM
LINK
LINK
LINK
DOCUMENTATION

WHAT IS THIS GAME ABOUT
"Spider Mansion" is a game where players take on the role of a nanny caring for a mysterious girl Eva. It's a lateral thinking puzzle game where you uncover clues and solve quizzes by interacting with an AI-based text analyzer.

The demo version of "Spider Mansion" will serve as an early introduction to the game's core mechanics (ChatGPT API text analysis) and narrative elements. Developed using JavaScript and the p5.js library, it ensures accessibility through web browsers.

WHAT DID I DO IN THIS PROJECT?
Project Lead: Ensures the game development process meets the project's vision and deadlines.
Lead Programmer: Focused on core game mechanics, including OpenAI API integration in Node.js and debugging. Possesses skills in JavaScript, Unity, and other relevant technologies. In this demo, I also coded the entire p5.js interaction.
QA Lead: oversees the quality assurance process, organizes playtesting, and ensures game quality standards, with knowledge in quality assurance, playtesting methodologies, and bug tracking.

UTILIZATION OF OPENAI API
In this demo I integrate the ChatGPT API to analyze player input during interactions with Eva, enabling a dynamic and responsive narrative experience. This approach allows for an innovative storytelling method that adapts to players' decisions and inquiries.

WHAT ARE LATERAL THINKING PUZZLES?
Lateral thinking puzzles are brain teasers designed to challenge you to think outside the box. Unlike traditional puzzles that rely on logic and step-by-step solutions, these puzzles require a more creative approach.

The following is the web demo where I use the OpenAI API to play 3 lateral thinking puzzles with you!

︎︎︎Lateral thinking puzzle web demo(might take sometime to load!)  

FUTURE OF SPIDER MANSION 
The final version of "Spider Mansion" will be developed using Unity, a powerful engine that supports a wide range of platforms and advanced game development features.
This version will expand upon the demo's foundation, offering a more comprehensive exploration of the game's world, deeper narrative layers, and enhanced gameplay mechanics.
© Christine Chang 2026