Pengodean Kreatif: Membuat Visual dengan JavaScript
A course by Bruno ImbriziPembuat Kode Kreatif
A course by Bruno Imbrizi, Pembuat Kode Kreatif
Pengodean Kreatif: Membuat Visual dengan JavaScript
Bereksperimen dengan coding kreatif tidak pernah membosankan—selalu ada hal untuk dijelajahi, teknik baru untuk dipelajari, atau gambar baru untuk dibuat. Bagi programmer kreatif Bruno Imbrizi, ini adalah kesempatan untuk menggabungkan minatnya dengan grafis gerak dan visual dengan pemrograman. Ia telah bekerja untuk agensi kecil maupun merek ternama seperti Dell, Adidas, dan Universal Music.
Dalam kursus ini, Bruno berbagi keahliannya untuk membantu Anda menciptakan visual yang menarik dengan kode. Jelajahi dasar-dasar pemrograman dan pelajari cara menggambar dengan kode kreatif di JavaScript.
Ingin meningkatkan pengetahuan coding Anda? Simak kursus kedua Bruno, Creative Coding 2.0 dalam JS: Animasi, Suara, & Warna untuk mempelajari teknik-teknik tingkat lanjut dalam menciptakan komposisi kode dengan warna, gerakan, dan suara.
Apa yang akan Anda pelajari dalam kursus daring ini?
1 pelajaran & 1 unduhan
Lingkungan untuk Membuat Sketsa
1 menit, 1 detik
Jaringan
1 menit, 1 detik
Kebisingan
1 menit, 1 detik
Antarmuka Pengguna (GUI)
1 menit, 1 detik
Teks
1 menit, 1 detik
Peta bit
1 menit, 1 detik
Apa yang termasuk dalam kursus ini?
Mari kita mulai dengan mengenal Bruno Imbrizi, seorang programmer kreatif. Ia bercerita tentang awal kariernya sebagai desainer grafis dan bagaimana ia memadukannya dengan minatnya di bidang pemrograman. Kemudian, ia membahas platform apa saja yang ia sukai dan alasannya, serta orang-orang yang telah memengaruhi karyanya.
Jelajahi dasar-dasar pengkodean. Bruno mengajarkan Anda cara menyiapkan perangkat utama sebelum memberikan gambaran umum tentang konsep pemrograman seperti variabel, fungsi, array, dan perulangan. Kemudian, ia mendemonstrasikan cara meningkatkan pengaturan Anda sebelum memulai kumpulan sketsa.
Buat sketsa digital baru menggunakan berbagai transformasi kanvas. Kemudian, pelajari cara menggunakan trigonometri untuk mendistribusikan bentuk di sekitar lingkaran. Pelajari cara menskalakan sketsa Anda dan lihat cara menggunakan fungsi utilitas untuk memudahkan desain Anda berikutnya. Selesaikan sketsa Anda dengan menggambar busur dan bereksperimen dengan berbagai nilai parameter.
Rancang sketsa animasi dengan agen yang bergerak di kanvas. Pelajari cara menggambar garis di antara agen berdasarkan jaraknya sebelum melihat cara mengekspor animasi Anda sebagai berkas video yang dapat Anda bagikan secara daring.
Tinjau kembali grid Anda dan pelajari cara membuatnya lebih fleksibel dan efisien. Kemudian, gunakan generator noise untuk meningkatkannya. Buat panel kontrol kecil yang memungkinkan Anda memperbarui sketsa secara real-time.
Terakhir, temukan cara mengolah teks dalam komposisi Anda. Bruno akan menunjukkan cara menggambar, mengukur, dan mengatur properti font sebelum menjelaskan cara memperbarui huruf hanya dengan satu sentuhan di kibor. Akhiri kursus ini dengan mempelajari cara membaca nilai warna dan memberikan sentuhan akhir pada sketsa akhir Anda.
What is this course's project?
Rancang serangkaian komposisi visual kreatif yang dapat diimplementasikan pada peramban web menggunakan kode.
Proyek oleh mahasiswa kursus
Who is this online course for?
Kursus ini diperuntukkan bagi siapa saja yang tertarik dalam pemrograman dan belajar membuat visual melalui kode.
Requirements and materials
Disarankan memiliki keterampilan matematika dasar.
Keterampilan matematika dasar direkomendasikan. Anda memerlukan komputer dengan Node.js, serta akses ke peramban web dan editor teks.
Sistem Operasi:
⦁Linux ⦁SmartOS ⦁macOS 10.7 atau lebih tinggi ⦁Windows 2008 atau lebih tinggi
Persyaratan Sistem:
⦁RAM 4GB ⦁10GB ruang kosong
Ulasan
- 16 hari yang lalu
Great course, I wish I’d had a stronger foundation in coding before taking it.
- 1 bulan yang lalu
Excellent introductory course
- 2 bulan yang lalu
Great course!!!
- 2 bulan yang lalu
I loved this! I learned a lot and I sincerely recommend this course.
- 4 bulan yang lalu
Ótimo curso. O professor entende do assunto em profundidade e sabe transmitir muito bem o conteúdo. É uma excelente oportunidade como porta de entrada para a programação criativa.
Isi
- U 1
Perkenalan
- Tentang Saya
- Pengaruh
- U 2
Dasar-dasar
- Pengaturan
- Variabel dan Fungsi
- Array dan Loop
- Lingkungan untuk Membuat Sketsa
- U 3
Transformasi Sketsa
- Mengubah
- Sudut
- Fungsi Utilitas
- Busur
- U 4
Agen Sketsa
- Objek dan Kelas
- Agen Animasi
- Garis
- Keluaran Video
- U 5
Sketsa Kebisingan
- Jaringan
- Kebisingan
- Antarmuka Pengguna (GUI)
- U 6
Jenis Sketsa
- Teks
- Asinkron
- Peta bit
- Glif
- FP
Proyek akhir
- Pengantar Coding untuk Desainer Visual
Apa yang diharapkan dari kursus Domestika
Belajar dengan kecepatan Anda sendiri
Nikmati belajar dari rumah tanpa jadwal tetap dan dengan metode yang mudah diikuti. Anda bisa mengatur kecepatan belajar Anda sendiri.
Belajar dari para profesional terbaik
Pelajari metode dan teknik berharga yang dijelaskan oleh para ahli terkemuka di sektor kreatif.
Bertemu dengan guru ahli
Setiap pakar mengajarkan apa yang paling mereka kuasai, dengan pedoman yang jelas, semangat yang membara, dan wawasan profesional dalam setiap pelajaran.
Certificates
PLUSIf you're a Plus member, get a sertifikat khusus signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Dapatkan kursi baris depan
Video berkualitas tinggi, jadi Anda tidak akan melewatkan satu detail pun. Dengan akses tak terbatas, Anda dapat menontonnya sesering yang Anda butuhkan untuk menyempurnakan teknik Anda.
Berbagi pengetahuan dan ide
Ajukan pertanyaan, minta masukan, atau tawarkan solusi. Bagikan pengalaman belajar Anda dengan siswa lain di komunitas yang sama bersemangatnya dengan Anda dalam hal kreativitas.
Terhubung dengan komunitas kreatif global
Komunitas ini merupakan rumah bagi jutaan orang dari seluruh dunia yang ingin tahu dan bersemangat untuk mengeksplorasi dan mengekspresikan kreativitas mereka.
Tonton kursus yang diproduksi secara profesional
Domestika menyusun daftar guru dan memproduksi setiap kursus secara internal untuk memastikan pengalaman belajar daring berkualitas tinggi.
Tanya Jawab Umum
Creative coding is using programming for artistic or visual expression. This course teaches you how to use JavaScript, HTML, and Canvas to create interactive visuals and generative art through hands-on coding experiments.
This course is designed for intermediate users. Basic familiarity with JavaScript and web development is recommended, but key concepts and tools are explained step by step for those with some coding background.
You'll need a code editor like Sublime Text or Visual Studio Code, Node.js, npm, and a modern web browser. The course also covers installing and setting up all required tools for creative coding projects.
You'll learn to create generative art, interactive visuals, and prototypes using JavaScript, Canvas, and web technologies. Topics include drawing shapes, transformations, animation, exporting graphics, and using libraries like Canvas Sketch.
The course teaches you to use JavaScript Canvas API methods such as fillRect, arc, and fillStyle to draw and style rectangles, circles, and other shapes directly in the browser.
Yes, you'll learn to export your generative sketches as PNG images or video files using Canvas Sketch CLI, along with workflow tips for high-quality exports.
You'll be guided through installing Canvas Sketch, initializing projects, managing dynamic canvas dimensions, and running sketches in your browser or terminal.