Pengodean Kreatif 2.0 dalam JS: Animasi, Suara, & Warna

Pengodean Kreatif 2.0 dalam JS: Animasi, Suara, & Warna

“Selamat! Anda telah menyelesaikan kursus Domestika ini. Terima kasih telah berpartisipasi dan semoga Anda menikmatinya. Kita telah mengerjakan beberapa komposisi bersama, tetapi yang terpenting adalah teknik yang Anda pelajari. Sekarang Anda dapat melanjutkannya, menerapkannya kembali di tempat lain, dan menciptakan sesuatu yang berbeda! Meskipun kita telah membahas banyak hal, selalu ada hal lain yang perlu dibicarakan, jadi saya menyiapkan daftar kecil kiat untuk unit terakhir ini. Perpustakaan Saya menggunakan beberapa di antaranya selama kursus ini, tetapi masih ada ribuan lagi di luar sana. Beberapa orang suka mengerjakan semuanya sendiri, tetapi terkadang itu seperti mencoba menciptakan kembali roda. Kapan pun Anda membutuhkan sesuatu yang spesifik, saya sarankan untuk menelusuri NPM terlebih dahulu. Mungkin orang lain sudah pernah mengatasi masalah itu! Misalnya, jika Anda perlu memuat data dari berkas CSV, tersedia pustaka untuk itu. Jika Anda perlu melakukan operasi dengan vektor, mengonversi antar ruang warna yang berbeda, atau memuat berkas fon, tersedia pustaka untuk itu. Membangun Situs Web Sketsa dapat berdiri sendiri. Anda dapat mengekspor komposisi dan mencetaknya atau mengunggahnya ke suatu tempat. Namun, jika Anda ingin membagikan sketsa Anda secara daring, Anda juga dapat melakukannya dengan perintah "--build". Perintah ini menghasilkan berkas JavaScript dan HTML statis yang dapat dihosting sebagai halaman web biasa di mana saja. Jika Anda ingin sketsa Anda diintegrasikan ke situs web yang sudah ada, ingatlah bahwa kami selalu menggunakan Canvas API asli, sehingga Anda dapat menyalin bagian kode yang relevan ke proyek lain dan menjalankannya tanpa canvas-sketch. p5.js Banyak orang terjun ke dunia coding kreatif dengan Processing atau p5.js, dan itu sangat masuk akal, keduanya merupakan alat yang hebat. Saya terbiasa bekerja dengan API asli, tetapi jika Anda sudah terbiasa dengan p5.js, Anda dapat menggunakannya bersama canvas-sketch. Ada contoh dasar yang disertakan dalam video di atas yang menunjukkan cara melakukannya. Dokumentasi Ini sudah jelas. Pastikan untuk memeriksa dokumentasinya. Ini tidak hanya berlaku untuk canvas-sketch atau Canvas, tetapi juga untuk semua API yang Anda gunakan. Seseorang telah meluangkan waktu untuk mengatur dan mendokumentasikan kode mereka agar kami dapat memanfaatkannya. Dokumen ini ada untuk membantu kami. Berikutnya, saya ingin merangkum apa yang telah kita lihat sejauh ini. Dalam kursus ini, saya mengerjakan lima proyek kecil. Proyek pertama dimulai dengan persegi panjang sederhana, tetapi pada akhirnya, proyek ini melibatkan pengetahuan tentang trigonometri, keacakan, palet warna, mode campuran, dan clipping mask.

Proyek kedua terdiri dari pembuatan beberapa visual menggunakan segmen kurva yang didistribusikan sebagai kisi, menggunakan warna dengan cara berbeda dari apa yang Anda lakukan di unit pertama. Kemudian, saya menggunakan data frekuensi audio untuk menggerakkan beberapa visual dan mencoba membuat ulang beberapa desain poster klasik menggunakan kode. Sketsa terakhir membahas tentang partikel! Anda telah mempelajari cara menerapkan gaya pada partikel, menggunakan konsep dasar fisika seperti kecepatan dan percepatan. Sekarang, saya ingin Anda membagikan sketsa Anda di forum dengan mengeklik tombol "Buat proyek Anda" di atas. Akan sangat membantu jika Anda juga bisa menjelaskan pilihan yang telah Anda buat selama ini dan memberi tahu kami jika ada keraguan. Dengan begitu, kita semua akan saling belajar. Saya akan hadir untuk menjawab pertanyaan dan memberikan panduan. Saya penasaran ingin tahu apa yang akan Anda hasilkan dengan apa yang Anda pelajari di kursus ini. Sampai jumpa di sana! ”

Ringkasan kursus untuk: Pengodean Kreatif 2.0 dalam JS: Animasi, Suara, & Warna

• Tingkat: Pemula
• 99% ulasan positif ( 182 )
• 1 siswa
• 1 satuan
• 1 pelajaran ( 1 jam 1m )

• Kategori

  3D & Animasi, Desain Web & Aplikasi

• Daerah

  Grafik Gerak, JavaScript, Multimedia, Pemrograman