我用 JavaScript 构建了一个交互式 3D 照片展示平台。
我特别喜欢互动式网站。
那些让我印象深刻的开发者作品集，总是那些拥有大胆设计和动画效果的作品集——它们能给每个用户带来个性化和独特的体验，让用户在几天、几周甚至几个月后依然记忆犹新。
尽管我的 JavaScript 知识有限this（此处双关），但创造令人难忘作品的渴望促使我用 JavaScript 和Three.js构建了一个交互式 3D 照片展示柜。
克里斯·格林宁 - 软件开发人员
嘿！我叫克里斯·格林宁，是一名来自纽约都会区的软件开发人员，拥有丰富的工程经验——给我发个消息，让我们一起创造伟大的东西吧！
christophergreening.com
你可能会问自己：“那么……我是怎么走到这一步的呢？”
具有讽刺意味的是，我最初从未计划将摄影作品纳入我的作品集。
虽然摄影是我隔离期间的重要组成部分，但我认为软件开发人员就是软件开发人员，没人会关心我的摄影作品……
直到我在Three.js 网站上看到了一个交互式元素周期表的例子。
这和摄影有什么关系？
没有什么！
但这给了我构建照片展示所需的灵感和基础。
站在巨人的肩膀上
我之前说过，现在再说一遍：我的 JavaScript 水平并不高。
我开发流程中最重要的部分始终是直接开始着手解决问题，并在过程中逐步摸索。
我知道我想用 Three.js，但我不知道怎么做，所以我去了他们的网站，想找一些示例代码来自己研究一下。
幸运的是，元素周期表立刻吸引了我的目光。我下载了源代码，在本地主机上运行，然后开始学习每个元素的作用。
然后我突然想到：如果它能显示标签，那岂不是很棒？<img>
所以我试了一下。
而且奏效了。
永恒之后
经过数小时的努力和大量咖啡的消耗（真的，别让我再说下去了），我终于做出了一个令我引以为豪的产品。
我用 Flask 搭建了一个简单的 CMS，这样就可以根据需要上传和编辑照片。我还为每张照片添加了指向相应 Instagram 帖子的链接（每天都在进行交叉推广）。更重要的是，在这个过程中，我学到了很多关于 JavaScript、Three.js 和 UI/UX 设计的知识。
虽然不算什么大作品，但这是我的诚意之作，希望您能看看并在下面的评论区留下您的反馈！
克里斯·格林宁 - 软件开发人员
嘿！我叫克里斯·格林宁，是一名来自纽约都会区的软件开发人员，拥有丰富的工程经验——给我发个消息，让我们一起创造伟大的东西吧！
christophergreening.com
我们联系一下
我非常喜欢与其他开发者交流。
把你的作品集链接发给我，我想看看😄（如果你没有作品集，也可以跟我说说你最引以为豪的项目！）
如果你想看更多我的作品，请查看我的 JavaScript 街机游戏博客文章：
或者更好的是……
文章来源：https://dev.to/chrisgreening/i-built-an-interactive-3d-photo-display-with-javascript-303j