<h1><a href="https://r3f-project.vercel.app/">3D Spider-Man Portfolio</a></h1>
<p>Made for Insomniac Games' Development Support intern position. Contains technical art inspired by Marvel's Spider-Man 2. (You can view by clicking on the box to the top left)</p>
<p><img src="/images/r3f-project.gif" alt="3D Spider-Man Portfolio"></p>
<p>Recently made tweaks to the scene:</p>
<p><img src="/images/r3f-project-2.gif" alt="Claw in Scene"></p>
<h1><a href="https://fp-experience.vercel.app/">Planets of Trappist-1</a></h1>
<p>This website was inspired by drawings made in high school:</p>
<p><img src="/images/three-js-sites/spiral_world.png" alt="Spiral World"></p>
<p>Created a basic scene:</p>
<p><img src="/images/three-js-sites/trappist-1-prerender.png" alt="Planets of Trappist-1"></p>
<p>Added realism. There's a 3D platformer you can play in the background.</p>
<p><img src="/images/trappist-1.gif" alt="Trappist-1 Experience Final"></p>
<h1><a href="https://sb-129.com/">SB-129</a></h1>
<p>SB-129 was inspired from SpongeBob S1E14.</p>
<p>A basic model was used to set up with <a href="https://github.com/pmndrs/ecctrl">pmdrs/ecctrl</a>'s animation controller.</p>
<p><img src="/images/three-js-sites/sb-129-start.png" alt="SB-129 Start"></p>
<p>Afterwards props and player actions were added. Squidward can shoot, kick and swing his clarinet to defend himself from robot SpongeBobs.</p>
<p><img src="/images/three-js-sites/sb-129.png" alt="SB-129"></p>
<h1><a href="https://paddle-olive.vercel.app/">Paddle</a></h1>
<p>This was modelled after Paper Mill Lake in Nova Scotia, where I grew up.</p>
<p><img src="/images/paddle/paddle-ref.jpeg" alt="Paddle reference"></p>
<p><img src="/images/paddle/paddle-4.png" alt="Paddle"></p>
<h1>More</h1>
<p>Since writing this post, I've made a <a href="https://github.com/jerryliangxia/pepes-room">multiplayer game</a> and <a href="https://ragdoll-example.vercel.app/">ragdoll sim</a>.</p>


Three.js sites

3D Spider-Man Portfolio

Planets of Trappist-1

SB-129

Paddle

More