دوره آموزشی
دوبله زبان فارسی
کدنویسی برای هنر - یادگیری کدنویسی خلاقانه برای تولید ویژوالها با جاوااسکریپت
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- کدنویسی برای هنر، کدنویسی خلاقانه، هنر مولد
- ایجاد ویژوالها با کدنویسی
- یادگیری ترسیم با کد
- انیمیشنهای جاوااسکریپت
- Canvas HTML5 و CTX
- افکت ذرات با Vanilla JS
- کتابخانه Canvas-sketch
- ThreeJS
- ساخت visualizers صوتی
پیشنیازهای دوره
- مهارتهای اولیه ریاضی
- ویرایشگر کد
- مرورگر
- تجربه برنامهنویسی مزیت محسوب میشود.
توضیحات دوره
چرا هنر کدنویسی؟
- چون وقتی یاد میگیرید با کدنویسی هنر بسازید، واقعاً محدودیتی وجود ندارد. شما مرزهای برنامههای ویژوال افکت را ندارید.
- الگوریتمهای خلاقانه، داده محور هستند و میتوانند به صورت بلادرنگ و تعاملی کار کنند.
- این کار ترکیبی از جنبه فنی و طراحی است.
- زبانها و روشهای متعددی برای کدنویسی خلاقانه وجود دارد.
- در این دوره از HTML و جاوااسکریپت استفاده میکنیم، زیرا امروز جاوااسکریپت در همه جا است.
- شما فرصت خواهید داشت پروژه خود را با فناوریهای دیگر و جاوااسکریپت تعاملی کنید.
- ذراتی ایجاد میکنیم که به موسیقی گوش میدهند و رفتارهای متفاوتی نشان میدهند.
- پس از یادگیری این تکنیک، میتوانید ورودی صدا را در هر افکتی که میخواهید استفاده کنید.
- با دیدن اینکه ساخت این انیمیشنها چقدر آسان است، شگفتزده خواهید شد.
- اگر از قبل یک زبان برنامهنویسی بلد باشید، این برتری بزرگی است.
این ویژوالها را کجا میتوانیم استفاده کنیم؟
این امر به شما بستگی دارد. شما میتوانید کالکشن NFT خود را بسازید، افکتها را در وبسایت خود آپلود کنید، آنها را در پورتفولیوی خود قرار دهید یا فقط برای سرگرمی بسازید.
چرا این دوره؟
ما به عنوان تیم Yetii، با هدف ایجاد دورههای آموزشی آنلاین حرفهای فعالیت میکنیم. سعی داریم آن را تا حد امکان ساده نگه داریم. شما بهترین شیوههای کدنویسی خلاقانه را پیدا خواهید کرد.
این دوره شامل کار با ویندوز و مک است، بنابراین چه شما کاربر ویندوز باشید چه مک، میتوانید بهرهمندی کامل داشته باشید.
مخاطبان دوره
- برنامهنویسان و توسعهدهندگان
- طراحان
- فریلنسرها
- انیماتورها
- طراحان گرافیک
- کسانی که با زبان برنامهنویسی دیگر آشنا هستند و میخواهند کدنویسی خلاقانه یاد بگیرند
- همه علاقهمندان به انیمیشنها، ویژوالها، الگوریتمها و هنر
این دوره برای چه کسانی مناسب است؟
- برای توسعهدهندگان و طراحانی که میخواهند با کد، ترسیم کنند.
کدنویسی برای هنر - یادگیری کدنویسی خلاقانه برای تولید ویژوالها با جاوااسکریپت
-
قبل از شروع 03:10
-
ایجاد فایلهای پروژه 01:41
-
HTML5 Canvas 02:25
-
ایجاد Canvas و CTX 03:14
-
ترسیم یک مستطیل 04:12
-
سرور لایو چیست؟ 02:00
-
Listener رویداد در جاوااسکریپت 02:15
-
تمرین Listeners رویداد 02:04
-
Arc 03:09
-
تولید اتمها 10:48
-
Destroy و Blur 10:09
-
ایجاد افکت ستارههای آسمان زیبا 04:36
-
حرکتهای سفارشی ذرات (سهمی) 07:25
-
افکت پیکسل برای باران چیست؟ 01:25
-
راهاندازی پروژه 09:31
-
دریافت داده تصویر در جاوااسکریپت 12:15
-
ایجاد کلاس ذرات 08:46
-
نگاشت از دوبعدی به تک بعدی 02:44
-
اعمال فرمول نگاشت 00:46
-
تابع ترسیم 01:28
-
تکمیل افکت 06:03
-
افزودن رنگهای RGB 05:47
-
مقدمه 00:27
-
Node و NPM 01:35
-
نصب canvas-sketch 05:34
-
canvas-sketch چیست؟ 06:13
-
تمرین مستطیلها 05:28
-
ترجمه Canvas 03:43
-
چرخش Canvas 02:11
-
ذخیره و بازیابی 02:27
-
تصادفی بودن 04:55
-
انیمیشن پرش 00:54
-
کلاس دایره 05:59
-
تولید دایرهها 02:54
-
متحرکسازی دایرهها 03:31
-
دایرههای پرشدار 02:50
-
فاصله اقلیدسی 01:51
-
ترسیم خطوط 06:10
-
بهدست آوردن فاصله بین دو نقطه 02:53
-
عرض خط واکنشگرا 03:10
-
مقدمه 00:41
-
راهاندازی visualizer صدا 01:58
-
قالب HTML 01:22
-
HTML کامل 01:25
-
microphone.js 04:06
-
دریافت داده میکروفون 05:39
-
کلاس توپ 05:44
-
تولید توپها 07:57
-
توپهای در حال سقوط 03:55
-
توپهای جهنده 12:12
-
ورودی صدا 07:08
-
شروع کار 00:42
-
راهاندازی 01:27
-
ایجاد شکلها 08:36
-
حرکت دایرهای 05:10
-
تغییر اندازه با ورودی میکروفون 07:11
-
پخش موسیقی 00:29
-
تلهپورت 05:20
-
کتابخانه three.js چیست؟ 01:05
-
یوزکیسهای three.js 03:58
-
نصب three.js 04:39
-
باز کردن پروژه 02:29
-
ایمپورت three.js 02:06
-
ایجاد صحنه و دوربین 03:12
-
ایجاد رندرر 01:47
-
ایجاد یک مکعب 03:54
-
رندر صحنه 02:00
-
متحرکسازی مکعب 02:14
-
مقدمه 00:27
-
راهاندازی 01:39
-
تابع ( )Init 01:54
-
ایجاد ستارهها 03:28
-
استفاده از هندسه و متریال 02:03
-
تابع متحرک 06:42
-
تکمیل پروژه 02:35
-
برخی مثالهای three.js 04:49
مشخصات آموزش
کدنویسی برای هنر - یادگیری کدنویسی خلاقانه برای تولید ویژوالها با جاوااسکریپت
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:76
- مدت زمان :05:01:11
- حجم :1.93GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
The Great Courses
2,495,000
499,000 تومان
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
6,787,000
1,357,400 تومان
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
8,360,500
1,672,100 تومان
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
5,720,500
1,144,100 تومان
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,206,500
841,300 تومان
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,391,000
878,200 تومان
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
7,261,000
1,452,200 تومان
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 00:41:00
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی