- Joohyun Park
- Class dates
- 09/05/2024 - 10/17/2024, Thursday, 6:00pm-8:30pm, 370 Jay Street (Room 409) Loc: Brooklyn Campus
- Office hours
- 09/05/2024 - 10/17/2024, Thursday, 8:30pm-9:30pm, 370 Jay Street (Room 409) Loc: Brooklyn Campus
- Zoom link
Web browser is a 21st-century canvas. While being one of the most common mediums today, web space has infinite possibilities for new aesthetics. This course covers three.js fundamentals, providing students with the skills and insights to create arts in web 3D.
At the completion of this course, the students will:
- Develop perspectives on using web pages as a creative medium.
- Be comfortable prototyping web 3D experience with three.js.
All ideas are valuable. We respect every perspective and encourage boundless creativity.
Ideate, research, prototype, and iterate. Dive right into writing code, and don’t hesitate to break it.
Feedback matters as much as presentation. Your constructive opinion can inspire someone to create great art.
Please setup belows on your machine before the first class.
- Visual Studio Code
- Node
- npm (Comes with Node.js installation)
- Git
Clone this repo. It has weekly code examples in each folder.
git clone https://github.com/jooohyunpark/itp-canvas-for-coders.git &&
cd itp-canvas-for-coders
To run weekly codebase, navigate to the folder, install dependencies (once), and start the dev server.
# npm
cd week1 &&
npm install &&
npm run dev
# yarn
cd week1 &&
yarn &&
yarn dev
- Reimagining web spaces
- Three.js documentation
- Three.js fundamentals
- Three.js wrappers/frameworks
- Thinking in xyz space (Three.js editor)
- Getting started with a Vite project
- Presentation
- Three.js fundamentals
- Three.js editor
- Three.js examples
- Google experiments
- @react-three/fiber
- @react-three/drei
You will need a modern laptop (4 years old or younger is a good rule of thumb). Most required software is freely available.
You are required to attend all class meetings and submit all weekly assignments and a final project.
Grading (pass/fail) will be based on a combination of factors:
- Attendance, participation in class discussion, and engagement in other students' projects (40%)
- Assignments (40%)
- Final Project (20%)
Please see ITP's statement on Pass/Fail which states that a "Pass" is equivalent to an "A" or a "B" while anything less would be considered a "Fail".
Attendance is mandatory. Please inform your teacher via email if you are going to miss a class. Two unexcused absences is cause for failing the class. (An unexcused lateness of 10 minutes or more is equivalent to 1/2 an absence.)
This class will be participatory, you are expected to participate in discussions and give feedback to other students both in class and participate with their projects. This (along with attendance) is 40% of your grade.
Class will culminate with final projects. You are expected to push your abilities to produce something that utilizes what you have learned in the class that is useful in some manner to yourself or the world. This will comprise 20% of your grade.
Plagiarism is presenting someone else’s work as though it were your own. More specifically, plagiarism is to present as your own: A sequence of words quoted without quotation marks from another writer or a paraphrased passage from another writer’s work or facts, ideas or images composed by someone else.
The following is adapted by permission from Golan Levin’s Interactivity and Computation Course (Fall 2018) at Carnegie Mellon University.
You must cite the source of any code you use. Please note the following expectations and guidelines:
Check the License. When using others' code, pay attention to the license under which it has been released, and be certain to fulfill the terms and requirements of those licenses. Descriptions of common licenses, and their requirements, can be found at choosealicense.com. Some licenses may require permission. If you are confused or aren’t sure how to credit code, ask one of the course instructors and make your best good faith effort. Not properly citing code sources is grounds for a 0 on an assignment.
Use Libraries. The use of general, repurposable libraries is strongly encouraged. The people who developed and contributed these components to the community worked hard, often for no pay; acknowledge them by citing their name and linking to their repository.
Be Careful. It sometimes happens that an artist places the entire source code for their sketch or artwork online, as a resource from which others can learn. Assignments given in new-media arts courses are often similar; you may also discover the work of a student in some other class or school, who has posted code for a project which responds to a similar assignment. You should probably avoid this code. At the very least, you should be careful about approaching such code for possible re-use. If it is necessary to do so, it is best to extract components that solve a specific technical problem, rather than those parts which operate to create a poetic experience. Your challenge, if and/or when you work with others' code, is to make it your own. It should be clear that downloading an artwork from someone's GitHub and simply changing the colors would be disgracefully lazy. And doing so without proper citation would be outright plagiarism.
The core of the educational experience at the Tisch School of the Arts is the creation of original academic and artistic work by students for the critical review of faculty members. It is therefore of the utmost importance that students at all times provide their instructors with an accurate sense of their current abilities and knowledge in order to receive appropriate constructive criticism and advice. Any attempt to evade that essential, transparent transaction between instructor and student through plagiarism or cheating is educationally self-defeating and a grave violation of Tisch School of the Arts community standards. For all the details on plagiarism, please refer to page 10 of the Tisch School of the Arts, Policies and Procedures Handbook, which can be found online at https://tisch.nyu.edu/student-affairs/important-resources/tisch-policies-and-handbooks
Please feel free to make suggestions to your instructor about ways in which this class could become more accessible to you. Academic accommodations are available for students with documented disabilities. Please contact the Moses Center for Students with Disabilities at 212 998-4980 for further information.
Your health and safety are a priority at NYU. If you experience any health or mental health issues during this course, we encourage you to utilize the support services of the 24/7 NYU Wellness Exchange 212-443-9999. Also, all students who may require an academic accommodation due to a qualified disability, physical or mental, please register with the Moses Center 212-998-4980. Please let your instructor know if you need help connecting to these resources.
Laptops will be an essential part of the course and may be used in class during workshops and for taking notes in lecture. Laptops must be closed during class discussions and student presentations. Phone use in class is strictly prohibited unless directly related to a presentation of your own work or if you are asked to do so as part of the curriculum.