我如何用 p5.js 为我的网站制作交互式首屏

When I made the decision to go freelance, setting up my own website became a top priority but also a huge source of anxiety. I needed potential clients to take me seriously, understand my areas of expertise, have confidence in the standard of my work and get to know me all at the same time.

当我决定成为自由职业者时，建立自己的网站成了首要任务，但同时也是巨大焦虑的来源。我需要让潜在客户认真对待我，了解我的专业领域，对我的工作标准有信心，并同时了解我这个人。

While I was in full-time employment, I never had the time nor the real need for a personal website, but always envied others who did - I started and then shelved about four over the years. Funnily enough, p5.js was one of my first real forays in to writing code; I would watch Daniel Shiffman's YouTube channel The Coding Train and follow along to the best of my ability. I became obsessed with the instant gratification of tweaking my code and seeing the resulting sketch on the screen change. During this period, I was working on my final year project in my degree, a paper analysing the retro game 'Lights Out!'. The game is played on a grid of lights, where toggling one of them on or off also toggles the state of the four or fewer orthogonally adjacent lights. I'd followed along with The Coding Train's tutorials making Minesweeper and Noughts and Crosses, also played on a grid, so figured coding up my own version of 'Lights Out!' would be a great exercise in my learning and help me gain a deeper understanding of the game for my uni project.

在全职工作期间，我从来没有时间也没有真正需要个人网站，但总是羡慕拥有个人网站的人——这些年来我开始了大约四个项目，然后又把它们搁置了。有趣的是，p5.js 是我真正涉足编程的初体验之一；我会观看 Daniel Shiffman 的 YouTube 频道 The Coding Train，并尽我所能跟着做。我迷上了调整代码并看到屏幕上生成的草图随之改变的即时满足感。在此期间，我正在做我学位的最后一年项目，那是一篇分析复古游戏 'Lights Out!' 的论文。该游戏在一个灯光网格上进行，打开或关闭其中一盏灯也会切换其正交相邻的四盏或更少灯光的状态。我曾跟着 The Coding Train 的教程制作同样在网格上进行的 Minesweeper 和 Noughts and Crosses，所以我想编写自己版本的 'Lights Out!' 将是我学习过程中的一个很好的练习，并能帮助我为我的大学项目更深入地理解这款游戏。

One two, skip a few and here we are today. I wanted my website to be lightweight, blazingly fast, buttery smooth but with plenty of interactivity. It needed to feel nice. I decided I wanted the hero sec...