├── .eslintrc.cjs ├── .gitignore ├── README.md ├── general.txt ├── index.html ├── package-lock.json ├── package.json ├── public ├── Cover.png ├── models │ ├── Artics.glb │ └── abandoned_tiled_room_1k.hdr └── vite.svg ├── src ├── App.css ├── App.jsx ├── assets │ └── react.svg ├── components │ ├── Artics.jsx │ ├── Labels.jsx │ └── Scene.jsx ├── index.css └── main.jsx └── vite.config.js /.eslintrc.cjs: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | env: { browser: true, es2020: true }, 3 | extends: [ 4 | 'eslint:recommended', 5 | 'plugin:react/recommended', 6 | 'plugin:react/jsx-runtime', 7 | 'plugin:react-hooks/recommended', 8 | ], 9 | parserOptions: { ecmaVersion: 'latest', sourceType: 'module' }, 10 | settings: { react: { version: '18.2' } }, 11 | plugins: ['react-refresh'], 12 | rules: { 13 | 'react-refresh/only-export-components': 'warn', 14 | }, 15 | } 16 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # React-three-Fiber-Scroll-Controls 2 | 3 |  4 | 5 | ### Tutorial 6 | 7 | [YouTube Tutorial](https://www.google.com) 8 | -------------------------------------------------------------------------------- /general.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SirJohn72-script/React-three-Fiber-Scroll-Controls/f004a0c711a4cf3a9943104a6abd58c694bc7809/general.txt -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 |17 | Lorem ipsum dolor, sit amet consectetur 18 | adipisicing elit. Aspernatur quae architecto 19 | molestiae laudantium consequuntur. 20 |
21 |27 | Lorem ipsum dolor, sit amet consectetur 28 | adipisicing elit. Aspernatur quae architecto 29 | molestiae laudantium consequuntur. 30 |
31 |37 | Lorem ipsum dolor, sit amet consectetur 38 | adipisicing elit. Aspernatur quae architecto 39 | molestiae laudantium consequuntur. 40 |
41 |47 | Lorem, ipsum dolor sit amet consectetur 48 | adipisicing elit. Similique, accusamus. 49 |
50 |