pengayns/about.html at main · dotkai/pengayns · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Peng🐧❤️ns -- About</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Iceberg&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playwrite+DE+Grund:wght@100..400&display=swap" rel="stylesheet">

    <style>
      body {
        padding: 1em;
        font-family: Arial, Helvetica, sans-serif;
        background-image: url('landscape.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: fixed;
      }
      h1,h2,h3,h4,h5 {
        font-family: "Iceberg","Playwrite DE Grund", cursive;
        font-optical-sizing: auto;
      }
      .wrapper {
        padding: 1em;
        background: rgba(255,255,255, 0.8);
        border-radius: 5px;
      }
    </style>
</head>
<body>
  <div class="wrapper">
    <h1 style="text-align: center;">About Peng🐧❤️ns</h1>
    <div>
      <h2>Idea Origin</h2>
      <p>
        You don't want to know. Please just enjoy the gay penguins. I made them. They waddle.
        They're happy. Nothing bad happens. That's all the matters.
      </p>

      <h2>Creation</h2>
      <p>Developer: Kai Austin, May 2025</p>
      <p>
        Personal website: <a href="dotkai.com">dotkai.com</a>
      </p>
      <p>Built with: ThreeJs, Raw Javascript, Blender (Penguin models)</p>
      <p>Images from Public Domain/Free assets libraries: Pixabay, BlenderKit, OpenGameArt</p>
      <p>Assistant: ChatGpt ThreeJS Mentor</p>
      <h2>On AI Assisted Coding</h2>
      <p>
        This was also my first time using ThreeJS, so I used ChatGpt's ThreeJS Mentor for assisted coding
        because this is the trend in the dev-world now and I wanted a project I could show in this regard. AI
        was only used for code generation. Penguins were created by myself and all other visuals are from the public
        domain or generated via ThreeJS.
      </p>
      <p>
        Overall, it helped getting inital chunks of code down. However: <br>
        1) Some design desicions were not the best choice <br>
        2) Several attempts to resolve bugs went in circles that caused more and more bugs
        where I was better off dumping the whole thing and figuring stuff out by myself <br>
        3) I discovered better ways to do stuff by referencing ThreeJS tutorials and
        retrospect (ie. code refactoring and cleanup to organize stuff, optimize game framerate, etc).
      </p>
      <p>
        I'm also
        finkcy about project structure -- so it came to a point where I stopped, refactored everything, and barely
        used AI after that because at that point, code was just being redundant and I could reuse a lot of it.
        There was nothing I could ask the bot that it hadn't answered before, just generate slightly different
        content.
      </p>
      <p>So overall, I rate this: "Junior Developer AI working with a Senior Developer Human" out of 10.
        AI is an assistant, not a replacement. The ways it helped me save hours in one place ended up costing
        me hours and patience in other areas.</p>
      <p></p>
    </div>
  </div>

</body>
</html>