1. In general
The ThreeJS that appears in all the case studies and at the bottom of the portfolio (the cube mat animation) was created using the "Three.js documentation" and "ChatGPT". Here's what I asked the latter: "Can you help me create a cube grid in Three.js ? I'd like the cubes to rise and fall slowly like waves"span I then adapted the code he gave me to arrive at the current result (I modified the code in terms of the number of cubes in the grid, the scene light, the camera angle (to increase the relief), the speed of movement of the cubes, the background color and I rounded off the angles and edges of the cubes).
As for the texts, I wrote them all myself. However, when I had doubts about the wording, I would give them to an AI (Copilot or ChatGPT) to get other formulations. Once I liked the AI's formulation, I reworked it to keep a personal touch. When I wasn't sure about the translation or the wording of the sentences in English, I called on DeepL.
2. Rethinking-UX Case Study
In this case study, the images of the room, and of the group members, that I used were supplied by the teachers. The 3D rendering of the room was created using “Spline” software.
3. Dataplay Case study
The mock-up was created on "Canva". All other illustrations were either done by me or by another member of my group.
4. Design Fiction Case Study
The mock-up was created on "Canva". All other illustrations were created by myself.
5. Design Fiction
To create the bird animation with Three.js, I was inspired by this video. I encountered difficulties integrating the bird into the overall project. As a first step, I turned to AI. Here's what I asked ChatGPT: “Here's a blender model I'd like to integrate into this project, can you help me ?” Once I had the code from ChatGPT, I adapted it because it didn't work the way I wanted. Indeed, the bird was in the background of my site. It was finally with the help of the teachers that the problem was solved.