文件列表:

classes/ (0, 2023-12-06)
classes/week-10/ (0, 2023-12-06)
classes/week-10/data-controls-interactions-r3f/ (0, 2023-12-06)
classes/week-10/data-controls-interactions-r3f/index.html (328, 2023-12-06)
classes/week-10/data-controls-interactions-r3f/package.json (624, 2023-12-06)
classes/week-10/data-controls-interactions-r3f/public/ (0, 2023-12-06)
classes/week-10/data-controls-interactions-r3f/public/earth.jpg (2571926, 2023-12-06)
classes/week-10/data-controls-interactions-r3f/src/ (0, 2023-12-06)
classes/week-10/data-controls-interactions-r3f/src/App.css (315, 2023-12-06)
classes/week-10/data-controls-interactions-r3f/src/App.jsx (251, 2023-12-06)
classes/week-10/data-controls-interactions-r3f/src/Earth.jsx (275, 2023-12-06)
classes/week-10/data-controls-interactions-r3f/src/LocationMarker.jsx (1110, 2023-12-06)
classes/week-10/data-controls-interactions-r3f/src/Scene.jsx (2627, 2023-12-06)
classes/week-10/data-controls-interactions-r3f/src/main.jsx (168, 2023-12-06)
classes/week-10/data-controls-interactions-r3f/vite.config.js (199, 2023-12-06)
classes/week-13/ (0, 2023-12-06)
classes/week-13/file-animations-r3f/ (0, 2023-12-06)
classes/week-13/file-animations-r3f/index.html (328, 2023-12-06)
classes/week-13/file-animations-r3f/package.json (636, 2023-12-06)
classes/week-13/file-animations-r3f/public/ (0, 2023-12-06)
classes/week-13/file-animations-r3f/public/mixamo_armature.glb (1966604, 2023-12-06)
classes/week-13/file-animations-r3f/public/spinning_donut.glb (4699816, 2023-12-06)
classes/week-13/file-animations-r3f/public/spinning_suzzane.glb (75076, 2023-12-06)
classes/week-13/file-animations-r3f/src/ (0, 2023-12-06)
classes/week-13/file-animations-r3f/src/AnimatedCamera.jsx (1255, 2023-12-06)
classes/week-13/file-animations-r3f/src/AnimationTimeline.js (160, 2023-12-06)
classes/week-13/file-animations-r3f/src/App.css (435, 2023-12-06)
classes/week-13/file-animations-r3f/src/App.jsx (1090, 2023-12-06)
classes/week-13/file-animations-r3f/src/InfiniteAnimatedModel.jsx (615, 2023-12-06)
classes/week-13/file-animations-r3f/src/Scene.jsx (1734, 2023-12-06)
classes/week-13/file-animations-r3f/src/ScrollTiedAnimatedModel.jsx (971, 2023-12-06)
... ...

## Prerequisites - [ ] Please setup a Glitch account in advance - [ ] Each class will have a Glitch project that you can remix and work on during class (listed below under [Classes](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/#classes)) - [ ] Alternatively, if you prefer Github - you can clone this repo and work locally (see [How to run locally](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/#how-to-run-locally)) - [ ] Each class code section below links to the slides, code folder, full Glitch project and a Glitch starter project we use in class ## Classes - Week 3 ([Slides](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://docs.google.com/presentation/d/14sR987jrd17l3FtTlq2vfp7UVmaCjtIsh2s0nLwHpkA/edit?usp=sharing)) - Intro to React ([Glitch](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week3-intro-to-react) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-3/intro-to-react)) - Intro to React Three Fiber ([Glitch](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week3-intro-to-r3f) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-3/intro-to-r3f)) - Week 5 ([Slides](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://docs.google.com/presentation/d/1SXs8MSkbsMhADTiFQZfblComxE7Kk3jxLGT94PyLyr4/edit?usp=sharing)) - Scene Graph ([Full Glitch](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week5-scene-graph-r3f?path=README.md%3A1%3A0) / [Glitch Class Starter](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week5-scene-graph-r3f-starter) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-5/scene-graph-r3f)) - Visual Explainers ([Full Glitch](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week5-visual-explainers-r3f) / [Glitch Class Starter](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week5-visual-explainers-r3f-starter) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-5/visual-explainers-r3f)) - Week 8 ([Slides](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://docs.google.com/presentation/d/1IcrqpxD9YnCR75S2cwPxP-5KWIA7jM-1fK3uzny5n3Q/edit?usp=sharing])) - Materials ([Full Glitch](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week8-materials-r3f) / [Glitch Class Starter](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week8-materials-r3f-starter) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-8/materials-r3f)) - Animated Highlights ([Full Glitch](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week8-animated-highlights-r3f) / [Glitch Class Starter](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week8-animated-highlights-r3f-starter) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-8/animated-highlights-r3f)) - Week 10 ([Slides](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://docs.google.com/presentation/d/1vN-h7zCo2AcoSsDMWMDXPczE0nj668kp3yNX-rYKrfw/edit?usp=sharing])) - Data, Controls, Interactions ([Full Glitch](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week10-data-controls-interactions-r3f) / [Glitch Class Starter](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week10-data-class-starter) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-10/data-controls-interactions-r3f)) - Week 13 ([Slides](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://docs.google.com/presentation/d/1PlLXLvYaVFzo-uXJx3Uphp45l3rxF2t0G6I-BMPgt7w/edit?usp=sharing)) - File Animations ([Full Glitch](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week13-file-animations-r3f) / [Glitch Class Starter](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week13-file-anim-r3f-class-starter) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-13/file-animations-r3f)) - Post-processing ([Full Glitch](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week13-post-processing-r3f) / [Glitch Class Starter](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://glitch.com/edit/#!/itp-visual-journalism-week13-post-processing-r3f-class-starter) / [Github](https://github.com/juniorxsound/itp-visual-journalism-fall-2023/blob/master/https://github.com/juniorxsound/itp-visual-journalism-fall-2023/tree/main/classes/week-13/post-processing-r3f)) ## How to run locally - Clone and install dependencies ```sh git clone https://github.com/juniorxsound/itp-visual-journalism-fall-2023.git && cd itp-visual-journalism-fall-2023 ``` - `cd` into the desired section and class code and install dependencies - e.g `cd classes/week-3/intro-to-react && npm install` - Run development server `npm run dev`

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：