Graphite: Alat desain prosedural 2D berbasis Rust yang terinspirasi Blender

 (graphite.rs)
3 poin oleh GN⁺ 2024-10-16 | 1 komentar | Bagikan ke WhatsApp
  • Graphite adalah alat versi alfa yang menggabungkan editor vektor open source gratis dan engine animasi, menawarkan pengeditan non-destruktif melalui komposisi layer dan desain generatif berbasis node
  • Melampaui sekadar editor vektor, Graphite menargetkan diri sebagai toolbox grafis 2D all-in-one, dengan alat pengeditan yang dihadapi pengguna berjalan di atas inti graph node internal
  • Saat ini merupakan web app offline yang ringan dan berfokus pada pengeditan grafis vektor prosedural, menyediakan pengeditan vektor, layer berbasis node, dan workflow prosedural untuk desain grafis
  • Web app sudah bisa langsung digunakan, sementara aplikasi desktop Windows, Mac, dan Linux berada di tahap release candidate, sehingga pengujian sebelum rilis resmi harus diakses melalui kanal Discord
  • Strukturnya berjalan secara lokal dan privat di hardware pengguna tanpa server, dan di web menargetkan overhead rendah dengan WebAssembly dan WebGPU

Posisi Graphite saat ini

  • Graphite adalah editor grafis vektor open source gratis sekaligus engine animasi, saat ini tersedia dalam versi alfa
  • Intinya adalah pengeditan non-destruktif, menggunakan komposisi berbasis layer bersama desain generatif berbasis node
  • Contoh pekerjaan mencakup operasi Boolean non-destruktif, pola polkadot prosedural, animasi creative coding berbasis node, dan fraktal Mandelbrot yang diisi dengan pola noise
  • Pembaruan terbaru dapat dilihat di video May Update - Graphite, the Open Source 2D Graphics Suite

Toolbox grafis 2D yang melampaui editor vektor

  • Graphite bermula dari editor vektor, tetapi sedang diperluas menjadi toolbox grafis all-in-one untuk tujuan umum
  • Dirancang dengan pendekatan yang lebih mirip game engine daripada aplikasi kreatif biasa, dan alat pengeditannya menyediakan workflow ramah pengguna di atas inti graph node
  • Workflow yang dituju mencakup berbagai bidang kreasi 2D
    • Desain grafis
    • Motion graphics
    • Pengeditan gambar
    • Digital painting
    • Tata letak halaman dan cetak
    • Komposisi VFX

Fitur yang tersedia sekarang dan perluasan yang direncanakan

  • Fitur saat ini adalah alat pengeditan vektor, workflow prosedural untuk desain grafis, layer berbasis node, serta ketersediaan gratis dan open source
  • Saat ini Graphite dapat digunakan sebagai web app offline yang ringan dengan fokus pada pengeditan grafis vektor prosedural
  • Fitur yang direncanakan mencakup perluasan alat untuk pekerjaan kreasi 2D yang lebih luas
    • Alat kreasi all-in-one untuk semua pekerjaan 2D
    • Fitur manipulasi raster lengkap
    • Aplikasi native Windows, Mac, Linux, serta ketersediaan web
    • Pengeditan kolaboratif real-time

Penyediaan web-first dan persiapan rilis desktop

  • Web app saat ini sudah dapat digunakan, sementara aplikasi desktop untuk Windows, Mac, dan Linux berada di tahap release candidate
  • Tautan unduhan untuk pengujian sebelum rilis resmi dapat dilihat di kanal #🔥announcements di Discord
  • Meski dirancang dengan target utama sebagai aplikasi desktop profesional, Graphite juga dapat digunakan di browser demi akses yang cepat
  • Terlepas dari platformnya, Graphite berjalan secara lokal dan privat di hardware pengguna tanpa server
  • Pekerjaan teknis untuk distribusi aplikasi native masih memerlukan waktu lebih lama, sehingga platform web yang dapat diakses dalam kondisi terbaru di semua perangkat menjadi sasaran awal
  • Saat ini Graphite dapat diinstal sebagai PWA untuk pengalaman yang mendekati aplikasi desktop
  • Di desktop, Graphite menargetkan performa native untuk pekerjaan intensif grafis, sedangkan di web menargetkan overhead rendah dengan WebAssembly dan WebGPU

