ID410BKK
Creative Coding
Faculty
Yin Liu
Freelance Game Developer
Course length
Duration
Total hours
Credits
Language
Course type
Fee for single course
Fee for degree students
Skills you’ll learn
Overview
Creative coding combines programming techniques with artistic expression to create dynamic and interactive digital experiences. This course will introduce students to the fundamentals of creative coding with a beginner-friendly Javascript library. We will learn how to draw and animate visuals with code, using the web browser as a sketchbook. Students will be introduced to computational thinking in driving interactions and design. New programming concepts and creative coding techniques are introduced incrementally each session. By the end of the course, students will integrate techniques learned throughout the course into a final interactive project in the web browser.
Learning highlights
- Understand the history and current landscape of creative coding practices and frameworks.
- Learn fundamental programming concepts.
- Learn to draw with code with the p5js Javascript library.
- Learn to create motion with code.
- Programme interactivity with mouse and keyboard inputs
- Understand the basics of HTML and how to embed p5js sketches in the web browser.
Course outline
15 classes
Introduction to Creative Coding
Introduction to creative coding.
Introduction to p5js.
Shapes
Drawing with code fundamentals.
In-class work session and homework.
Colours
Using colours in drawing.
In-class work session and homework.
Transformation
Translate, scale, and rotate shapes.
In-class work session and homework.
Repetition
Create patterns with loops.
Project 1 brief.
Code demo & Work Session
Code example demos.
In-class work session on Project 1.
Motion Fundamentals
Project 1 presentation.
Animation with code and homework.
Interaction Fundamentals
Conditional statements and interaction basics.
In-class work session and homework.
Text and Image
Working with text and images.
Project 2 brief.
Project 2 moodboard & code demos
Walkthrough Project 2 moodboards.
Interaction examples demo.
Additional motion & interaction techniques
Code examples demo.
Project 2 check-in.
Mobile interactions
Working with mobile touches.
Work session.
Additional topics
Other topics based on students’ interests (e.g. image processing, sound etc).
Session 14
Project 2 in-class Q&A help.
Working in the industry.
Project 2 presentation and feedback
Project 2 presentation and feedback.
Prerequisites
This is an introductory course; no prior knowledge is needed. Knowledge of basic programming concepts is helpful but not necessary.
Methodology
Most classes follow the format of a lecture and a hands-on work session. The lecture explains the learning points through slides and code demos. We then put the new material into action by working on an example together in class. Homework is designed to encourage students to apply the new material from the lecture. We will wrap up the course with a final project presentation.
Grading
Yin Liu is a software developer with over nine years of experience in the games industry. Driven by an interest in both programming and creativity, she has worked with various technologies, such as generative art, web development, game development, and backend services. One of her latest interesting projects was working on building a high-performance content delivery service for a popular mobile game with over one million daily active users.
Besides programming, Yin loves to draw. She is passionate about creative coding, which combines her interests in both artistic expression and computational thinking.
See full profileApply for this course
Creative Coding
by Yin Liu
Total hours
45 Hours
Dates
Mar 11 - Mar 29, 2024
Fee for single course
€1500
Fee for degree students
€750
How to secure your spot
Complete the form below to kickstart your application
Schedule your Harbour.Space interview
If successful, get ready to join us on campus
FAQ
Will I receive a certificate after completion?
Yes. Upon completion of the course, you will receive a certificate signed by the director of the program your course belonged to.
Do I need a visa?
This depends on your case. Please check with the Spanish or Thai consulate in your country of residence about visa requirements. We will do our part to provide you with the necessary documents, such as the Certificate of Enrollment.
Can I get a discount?
Yes. The easiest way to enroll in a course at a discounted price is to register for multiple courses. Registering for multiple courses will reduce the cost per individual course. Please ask the Admissions Office for more information about the other kinds of discounts we offer and what you can do to receive one.