Belajar Membuat Grafik Interaktif dengan Memulai dengan Memproses - 💡 Fix My Ideas

Belajar Membuat Grafik Interaktif dengan Memulai dengan Memproses

Belajar Membuat Grafik Interaktif dengan Memulai dengan Memproses


Penulis: Ethan Holmes, 2019

Kami memulai proyek Pemrosesan pada tahun 2001 sebagai buku sketsa perangkat lunak dan untuk mengajarkan dasar-dasar pemrograman komputer dalam konteks visual. Alih-alih mencetak "Hello World" ke konsol, orang-orang mulai dengan menggambar garis ke layar. Sejak saat itu, Pemrosesan telah berevolusi berkali-kali menjadi seperti sekarang ini - lingkungan yang kuat, minimal untuk belajar, membuat sketsa, dan menghasilkan karya profesional, dengan komunitas kontributor yang berdedikasi yang memperluas perangkat lunak dengan daftar perpustakaan yang terus bertambah (ekstensi) ). Seperti biasa, Pemrosesan adalah perangkat lunak gratis dan dapat diunduh dari situs web proyek.

Dengan Memproses 3, kami pikir kami telah membuat lompatan ke depan. Ia memiliki editor kode baru dengan antarmuka yang disempurnakan, pengecekan kesalahan yang lebih baik, dan debugger bawaan. Pemrosesan 3 lebih cepat untuk pekerjaan OpenGL dan kami telah menambahkan fitur baru untuk layar resolusi tinggi dan sketsa layar penuh. Kami juga memiliki cara baru dan lebih mudah untuk menginstal dan memperbarui Perpustakaan, Mode, dan Alat. Daftar perubahan yang lebih lengkap tersedia online.

Dengan rilis Processing 3, kami senang untuk menerbitkan edisi kedua Memulai dengan Memproses, pembaruan buku 2010 kami. Edisi kedua diperbarui untuk Memproses 3. Kode dan teks telah diperbarui secara keseluruhan. Ini juga mencakup bab baru tentang bekerja dengan dan memvisualisasikan data, topik transformasi sekarang memiliki bab sendiri, dan perpustakaan Suara baru untuk Pengolahan 3 diperkenalkan dengan contoh-contoh untuk sintesis audio dan membuat grafik merespons suara. Buku ini sekarang dalam warna penuh, termasuk daftar kode, untuk meningkatkan keterbacaan. Semua gambar dan diagram telah diperbarui untuk kejelasan.

Manfaat utama dari Pengolahan 3 untuk pembacaMemulai dengan Memproses adalah editor kode yang disempurnakan. Ini membawa banyak fitur penting dari lingkungan pengkodean profesional ke editor Pemrosesan yang sederhana (tetapi tidak disederhanakan). Rincian sintaksis kode yang merupakan sifat alami dari pemrogram berpengalaman seringkali merupakan aspek pengkodean yang paling membuat frustrasi bagi pemula. Peringatan waktu-nyata dan pengecekan kesalahan dalam Memproses 3 membantu pelajar melihat di mana mereka perlu lebih fokus pada kode mereka. Selain itu, kemampuan baru untuk "men-tweak" kode memungkinkan perubahan dilakukan pada kode saat sedang berjalan. Debugger bawaan minimal memungkinkan untuk menjeda, memeriksa, dan mengekspos bagian dalam program saat sedang berjalan.

Untuk memahami bagaimana Pemrosesan bekerja, berikut adalah dua contoh dari buku ini - satu dari dekat awal dan satu dekat akhir. Ini adalah Contoh 3-18; itu menunjukkan cara mendefinisikan warna transparan:

ukuran (480, 120); noStroke (); latar belakang (204, 226, 225); // Isi warna biru muda (255, 0, 0, 160); // Elips warna merah (132, 82, 200, 200); // Isi lingkaran merah (0, 255, 0, 160); // Elips warna hijau (228, -16, 200, 200); // Isi lingkaran hijau (0, 0, 255, 160); // Elips warna biru (268, 118, 200, 200); // Lingkaran biru

Kemudian, setelah buku memperkenalkan variabel, loop, fungsi, array, dan tipe data, program yang lebih menarik dimungkinkan. Kode di bawah ini adalah Contoh 12-3. Ini memuat tabel nilai lintang dan bujur untuk kode pos A.S. dan itu menarik setiap lokasi sebagai titik. Karena data ini sangat padat, ini lebih besar dari ukuran layar contoh. Mouse menggerakkan visualisasi ke kiri dan kanan untuk fokus pada area yang berbeda.

Tabel kota; void setup () {size (240, 120); cities = loadTable ("cities.csv", "header"); stroke (255); } void draw () {background (0, 26, 51); float xoffset = peta (mouseX, 0, lebar, -width * 3, -width); terjemahkan (xoffset, -300); skala (10); strokeWeight (0,1); untuk (int i = 0; i <cities.getRowCount (); i ++) {float latitude = cities.getFloat (i, "lat"); float longitude = cities.getFloat (i, "lng"); setXY (lintang, bujur); }} membatalkan setXY (float lat, float lng) {float x = peta (lng, -180, 180, 0, lebar); float y = peta (lat, 90, -90, 0, tinggi); titik (x, y); }

Semua contoh dalam buku ini dapat diunduh melalui Manajer Kontribusi Processing 3 yang baru dan kemudian dibuka melalui menu File. Setelah Contribution Manager terbuka, pilih "Memulai dengan Pemrosesan" dan kemudian "Instal" untuk menambahkannya ke versi Pemrosesan Anda.

Selain buku ini, kami telah bekerja sama dengan Lauren McCarthy untuk membuat Memulai dengan p5.js dan dengan Allison Parrish untuk membuat Memulai dengan Processing.py. Lauren telah mengirim buku asli ke JavaScript melalui proyek p5.js. Allison telah porting buku ke Python melalui proyek Processing.py. Kedua buku memodifikasi konten asli yang sesuai untuk berbagai bahasa pemrograman ini. Buku Lauren tersedia sekarang dan Allison akan menyusul dalam beberapa bulan.

Pemrosesan, p5.js, dan Processing.py semua didukung oleh Yayasan Pemrosesan. Kami memulai Yayasan pada 2012 dengan misi dua kali lipat untuk mempromosikan literasi perangkat lunak dalam seni visual, dan literasi visual dalam bidang terkait teknologi. Tujuan utama kami adalah untuk mengurangi hambatan masuk ke pengkodean untuk non-pengembang, dan mempromosikan seni visual untuk orang-orang dari semua latar belakang.

Kami senang berbagi Pengolahan 3 dan Edisi Kedua Memulai dengan Memproses denganmu.



Anda Mungkin Tertarik

Buatan Jepang - 1/9/09

Buatan Jepang - 1/9/09


Mendengar suara bising di Willoughby dan Baltic

Mendengar suara bising di Willoughby dan Baltic


Sejarah Komunikasi Visual

Sejarah Komunikasi Visual


alt.CES - Bungkus

alt.CES - Bungkus






Recent Posts