Cara kerja yang diubah oleh pengeditan prosedural

  • Graphite mengusung rangkaian produk desain grafis komprehensif berbasis pengeditan prosedural yang membuat semua pekerjaan bersifat non-destruktif
  • Alih-alih memperbaiki tiap elemen secara langsung, pengguna dapat menyesuaikan parameter node untuk melakukan iterasi dengan cepat
  • Pekerjaan menyebarkan lingkaran dapat dibuat dengan beberapa node, dan kepadatan, ukuran, serta area penempatan dapat diubah lewat slider atau penyesuaian path
  • Cara penyesuaian prosedural seperti ini dapat dicoba langsung di demo red-dress
  • Dalam pengeditan non-destruktif, keputusan terhubung ke parameter yang bisa disesuaikan kemudian, dan pengguna dapat menyeret slider nilai untuk melakukan interpolasi di antara beberapa keadaan
  • Blending antar-komposisi warna dan transformasi bentuk sebelum disebarkan di kanvas dapat dicoba melalui demo changing-seasons

Pemanfaatan output berbasis graph node

  • Graphite merepresentasikan artwork sebagai graph node, sehingga workflow konten dapat dikustomisasi, digabungkan, diotomatisasi, digunakan ulang, dan dibagikan
  • Pengguna dapat bekerja dengan pan dan zoom tak terbatas tanpa pikselisasi, serta mengekspor ke resolusi arbitrer
  • Ke depannya, direncanakan fitur untuk mengompilasi program mandiri dari sistem node
  • Kemampuan mendistribusikan asset pipeline ke lingkungan produksi studio juga termasuk dalam rencana mendatang

Materi belajar dan komunitas

Bacaan terkait

