├── .gitignore ├── README.md ├── constants └── index.ts ├── lessons ├── 01-fundamentals │ ├── components │ │ └── Cube.tsx │ └── index.tsx ├── 02-primitives │ ├── components │ │ ├── Cone.tsx │ │ ├── Cube.tsx │ │ ├── Cylinder.tsx │ │ ├── Dodecahedron.tsx │ │ ├── Example.tsx │ │ ├── Extrude.tsx │ │ ├── FlatCircle.tsx │ │ ├── Icosahedron.tsx │ │ ├── Lathe.tsx │ │ ├── Octahedron.tsx │ │ ├── Parametric.tsx │ │ ├── Plane.tsx │ │ ├── Polyhedron.tsx │ │ ├── Ring.tsx │ │ ├── Row.tsx │ │ ├── Sphere.tsx │ │ ├── Tetrahedron.tsx │ │ ├── Text.tsx │ │ ├── Torus.tsx │ │ ├── TorusKnot.tsx │ │ └── Tube.tsx │ ├── fonts │ │ └── Inter-Regular.woff │ └── index.tsx ├── 03-scenegraph │ ├── components │ │ ├── Earth.tsx │ │ ├── Moon.tsx │ │ ├── SolarSystem.tsx │ │ └── Sun.tsx │ └── index.tsx ├── 04-textures │ ├── components │ │ ├── HelloTexture.tsx │ │ └── SixTextures.tsx │ └── index.tsx ├── 05-lights │ ├── components │ │ ├── Cube.tsx │ │ ├── Plane.tsx │ │ └── Sphere.tsx │ ├── index.tsx │ └── lights │ │ ├── AmbientLight.tsx │ │ ├── DirectionalLight.tsx │ │ ├── HemisphereLight.tsx │ │ ├── PointLight.tsx │ │ ├── RectAreaLight.tsx │ │ └── SpotLight.tsx ├── 06-cameras │ ├── cameras │ │ ├── OrthographicCamera.tsx │ │ └── PerspectiveCamera.tsx │ ├── components │ │ ├── Cube.tsx │ │ ├── Plane.tsx │ │ └── Sphere.tsx │ ├── index.tsx │ └── lights │ │ └── DirectionalLight.tsx ├── 07-shadows │ ├── cameras │ │ └── PerspectiveCamera.tsx │ ├── components │ │ ├── BouncingSpheres.tsx │ │ ├── Cube.tsx │ │ ├── Plane.tsx │ │ ├── Room.tsx │ │ ├── Sphere.tsx │ │ └── SphereWithShadow.tsx │ ├── examples │ │ ├── Example1.tsx │ │ ├── Example2.tsx │ │ ├── Example3.tsx │ │ └── Example4.tsx │ ├── index.tsx │ └── lights │ │ ├── DirectionalLight.tsx │ │ ├── DirectionalLightWithHelper.tsx │ │ ├── HemisphereLight.tsx │ │ ├── PointLightWithHelper.tsx │ │ └── SpotLightWithHelper.tsx ├── 08-fog │ ├── cameras │ │ └── PerspectiveCamera.tsx │ ├── components │ │ ├── Cube.tsx │ │ └── Fog.tsx │ └── index.tsx ├── 09-render-targets │ ├── cameras │ │ └── PerspectiveCamera.tsx │ ├── components │ │ ├── Cube.tsx │ │ └── RenderTargetCube.tsx │ └── index.tsx ├── 10-custom-geometry │ ├── components │ │ ├── CubeTypedArrays.tsx │ │ └── CubesTypedArrays.tsx │ └── index.tsx ├── _app.js └── index.tsx ├── next-env.d.ts ├── next.config.js ├── package.json ├── pages ├── 01-fundamentals │ └── index.tsx ├── 02-primitives │ └── index.tsx ├── 03-scenegraph │ └── index.tsx ├── 04-textures │ └── index.tsx ├── 05-lights │ └── index.tsx ├── 06-cameras │ └── index.tsx ├── 07-shadows │ └── index.tsx ├── 08-fog │ └── index.tsx ├── 09-render-targets │ └── index.tsx ├── 10-custom-geometry │ └── index.tsx ├── HomepageScene.tsx ├── _app.js └── index.tsx ├── public ├── favicon.ico └── static │ └── images │ ├── checker.png │ ├── flower-1.jpg │ ├── flower-2.jpg │ ├── flower-3.jpg │ ├── flower-4.jpg │ ├── flower-5.jpg │ ├── flower-6.jpg │ ├── homepage-og-image.png │ ├── roundshadow.png │ ├── star.png │ └── wall.jpg ├── styles ├── Home.module.css └── globals.css ├── tsconfig.json └── utils └── index.ts /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/README.md -------------------------------------------------------------------------------- /constants/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/constants/index.ts -------------------------------------------------------------------------------- /lessons/01-fundamentals/components/Cube.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/01-fundamentals/components/Cube.tsx -------------------------------------------------------------------------------- /lessons/01-fundamentals/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/01-fundamentals/index.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Cone.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Cone.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Cube.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Cube.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Cylinder.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Cylinder.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Dodecahedron.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Dodecahedron.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Example.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Example.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Extrude.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Extrude.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/FlatCircle.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/FlatCircle.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Icosahedron.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Icosahedron.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Lathe.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Lathe.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Octahedron.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Octahedron.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Parametric.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Parametric.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Plane.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Plane.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Polyhedron.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Polyhedron.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Ring.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Ring.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Row.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Row.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Sphere.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Sphere.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Tetrahedron.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Tetrahedron.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Text.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Text.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Torus.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Torus.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/TorusKnot.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/TorusKnot.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/components/Tube.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/components/Tube.tsx -------------------------------------------------------------------------------- /lessons/02-primitives/fonts/Inter-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/fonts/Inter-Regular.woff -------------------------------------------------------------------------------- /lessons/02-primitives/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/02-primitives/index.tsx -------------------------------------------------------------------------------- /lessons/03-scenegraph/components/Earth.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/03-scenegraph/components/Earth.tsx -------------------------------------------------------------------------------- /lessons/03-scenegraph/components/Moon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/03-scenegraph/components/Moon.tsx -------------------------------------------------------------------------------- /lessons/03-scenegraph/components/SolarSystem.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/03-scenegraph/components/SolarSystem.tsx -------------------------------------------------------------------------------- /lessons/03-scenegraph/components/Sun.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/03-scenegraph/components/Sun.tsx -------------------------------------------------------------------------------- /lessons/03-scenegraph/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/03-scenegraph/index.tsx -------------------------------------------------------------------------------- /lessons/04-textures/components/HelloTexture.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/04-textures/components/HelloTexture.tsx -------------------------------------------------------------------------------- /lessons/04-textures/components/SixTextures.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/04-textures/components/SixTextures.tsx -------------------------------------------------------------------------------- /lessons/04-textures/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/04-textures/index.tsx -------------------------------------------------------------------------------- /lessons/05-lights/components/Cube.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/05-lights/components/Cube.tsx -------------------------------------------------------------------------------- /lessons/05-lights/components/Plane.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/05-lights/components/Plane.tsx -------------------------------------------------------------------------------- /lessons/05-lights/components/Sphere.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/05-lights/components/Sphere.tsx -------------------------------------------------------------------------------- /lessons/05-lights/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/05-lights/index.tsx -------------------------------------------------------------------------------- /lessons/05-lights/lights/AmbientLight.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/05-lights/lights/AmbientLight.tsx -------------------------------------------------------------------------------- /lessons/05-lights/lights/DirectionalLight.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/05-lights/lights/DirectionalLight.tsx -------------------------------------------------------------------------------- /lessons/05-lights/lights/HemisphereLight.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/05-lights/lights/HemisphereLight.tsx -------------------------------------------------------------------------------- /lessons/05-lights/lights/PointLight.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/05-lights/lights/PointLight.tsx -------------------------------------------------------------------------------- /lessons/05-lights/lights/RectAreaLight.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/05-lights/lights/RectAreaLight.tsx -------------------------------------------------------------------------------- /lessons/05-lights/lights/SpotLight.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/05-lights/lights/SpotLight.tsx -------------------------------------------------------------------------------- /lessons/06-cameras/cameras/OrthographicCamera.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/06-cameras/cameras/OrthographicCamera.tsx -------------------------------------------------------------------------------- /lessons/06-cameras/cameras/PerspectiveCamera.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/06-cameras/cameras/PerspectiveCamera.tsx -------------------------------------------------------------------------------- /lessons/06-cameras/components/Cube.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/06-cameras/components/Cube.tsx -------------------------------------------------------------------------------- /lessons/06-cameras/components/Plane.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/06-cameras/components/Plane.tsx -------------------------------------------------------------------------------- /lessons/06-cameras/components/Sphere.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/06-cameras/components/Sphere.tsx -------------------------------------------------------------------------------- /lessons/06-cameras/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/06-cameras/index.tsx -------------------------------------------------------------------------------- /lessons/06-cameras/lights/DirectionalLight.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/06-cameras/lights/DirectionalLight.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/cameras/PerspectiveCamera.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/cameras/PerspectiveCamera.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/components/BouncingSpheres.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/components/BouncingSpheres.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/components/Cube.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/components/Cube.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/components/Plane.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/components/Plane.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/components/Room.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/components/Room.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/components/Sphere.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/components/Sphere.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/components/SphereWithShadow.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/components/SphereWithShadow.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/examples/Example1.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/examples/Example1.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/examples/Example2.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/examples/Example2.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/examples/Example3.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/examples/Example3.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/examples/Example4.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/examples/Example4.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/index.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/lights/DirectionalLight.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/lights/DirectionalLight.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/lights/DirectionalLightWithHelper.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/lights/DirectionalLightWithHelper.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/lights/HemisphereLight.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/lights/HemisphereLight.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/lights/PointLightWithHelper.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/lights/PointLightWithHelper.tsx -------------------------------------------------------------------------------- /lessons/07-shadows/lights/SpotLightWithHelper.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/07-shadows/lights/SpotLightWithHelper.tsx -------------------------------------------------------------------------------- /lessons/08-fog/cameras/PerspectiveCamera.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/08-fog/cameras/PerspectiveCamera.tsx -------------------------------------------------------------------------------- /lessons/08-fog/components/Cube.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/08-fog/components/Cube.tsx -------------------------------------------------------------------------------- /lessons/08-fog/components/Fog.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/08-fog/components/Fog.tsx -------------------------------------------------------------------------------- /lessons/08-fog/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/08-fog/index.tsx -------------------------------------------------------------------------------- /lessons/09-render-targets/cameras/PerspectiveCamera.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/09-render-targets/cameras/PerspectiveCamera.tsx -------------------------------------------------------------------------------- /lessons/09-render-targets/components/Cube.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/09-render-targets/components/Cube.tsx -------------------------------------------------------------------------------- /lessons/09-render-targets/components/RenderTargetCube.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/09-render-targets/components/RenderTargetCube.tsx -------------------------------------------------------------------------------- /lessons/09-render-targets/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/09-render-targets/index.tsx -------------------------------------------------------------------------------- /lessons/10-custom-geometry/components/CubeTypedArrays.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/10-custom-geometry/components/CubeTypedArrays.tsx -------------------------------------------------------------------------------- /lessons/10-custom-geometry/components/CubesTypedArrays.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/10-custom-geometry/components/CubesTypedArrays.tsx -------------------------------------------------------------------------------- /lessons/10-custom-geometry/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/10-custom-geometry/index.tsx -------------------------------------------------------------------------------- /lessons/_app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/_app.js -------------------------------------------------------------------------------- /lessons/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/lessons/index.tsx -------------------------------------------------------------------------------- /next-env.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/next-env.d.ts -------------------------------------------------------------------------------- /next.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/next.config.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/package.json -------------------------------------------------------------------------------- /pages/01-fundamentals/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/pages/01-fundamentals/index.tsx -------------------------------------------------------------------------------- /pages/02-primitives/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/pages/02-primitives/index.tsx -------------------------------------------------------------------------------- /pages/03-scenegraph/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/pages/03-scenegraph/index.tsx -------------------------------------------------------------------------------- /pages/04-textures/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/pages/04-textures/index.tsx -------------------------------------------------------------------------------- /pages/05-lights/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/pages/05-lights/index.tsx -------------------------------------------------------------------------------- /pages/06-cameras/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/pages/06-cameras/index.tsx -------------------------------------------------------------------------------- /pages/07-shadows/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/pages/07-shadows/index.tsx -------------------------------------------------------------------------------- /pages/08-fog/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/pages/08-fog/index.tsx -------------------------------------------------------------------------------- /pages/09-render-targets/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/pages/09-render-targets/index.tsx -------------------------------------------------------------------------------- /pages/10-custom-geometry/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/pages/10-custom-geometry/index.tsx -------------------------------------------------------------------------------- /pages/HomepageScene.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/pages/HomepageScene.tsx -------------------------------------------------------------------------------- /pages/_app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/pages/_app.js -------------------------------------------------------------------------------- /pages/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/pages/index.tsx -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/static/images/checker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/public/static/images/checker.png -------------------------------------------------------------------------------- /public/static/images/flower-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/public/static/images/flower-1.jpg -------------------------------------------------------------------------------- /public/static/images/flower-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/public/static/images/flower-2.jpg -------------------------------------------------------------------------------- /public/static/images/flower-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/public/static/images/flower-3.jpg -------------------------------------------------------------------------------- /public/static/images/flower-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/public/static/images/flower-4.jpg -------------------------------------------------------------------------------- /public/static/images/flower-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/public/static/images/flower-5.jpg -------------------------------------------------------------------------------- /public/static/images/flower-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/public/static/images/flower-6.jpg -------------------------------------------------------------------------------- /public/static/images/homepage-og-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/public/static/images/homepage-og-image.png -------------------------------------------------------------------------------- /public/static/images/roundshadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/public/static/images/roundshadow.png -------------------------------------------------------------------------------- /public/static/images/star.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/public/static/images/star.png -------------------------------------------------------------------------------- /public/static/images/wall.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/public/static/images/wall.jpg -------------------------------------------------------------------------------- /styles/Home.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/styles/Home.module.css -------------------------------------------------------------------------------- /styles/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/styles/globals.css -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/tsconfig.json -------------------------------------------------------------------------------- /utils/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/httpstersk/three-js-fundamentals-r3f/HEAD/utils/index.ts --------------------------------------------------------------------------------