---
layout: default
title: Homework
nav_exclude: true
---

Final Submission: HĂĽhnernest Festival Website

Git Repository: Git Link

Folder cc1_ws2526_05_kleinhans-finalProject
(localhost /cc1_ws2526_05_kleinhans-finalProject/index.html)

Needed installations:

  • three
  • vite
  • gsap

Task 05.02 - Feedback

  • How would you rate the difficulty of this class from 1 (far too easy) to 5 (far too difficult)?

    3

  • How would you rate the amount of work you had to put into this class so far from 1 (no work at all) to 5 (far too much work)?

    3

  • How much did you learn in the class and expanded your skill set, from 1 (I am the same) to 5 (learned a lot)?

    4

  • How much did you enjoy working with p5, from 1 (hate it) to 5 (love it)?

    2.5

  • How useful do you consider p5 for you, from 1 (don’t need it) to 5 (will use it all the time)?

    1

  • How much did you enjoy working with tree.js, from 1 (hate it) to 5 (love it)?

    5

  • How useful do you consider tree.js for you, from 1 (don’t need it) to 5 (will use it all the time)?

    5

  • How much did you enjoy working with React, from 1 (hate it) to 5 (love it)?

    didn’t used it

  • How useful do you consider React for you, from 1 (don’t need it) to 5 (will use it all the time)?

    -

  • How much did you enjoy working on the exercise tasks, from 1 (hated it) to 5 (loved it)?

    3

  • What do you think about the context expansions, e.g., the brief general discussions of certain topics?

    Loved the discussions in class, but it was a bit hard to concentrate sometimes because of my sleep schedule.

  • Which one was your favorite topic, which one your least favorite?

    Three js, because it was most fun to build my website and totally expand my webdevelopment skills with 3D and gererated stuff!

p5js is nice for code experiments, but it did not really feel intuitive for me and also the fact that I can’t render anything or really embed somewhere made me feel that I probably won’t use it.

  • Was there a topic missing and if so which one?

    Shaders. But for now it would be too much in the given scope anyways :-)

  • Please feel free to add any feedback you want to give!
  • I really appreciated the open and encouraging athmosphere in class! At the same time, I sometimes felt that the timescope was very compressed. I got the feeling that the time was too short to really deep dive into all the topics. I would love to have more time to process and apply all the input, and to take part in the offers for feedback.

Learnings

I gained a lot more practice in JavaScrip and I am very happy to learn ThreeJS because it made me feel motivated again to do some web development! The biggest challenge of the Hühnerfestival Website was to build the navigation betwenn the three modes only by animating the camera. Getting this system working callenged also other implementations, for instance the artist cube, which took a lot of trail and errors to adjust in the right angle. Because I spent a lot of time debugging and solving technical issues, some of my original ideas didn’t make it into the final version. In the end I had way to little time to finally style other elements, what was a bit unsatisfying. Still I really enyojed the process and had a lot of fun during coding anyway.

Sadly I also had problems bringing up my page on Vercel. The .glb models weren’t included properly in the build, even after creating a vite.config.js file and tried out different solutions. Unfortunately, I wasn’t able to solve this issue in time.

What I learned:

  • setting up a 3D Scene (general)
  • working with the combination of 3D and 2D html/css elements
  • using classes and objects
  • importing/ exporting elements and functions
  • working with modes
  • athmospheric lights
  • Buffergeometry and instancing
  • audioreactive elements

Thank you!