caseymanning.github.io/index_lessold.html at master · CaseyManning/caseymanning.github.io · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<head>
    <link rel="stylesheet" href="indexv2.css">
    <script src="three.min.js"></script>
    <script src="gltfloader.js"></script>
    <script src="OrbitControls.js"></script>
    <script src="keyboardstate.js"></script>
</head>
<body>
    <div id="navbar">
        <a id="name">Casey Manning</a>
        <div id="nav">
            <a href="portfolio.html">artwork</a>
            <a href="Resume_CaseyManning.pdf">resume</a>
            <a href="https://youtu.be/YZse5aZfZYY">demo reel</a>
        </div>
    </div>
    </div>
    <div id="content">
        <div style="height: 350px;"></div>
        <p class="header">Recent Work</p>
        <div class="projectsection">
            <div class="photogrid">
                <div class="photo1" style="box-shadow: none">
                    <img src="tastebench/model_ratios.png">
                </div>
                <div class="photo5"  style="box-shadow: none">
                    <img src="sentences.png" >
                </div>
            </div>
            <p class="projecttitle">Taste benchmark explorations</p>
            <p class="projectdesc">A writeup of some explorations of a simple benchmark for LLM writing abilities / "writing taste." Let me know if you have any thoughts or suggestions!</p>
            <div class="projectlinks">
                <a href="tastebench">view post</a>
            </div>
        </div>
        <div class="projectsection">
            <div class="photogrid">
                <div class="photo1">
                    <img src="projectimages/gt1.png">
                </div>
                <div class="photo2">
                    <img src="projectimages/gt2.png">
                </div>
                <div class="photo3">
                    <img src="projectimages/gt3.png">
                </div>
                <div class="photo4">
                    <img src="projectimages/gt4.png">
                </div>
            </div>
            <p class="projecttitle">A Long Train Ride</p>
            <p class="projectdesc">A short narrative mystery game about ghosts, train rides, and family. Developed on a team for CS247G at Stanford. I was responsible for gameplay programming, art, and dialogue.</p>
            <div class="projectlinks">
                <a href="https://spaaace.itch.io/trainride">play it on itch</a>
            </div>
        </div>
        <p class="divider">~</p>
        <!-- <div class="divider"></div> -->
        <div class="projectsection">
            <div class="photogrid">
                <div class="photo1" style="box-shadow: none">
                    <img src="projectimages/sm1.png">
                </div>
                <div class="photo5"  style="box-shadow: none">
                    <img src="gliding.webp" >
                </div>
            </div>
            <p class="projecttitle">Substacks Map</p>
            <p class="projectdesc">substacks.space is a visual mapping of newsletters on substack.com created via web scraping. The map visualizes reccomendations between substacks and categorizes them with gpt-3 to understand writer communities and patterns.</p>
            <div class="projectlinks">
                <a href="https://substacks.space">view on substacks.space</a>
            </div>
        </div>
        <!-- <div class="divider"></div> -->
        <p class="divider">~</p>
        <div class="projectsection">
            <div class="photogrid3">
                <div class="photo31" style="box-shadow: none">
                    <img src="phone2.webp">
                </div>
                <div class="photo32"  style="box-shadow: none">
                    <img src="projectimages/vr2.webp" >
                </div>
                <div class="photo33"  style="box-shadow: none">
                    <img src="passthrough.webp" >
                </div>
            </div>
            <p class="projecttitle">VR Projects</p>
            <p class="projectdesc">Created VR games and art pieces as part of ARTSTUDI169. Pictured: Short simulation game about calling the DMV on an old payphone, with tactile phone buttons. Game where you move around by pulling hair on someone's head (as in Ratatouille). Quest Passthrough experiment where you can create floating objects with your hands.</p>
        </div>
        <p class="divider">~</p>
        <div class="projectsection">
            <div class="photogrid3">
                <div class="photo31" style="box-shadow: none">
                    <img src="projectimages/gd1.png">
                </div>
                <div class="photo32"  style="box-shadow: none">
                    <img src="projectimages/gd2.png">
                </div>
                <div class="photo33"  style="box-shadow: none">
                    <img src="projectimages/gd3.png">
                </div>
            </div>
            <p class="projecttitle">Other Game Development</p>
            <p class="projectdesc">Variety of game development projects for game jams and other events. Games created in unity and 3D assets/animations created with Blender.</p>
            <div class="projectlinks">
                <a href="https://spaaace.itch.io/chimken">play chimken</a>
                <a href="https://spaaace.itch.io/journey">play journey around my room</a>
                <a href="https://spaaace.itch.io/bunny">play diggy bunny</a>
            </div>
        </div>
        <p class="divider">~</p>
        <div class="projectsection">
            <div class="photogrid3">
                <div class="photo31" style="box-shadow: none">
                    <img src="images/therig_thumb.png">
                </div>
                <div class="photo32"  style="box-shadow: none">
                    <img src="images/lifters_thumb.png">
                </div>
                <div class="photo33"  style="box-shadow: none">
                    <img src="images/148Robot_thumb.png">
                </div>
            </div>
            <p class="projecttitle">3D Modelling & Animation</p>
            <!-- <p class="projectdesc">.</p> -->
            <div class="projectlinks">
                <a href="/portfolio.html">see full portfolio</a>
            </div>
        </div>
    </div>
    <script src="indexgl.js"></script>
</body>