1 komentar

 
GN⁺ 2024-10-16
Opini Hacker News

  • Artikel terkait antara lain berikut ini. Ada artikel lain?
    [Open source Rust graphics editor] Graphite progress report (Q2 2024) - https://news.ycombinator.com/item?id=41138691 - Agustus 2024
    Graphite 2D graphics editor built in Rust: Looking back on 2023 and what's next - https://news.ycombinator.com/item?id=38855850 - Januari 2024
    Graphite: 2D Raster and Vector Editor - https://news.ycombinator.com/item?id=38169500 - November 2023
    Graphite: Open-source raster and vector 2D graphics editor - https://news.ycombinator.com/item?id=36901406 - Juli 2023
    Graphite – open-source raster and vector 2D graphics editor written in Rust - https://news.ycombinator.com/item?id=30675530 - Maret 2022

  • Luar biasa. Saya suka Inkscape, tapi alat ini juga terlihat sangat bagus
    Saya senang melihat alat dibuat sebagai aplikasi web. Karena jika bobot makin bergeser ke web, kapabilitas platform web yang lebih terbuka dan mudah diakses juga akan meningkat
    Rust juga hebat, dan sepertinya dikompilasi ke WebAssembly
    Namun saya penasaran kenapa tiga orang yang begitu bersemangat dan berbakat ini tidak mengambil jalur pendanaan Series A/B, post-money SAFE, dan briefing pers
    Belakangan saya sering memikirkan hal ini saat melihat banyak rapper AI, model paket fine-tuning open-weight, dan sebagainya. Mungkin semangat memang tak bisa diberi harga, dan kebahagiaan bukanlah valuasi perusahaan

    • Saya tidak bisa berbicara mewakili OP, tetapi alasan saya tidak menerima investasi untuk perusahaan saya pada akhirnya karena saya tahu saya akan harus mengorbankan hal-hal yang saya hargai demi pertumbuhan
      Saya lebih ingin menjalankan perusahaan kecil yang berbisnis secara jujur dan berkelanjutan, daripada perusahaan raksasa yang kosong di dalam demi pertumbuhan maksimal
      Para pendiri juga merasakan kelelahan yang sama: kenapa hal-hal bagus harus dirusak. Setidaknya sebagian dari kami begitu
    • Sulit mendapatkan investasi untuk editor vektor
      Di sisi model open-weight, sebagian besar inovasi terjadi di dalam perusahaan, dan perusahaan memakai open source untuk menarik developer atau menghancurkan calon pesaing. Seperti Meta yang memakai sebagian sangat kecil dari pendapatan iklannya untuk merusak pasar OpenAI/Microsoft
      Beberapa individu juga mendapat subsidi dengan biaya kecil dari VC yang ingin dikenal di AI. Misalnya a16z mensponsori beberapa model
      Pada saat yang sama, bagi orang kaya dengan kemampuan tinggi dan pekerjaan teknologi bergaji besar, misalnya menghasilkan 300 ribu–500 ribu dolar, penggalangan dana tidak selalu menarik
      Jika membuat startup sendiri, kemungkinan besar gaji akan turun, dan jika model terbuka tidak menghasilkan cukup uang, yang tersisa bisa hanya ekuitas tak bernilai serta 1–2 tahun stres tinggi
    • Menerima dana investasi berarti menjual sebagian bisnis bahkan sebelum bisnisnya selesai, kadang bahkan sebelum dimulai. Saham yang dilepas itulah maknanya
      Biasanya semakin awal mencari dana, semakin buruk juga persyaratannya
      Jika uang itu tidak diperlukan, umumnya lebih menguntungkan menunda penggalangan dana sampai fondasinya terbentuk dan perusahaannya menjadi kurang meragukan di masa depan
      Dalam proses itu, Anda juga bisa memutuskan untuk tidak menjual terlalu banyak kepada investor, dan itu membuat perbedaan besar jika Anda benar-benar peduli pada produk atau tim. Investor eksternal hampir tidak peduli pada keduanya, dan sering kali membuat keduanya dikompromikan. Mereka adalah orang keuangan dan datang untuk menghasilkan uang. Sebelum menjual, pastikan tujuan kalian selaras
    • Mungkin mereka ingin bekerja untuk diri sendiri, bukan untuk VC?

  • Merilis alat serumit ini adalah pencapaian besar, selamat
    Suatu hari saya ingin mencoba membuat alat grafis vektor yang memiliki constraint solver. Saya amatir dalam desain grafis, tetapi Inkscape sering terasa sangat sulit digunakan
    Beberapa bentuk harus dibuat dengan kombinasi perintah yang aneh, dan sulit juga untuk mengubahnya setelah desain selesai. Cara seperti sketsa Fusion 360, yaitu memberi constraint pada garis dan kurva lalu menyesuaikan dimensinya, jauh lebih intuitif dan interaktif
    Mungkin alat seperti itu sudah ada dan saya saja yang belum tahu

    • Benar. Sebenarnya fitur itu ada di roadmap kami. Daripada membuatnya terpisah, Anda juga bisa ikut berkontribusi
    • Yang paling mendekati mungkin Solvespace, dan Dune3D juga layak dilihat

  • Terlihat bagus. Saya sudah memakai Illustrator selama 25 tahun, dan belakangan sering berpikir akan bagus jika ada pendekatan berbasis node untuk menggantikan stack Appearance
    Saya akan mengeceknya ketika binari tersedia. Saya tidak suka aplikasi web

    • Setelah menonton videonya, saya merasa perlu ada swatch warna global. Akan sangat kuat kalau semua yang digambar dengan warna yang sama—fill, stroke, efek, dan sebagainya—bisa diubah dengan beberapa klik
    • Apakah Electron memang sebegitu berbeda dari PWA dalam pengalaman penggunaan nyata?
      Secara pribadi, jika sebuah aplikasi juga tersedia dalam Electron, saya selalu mencoba memakai PWA
      Kalau pada akhirnya bergantung pada browser engine, saya rasa lebih baik memakai engine yang memang sudah saya buka dan diperbarui secara rutin

  • Ada beberapa saran. Saat sedang bekerja, tiba-tiba muncul error merah berbunyi “The document cannot be rendered in it current state” dan diminta menekan tombol Node Graph

    1. Saya tidak bisa menemukan tombol itu. Akan bagus jika ditampilkan gambar tombolnya atau tombol itu langsung dimasukkan ke dalam pesan error
    2. Akan bagus jika teks error bisa dipilih
    3. Akan bagus jika bug bisa dilaporkan langsung dari aplikasi
    • Saat mengikuti tutorial, error yang sama muncul pada langkah membuat pengulangan melingkar untuk sinar matahari. Ketika menekan Ctrl-Z, alih-alih hanya membatalkan perubahan terakhir yang keliru, hampir semua pekerjaan ikut dibatalkan
    • Terima kasih atas umpan baliknya. Yang Anda temui adalah error tipe, mirip seperti compiler bahasa pemrograman yang memberi tahu bahwa kode tidak valid
      Itu sendiri bukan bug, tetapi kadang terjadi karena node kami belum cukup umum. Kami baru saja memperbaiki masalah ketika node Stroke dan Fill berlaku untuk data vektor, tetapi tidak berlaku untuk data grup yang berisi satu atau lebih data vektor
      Masalah seperti ini sebaiknya didaftarkan sebagai issue jika memang valid
      Pesan error merah juga memberi tahu tempat yang perlu dilihat. Tertulis bahwa itu bisa dibuka lewat tombol “Node Graph” di kanan atas viewport
      Saya penasaran apakah jendelanya sangat kecil sehingga tombol itu terdorong keluar oleh tombol lain. Masukan tentang bagaimana memperbaiki wording pesannya sangat kami terima. Saat ini sulit membuat dialog itu lebih visual atau interaktif, tetapi layak disempurnakan nanti bersama peningkatan umum pada fitur diagnostik
    • Error ini terjadi bahkan hanya dengan menggunakan brush tool

  • Saya harus membaca ulang paragraf pengantarnya beberapa kali untuk memahami ini sebenarnya apa
    Awalnya saya membacanya sebagai pengganti Blender, tetapi setelah dicoba semuanya 2D dan terlihat seperti Photoshop, jadi membingungkan
    Jadi maksudnya, dengan menyebut Blender sebagai alternatif open source populer untuk software pemodelan/rendering 3D tertutup, Anda sedang berbicara tentang Photoshop berikutnya?

    • Setelah saya baca ulang, sepertinya saya tidak menuliskannya sejelas yang dimaksud. Blender nyaris sempurna dan tidak ada alasan untuk menggantinya
      Seperti yang Anda pahami dengan benar, maksudnya adalah menjadi Blender kedua di ranah 2D. Kami menargetkan alat serbaguna yang mengejar dan melampaui pesaing komersial lewat inovasi nyata
    • Namun Photoshop juga bukan analogi yang tepat. Alat ini menargetkan grafis berbasis vektor, sedangkan Photoshop terutama berbasis raster
      Saya tidak terlalu mengenal produk Adobe dan menggunakan Inkscape, tetapi padanan terdekat di sini sepertinya Adobe Illustrator

  • Dari screenshot saja sudah mengesankan. Tanpa meninjau lebih jauh pun sudah terlihat berbeda
    Saya selalu mengatakan bahwa kita butuh lebih banyak proyek seperti Blender untuk menandingi Adobe. Sepertinya ada rencana untuk menargetkan aplikasi lain juga, jadi saya akan mengikuti dan berharap ini sukses

  • Ini terlihat sangat keren. Alat open source yang bagus untuk desain memang sangat dibutuhkan [1]
    Sebaiknya Graphite ditambahkan ke daftar ini [2]. Saya pasti akan mencobanya dan mengikuti perkembangannya
    1: https://www.youtube.com/watch?v=lthVYUB8JLs
    2: https://github.com/KenneyNL/Adobe-Alternatives

    • Terima kasih. Usulan untuk memasukkan Graphite ke daftar seperti itu saya serahkan kepada komunitas, bukan saya lakukan sendiri
      Untuk saat ini, satu-satunya kategori yang cocok adalah alternatif Illustrator. Tahun depan kami berencana membangun penyuntingan raster sebagai kapabilitas inti berikutnya, tetapi sejauh ini fokus kami hanya pada penyuntingan vektor
    • Tambahan lagi, dalam arti tertentu ini juga bisa self-hosted, jadi mungkin menjadi kandidat untuk daftar awesome-selfhosted [1]
      1. https://github.com/awesome-selfhosted/awesome-selfhosted

  • Mungkin saya yang melakukan sesuatu dengan salah, tetapi setiap garis, lingkaran, dan kotak otomatis menjadi layer tersendiri, alih-alih masuk ke bawah layer eksplisit seperti di Inkscape, terasa agak tidak intuitif
    Jadi layer terasa praktis tidak berguna

  • Senang melihat ini adalah produk nyata yang berdiri di atas nilai produknya sendiri, bukan menjual diri dengan menonjolkan bahwa ia ditulis dalam Rust
    Saya merasa belakangan ini terlalu banyak produk yang memakai teknologi baru yang keren dalam pengembangannya lalu menjadikan itu nilai jual. Di sini hal itu menarik, tetapi pengguna alat ini hanya akan peduli pada aspek teknis sejauh berdampak pada stabilitas, performa, dan pengembangan berkelanjutan
    Saya bukan ilustrator, jadi tidak banyak yang bisa ditambahkan, tetapi saya mendukung para pengembang agar bisa membesarkannya menjadi alat yang sukses