GitShow/fireship-io/threejs-scroll-animation-demo
fireship-io

threejs-scroll-animation-demo

3D Scrolling Portfolio Website with Three.js

by fireship-io
Star on GitHubFork

HTML

1.7k stars683 forks1 contributorQuiet · 1y agoSince 2021

Meet the team

See all 1 on GitHub →
codediodeio
codediodeio1 contribution

Recent PRs & issues

Quiet · 8 in progress · Last activity 1y ago
See all on GitHub →
chenziqi66
这是一个 Three.js 3D 滚动动画演示网站,包含:OpenPR

3D 旋转圆环(Torus)动画效果 星空背景(200 颗随机生成的星星) 可旋转的月球模型(带法线贴图) 3D 头像方块 滚动触发的相机移动和对象旋转效果 现在发现了下面的一些bug Bug 1: CSS 重复定义 - Canvas样式重复 相同的 canvas 样式被定义了两次,造成代码冗余 虽然不影响功能,但违背了DRY原则,增加维护成本 Bug 2: 缺少窗口大小自适应处理 问题: 当用户调整浏览器窗口大小时,Three.js场景不会自适应更新: 1. 相机的宽高比不会更新 2. 渲染器的尺寸不会更新 3. 可能导致画面拉伸变形 Bug 3: 资源加载无错误处理 问题: 纹理资源(图片)加载时没有错误处理: Bug 4: 滚动事件性能问题(潜在) 滚动事件触发频率非常高(每秒可达60次以上),如果函数内计算量较大可能导致: 页面卡顿 性能下降 影响用户体验 Bug 5: 未使用的导入 - OrbitControls 问题: 代码导入了 OrbitControls 但被注释掉了 打包时包含未使用的代码,增加文件体积 代码意图不明确 请修正 约束:不要改动代码原本的逻辑,测试一定要到位

chenziqi66 · 3mo ago
oliolioli
Fix gray stars to a proper shining whiteOpenPR

Paint stars in a proper white instead of gray - minor graphical improvement

oliolioli · 1y ago
RaghdanA
deploying the projectOpenIssue

I am trying to deploy the same structure of the project on github, but I am not able to do so. In most cases, it's only showing the HTML file of the project. How can you deploy the same project on GitHub or any other servers?

RaghdanA · 2y ago

Recent fixes

View closed PRs →
chenziqi66
这是一个 Three.js 3D 滚动动画演示网站,包含:MergedPR

3D 旋转圆环(Torus)动画效果 星空背景(200 颗随机生成的星星) 可旋转的月球模型(带法线贴图) 3D 头像方块 滚动触发的相机移动和对象旋转效果 现在发现了下面的一些bug Bug 1: CSS 重复定义 - Canvas样式重复 相同的 canvas 样式被定义了两次,造成代码冗余 虽然不影响功能,但违背了DRY原则,增加维护成本 Bug 2: 缺少窗口大小自适应处理 问题: 当用户调整浏览器窗口大小时,Three.js场景不会自适应更新: 1. 相机的宽高比不会更新 2. 渲染器的尺寸不会更新 3. 可能导致画面拉伸变形 Bug 3: 资源加载无错误处理 问题: 纹理资源(图片)加载时没有错误处理: Bug 4: 滚动事件性能问题(潜在) 滚动事件触发频率非常高(每秒可达60次以上),如果函数内计算量较大可能导致: 页面卡顿 性能下降 影响用户体验 Bug 5: 未使用的导入 - OrbitControls 问题: 代码导入了 OrbitControls 但被注释掉了 打包时包含未使用的代码,增加文件体积 代码意图不明确 请修正 约束:不要改动代码原本的逻辑,测试一定要到位

chenziqi66 · 3mo ago
chenziqi66
这是一个 Three.js 3D 滚动动画演示网站,包含:MergedPR

3D 旋转圆环(Torus)动画效果 星空背景(200 颗随机生成的星星) 可旋转的月球模型(带法线贴图) 3D 头像方块 滚动触发的相机移动和对象旋转效果 现在发现了下面的一些bug Bug 1: CSS 重复定义 - Canvas样式重复 相同的 canvas 样式被定义了两次,造成代码冗余 虽然不影响功能,但违背了DRY原则,增加维护成本 Bug 2: 缺少窗口大小自适应处理 问题: 当用户调整浏览器窗口大小时,Three.js场景不会自适应更新: 1. 相机的宽高比不会更新 2. 渲染器的尺寸不会更新 3. 可能导致画面拉伸变形 Bug 3: 资源加载无错误处理 问题: 纹理资源(图片)加载时没有错误处理: Bug 4: 滚动事件性能问题(潜在) 滚动事件触发频率非常高(每秒可达60次以上),如果函数内计算量较大可能导致: 页面卡顿 性能下降 影响用户体验 Bug 5: 未使用的导入 - OrbitControls 问题: 代码导入了 OrbitControls 但被注释掉了 打包时包含未使用的代码,增加文件体积 代码意图不明确 请修正 约束:不要改动代码原本的逻辑,测试一定要到位

chenziqi66 · 3mo ago
its-a-k
hiMergedPR
its-a-k · 1y ago
Structured data for AI agents

Repository: fireship-io/threejs-scroll-animation-demo. Description: 3D Scrolling Portfolio Website with Three.js Stars: 1651, Forks: 683. Primary language: HTML. Open PRs: 8, open issues: 11. Last activity: 1y ago. Top contributors: codediodeio.

·@ofershap

Replace github.com with gitshow.dev