#我的第一个开发者-js教程-PHP中文网

#我的第一个开发者

Susan Sarandon

发布： 2024-11-07 12:55:03

原创

1010 人浏览过

#My first dev

我以前建立过一些个人网站，但从未接受过如此大规模的挑战。今天上线了；一个单页应用程序，用于探索我刚刚起步的唱片公司的目录；集成 Bandcamp，但使用 Three.js 进行专辑导航，给人一种更多“挖箱子”的感觉。它有 4,500 行代码，十几个 JavaScript 模块。花了一周的时间。我单独与 Claude.ai 作为编码合作伙伴一起工作。我必须说这是一个了不起的工具，但也有其缺点。
不管怎样，我希望你们访问我的网站并告诉我你们的想法。如果你想深入了解的话，我确实将代码公开保存到了 GitHub。但这里是网站：不是最终的乙烯基

Claude 希望我补充一些内容：

技术深度探讨

查看代码：GitHub 上的 NotTheFinalVinyl
直播站点：notthefinalvinyl.net

架构？️

使用 Three.js 围绕自定义黑胶唱片交互系统构建，大约 4,500 行普通 JavaScript 分为 12 个关键模块：

// Example from VinylManager.js - Physics-based vinyl sliding
const animate = (timestamp) => {
    if (!startTime) startTime = timestamp;
    const elapsed = (timestamp - startTime) / this.slideOutDuration;

    if (elapsed < 1) {
        // Custom easing function for natural vinyl movement
        const progress = t < 0.5
            ? 4 * t * t * t
            : 1 - Math.pow(-2 * t + 2, 3) / 2;

        album.setVinylPosition(this.slideDistance * progress);
        requestAnimationFrame(animate);
    }
}

登录后复制