آموزش مقدمه ای بر کدنویسی خلاق با p5.js

سرفصل ها و درس ها

سلام! به کدنویسی خلاق خوش آمدید Hello! Welcome to Creative Coding

• کدنویسی خلاق چیست؟ What is creative coding?

• ویرایشگر p5 p5 Editor

ماژول 1 - اشکال، رنگ ها و انیمیشن! Module 1 - Shapes, Colours, and Animation!

• مقدمه ای بر ماژول 1 Introduction to Module 1

• مفهوم | راه اندازی، طراحی، بوم CONCEPT | Setup, Draw, Canvas

• پروژه | ایموجی هایی با اشکال ساده PROJECT | Emojis with simple shapes

• مفهوم | رنگ ها CONCEPT | Colours

• مفهوم | متغیرها CONCEPT | Variables

• مفهوم | متغیرهای داخلی CONCEPT | Inbuilt variables

• مراجع و اشکال اضافی References and Additional Shapes

ماژول 2- متغیرها، انیمیشن ها و اپلیکیشن Paint! Module 2- Variables, Animations and Paint App!

• مقدمه ای بر ماژول 2 Introduction to Module 2

• مفهوم | اگر بیانیه CONCEPT | if statement

• مفهوم | mouseDragged و mousePressed CONCEPT | mouseDragged and mousePressed

• مفهوم | pmouseX و pmouseY CONCEPT | pmouseX and pmouseY

• مفهوم | ساخت دکمه CONCEPT | Making a Button

• مفهوم | تابع تصادفی CONCEPT | random Function

• پروژه | یک اپلیکیشن Symmetry Painting بسازید PROJECT | Make a Symmetry Painting App

شبکه ها، حلقه ها و انیمیشن ها! Grids, Loops and Animations!

• مقدمه ای بر ماژول 3 Introduction to Module 3

• مفهوم | برای حلقه CONCEPT | For Loop

• مفهوم | Nested For Loop CONCEPT | Nested For Loop

• مفهوم | ترجمه و چرخش CONCEPT | Translate and rotate

• پروژه | 10 چاپ کنید PROJECT | 10 Print

• پروژه | برنامه نقاشی چرخشی PROJECT | Rotation Painting App

• مفهوم | ساخت شبکه با ترجمه CONCEPT | Making a grid with translate

تصاویر و آثار هنری مولد! Images and Generative Artwork!

• مقدمه ای بر ماژول 4 Introduction to Module 4

• مفهوم | استفاده از تصاویر - قسمت 1 CONCEPT | Using Images - Part 1

• مفهوم | استفاده از تصاویر - قسمت 2 CONCEPT | Using Images - Part 2

• مفهوم | خواندن از روی تصاویر CONCEPT | Reading from Images

• پروژه | پرتره مولد: پوینتیلیسم PROJECT | Generative Portrait : Pointillism

• پروژه | پرتره مولد: پیاده روی تصادفی PROJECT | Generative Portrait : Random Walk

• مفهوم | با استفاده از دوربین CONCEPT | Using the Camera