{"id":12709,"date":"2025-12-05T01:01:19","date_gmt":"2025-12-05T01:01:19","guid":{"rendered":"https:\/\/binus.ac.id\/binus-digital\/?p=12709"},"modified":"2025-12-18T04:56:48","modified_gmt":"2025-12-18T04:56:48","slug":"membedah-teknik-dan-tools-kanvas-digital-seorang-programmer","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/binus-digital\/2025\/12\/05\/membedah-teknik-dan-tools-kanvas-digital-seorang-programmer\/","title":{"rendered":"Membedah Teknik dan Tools: Kanvas Digital Seorang Programmer"},"content":{"rendered":"<p><span data-contrast=\"auto\">Dalam praktiknya, <\/span><em>creative coding<\/em> <span data-contrast=\"auto\">tidak hanya soal menulis kode untuk visual. Ia adalah cara komunikasi dengan komputer: mengatur logika, algoritma, dan data agar menghasilkan pengalaman unik. Setiap teknik punya karakter dan tantangan tersendiri.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<h2><strong>Teknik di <em>Creative Coding<\/em>\u00a0<\/strong><span data-ccp-props=\"{}\">\u00a0<\/span><\/h2>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Algoritma Generatif:<\/span><\/li>\n<\/ul>\n<p><span data-contrast=\"auto\">Digunakan dalam karya visual abstrak. Dengan keacakan, rekursi, serta <\/span><em>noise function<\/em> <span data-contrast=\"auto\">pola yang dihasilkan tampak alami.<\/span><span data-ccp-props=\"{&quot;335559685&quot;:720}\">\u00a0<\/span><span data-ccp-props=\"{&quot;335559685&quot;:720}\">\u00a0<\/span><\/p>\n<figure id=\"attachment_12793\" aria-describedby=\"figcaption_attachment_12793\" class=\"wp-caption clear alignnone\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 300px\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-medium wp-image-12793\" src=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.45.45-300x268.png\" alt=\"Contoh Karya Creative Coding Generative Algorithm oleh @seohyo di instagram https:\/\/www.instagram.com\/reel\/DOQ74rUj_ye\/\" width=\"300\" height=\"268\" srcset=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.45.45-300x268.png 300w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.45.45-1024x914.png 1024w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.45.45-768x685.png 768w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.45.45-480x428.png 480w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.45.45.png 1396w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"figcaption_attachment_12793\" class=\"wp-caption-text\" itemprop=\"description\">Contoh Karya Creative Coding Generative Algorithm oleh @seohyo di instagram <a href=\"https:\/\/www.instagram.com\/reel\/DOQ74rUj_ye\/\">https:\/\/www.instagram.com\/reel\/DOQ74rUj_ye\/<\/a><\/figcaption><\/figure>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Simulasi:<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<p><span data-contrast=\"auto\">Digunakan untuk menciptakan gerakan natural, seperti kawanan burung atau efek partikel. <\/span><span data-ccp-props=\"{&quot;335559685&quot;:720}\">\u00a0<\/span><\/p>\n<figure id=\"attachment_12795\" aria-describedby=\"figcaption_attachment_12795\" class=\"wp-caption clear alignnone\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 296px\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-medium wp-image-12795\" src=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.51.51-296x300.png\" alt=\"Contoh Karya Simulasi Partikel oleh Bruno Imbrizi https:\/\/tympanus.net\/codrops\/2019\/01\/17\/interactive-particles-with-three-js\/\" width=\"296\" height=\"300\" srcset=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.51.51-296x300.png 296w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.51.51-768x777.png 768w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.51.51-480x486.png 480w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.51.51.png 817w\" sizes=\"auto, (max-width: 296px) 100vw, 296px\" \/><figcaption id=\"figcaption_attachment_12795\" class=\"wp-caption-text\" itemprop=\"description\">Contoh Karya Simulasi Partikel oleh Bruno Imbrizi <a href=\"https:\/\/tympanus.net\/codrops\/2019\/01\/17\/interactive-particles-with-three-js\/\">https:\/\/tympanus.net\/codrops\/2019\/01\/17\/interactive-particles-with-three-js\/<\/a><\/figcaption><\/figure>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"3\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Sistem Interaktif:<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\">\u00a0<\/span><\/li>\n<\/ul>\n<p><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559685&quot;:720,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\">Menggabungkan<\/span><span data-contrast=\"auto\"> seni digital dengan pengguna. Data dari sensor, webcam, atau gestur memungkinkan interaksi <\/span><em>real-time<\/em><i><span data-contrast=\"auto\">.<\/span><\/i><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559685&quot;:720,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\">\u00a0<\/span><\/p>\n<figure id=\"attachment_12796\" aria-describedby=\"figcaption_attachment_12796\" class=\"wp-caption clear alignnone\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 300px\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-medium wp-image-12796\" src=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.55.46-300x262.png\" alt=\"Contoh Karya Sistem Interaktif oleh @new_media_art https:\/\/www.instagram.com\/reel\/DLsc0WRxmNS\/\" width=\"300\" height=\"262\" srcset=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.55.46-300x262.png 300w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.55.46-480x419.png 480w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.55.46.png 695w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"figcaption_attachment_12796\" class=\"wp-caption-text\" itemprop=\"description\">Contoh Karya Sistem Interaktif oleh @new_media_art <a href=\"https:\/\/www.instagram.com\/reel\/DLsc0WRxmNS\/\">https:\/\/www.instagram.com\/reel\/DLsc0WRxmNS\/<\/a><\/figcaption><\/figure>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"5\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\"><em>Live Coding<\/em>:<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\">\u00a0<\/span><\/li>\n<\/ul>\n<p><span data-contrast=\"auto\">Digunakan oleh seniman <\/span><em>audio visual<\/em> <span data-contrast=\"auto\">dalam pertunjukan langsung. <\/span><\/p>\n<figure id=\"attachment_12797\" aria-describedby=\"figcaption_attachment_12797\" class=\"wp-caption clear alignnone\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 300px\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-medium wp-image-12797\" src=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.57.32-300x260.png\" alt=\"Contoh Karya Live Coding oleh kolektif seniman yang ditampilkan oleh @97kobo.lab https:\/\/www.instagram.com\/reel\/DMrKNFcSYJ6\/\" width=\"300\" height=\"260\" srcset=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.57.32-300x260.png 300w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.57.32-480x417.png 480w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.57.32.png 712w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"figcaption_attachment_12797\" class=\"wp-caption-text\" itemprop=\"description\">Contoh Karya Live Coding oleh kolektif seniman yang ditampilkan oleh @97kobo.lab <a href=\"https:\/\/www.instagram.com\/reel\/DMrKNFcSYJ6\/\">https:\/\/www.instagram.com\/reel\/DMrKNFcSYJ6\/<\/a><\/figcaption><\/figure>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"6\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><em>Data-driven Art<\/em><span data-contrast=\"auto\">: <\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\">\u00a0<\/span><\/li>\n<\/ul>\n<p><span data-contrast=\"auto\">Memvisualisasikan data secara ekspresif. Data menjadi ekspresi emosional yang bisa menggugah.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559685&quot;:720,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\">\u00a0<\/span><\/p>\n<figure id=\"attachment_12798\" aria-describedby=\"figcaption_attachment_12798\" class=\"wp-caption clear alignnone\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 300px\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-medium wp-image-12798\" src=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.59.38-300x270.png\" alt=\"Contoh Karya Data-Driven Art oleh @matthewsinstagram https:\/\/www.instagram.com\/reel\/DKeeIv-NAQs\/\" width=\"300\" height=\"270\" srcset=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.59.38-300x270.png 300w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.59.38-480x433.png 480w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-13.59.38.png 681w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"figcaption_attachment_12798\" class=\"wp-caption-text\" itemprop=\"description\">Contoh Karya Data-Driven Art oleh @matthewsinstagram <a href=\"https:\/\/www.instagram.com\/reel\/DKeeIv-NAQs\/\">https:\/\/www.instagram.com\/reel\/DKeeIv-NAQs\/<\/a><\/figcaption><\/figure>\n<h2><strong>Tools, Bahasa, dan Frameworks<\/strong><span data-ccp-props=\"{&quot;134245418&quot;:true,&quot;134245529&quot;:true,&quot;335559738&quot;:160,&quot;335559739&quot;:80}\">\u00a0<\/span><\/h2>\n<p><em>Creative coding<\/em> <span data-contrast=\"auto\">dapat dilakukan dengan berbagai alat, <\/span><span data-contrast=\"auto\">tergantung pada medium dan jenis karya yang ingin dihasilkan, baik di web, desktop, audio, maupun instalasi fisik.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"8\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><em>Browser &amp; Web Based<\/em><span data-contrast=\"auto\">:<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<\/ul>\n<p>Untuk karya web, biasanya memakai JavaScript.\u00a0<em>Library\u00a0<\/em>populer:<\/p>\n<ol>\n<li><span data-contrast=\"auto\">P5.js: <\/span><em>library processing<\/em> <span data-contrast=\"auto\">yang ramah pemula untuk visual generatif dan interaktif<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"\" data-listid=\"9\" data-list-defn-props=\"{&quot;335551671&quot;:1,&quot;335552541&quot;:0,&quot;335559683&quot;:0,&quot;335559684&quot;:-1,&quot;335559685&quot;:1080,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0,46],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">Three.js: <\/span><em>library<\/em> <span data-contrast=\"auto\">berbasis <\/span><em>WebGL<\/em> <span data-contrast=\"auto\">untuk menghasilkan grafis 3D<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"\" data-listid=\"9\" data-list-defn-props=\"{&quot;335551671&quot;:1,&quot;335552541&quot;:0,&quot;335559683&quot;:0,&quot;335559684&quot;:-1,&quot;335559685&quot;:1080,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0,46],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">PixiJS: untuk membuat visual 2D yang ringan dan interaktif<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"\" data-listid=\"9\" data-list-defn-props=\"{&quot;335551671&quot;:1,&quot;335552541&quot;:0,&quot;335559683&quot;:0,&quot;335559684&quot;:-1,&quot;335559685&quot;:1080,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0,46],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">D3.js: digunakan untuk memvisualisasikan data secara ekspresif<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<\/ol>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"10\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><em>Desktop Creative Coding Frameworks<\/em><i><span data-contrast=\"auto\">:<\/span><\/i><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<\/ul>\n<p><span data-contrast=\"auto\">Untuk kebutuhan performa tinggi atau instalasi besar:<\/span><\/p>\n<ol>\n<li data-leveltext=\"%1.\" data-font=\"\" data-listid=\"12\" data-list-defn-props=\"{&quot;335551671&quot;:1,&quot;335552541&quot;:0,&quot;335559683&quot;:0,&quot;335559684&quot;:-1,&quot;335559685&quot;:1080,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0,46],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Processing<\/span><i><span data-contrast=\"auto\">: <\/span><\/i><span data-contrast=\"auto\">Toolkit paling berpengaruh dalam sejarah <em>c<\/em><\/span><em>reative coding<\/em><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"\" data-listid=\"12\" data-list-defn-props=\"{&quot;335551671&quot;:1,&quot;335552541&quot;:0,&quot;335559683&quot;:0,&quot;335559684&quot;:-1,&quot;335559685&quot;:1080,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0,46],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">OpenFrameworks dan Cinder (C++): cocok untuk grafis kompleks dan interaktif<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<\/ol>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"14\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><em>Realtime Visuals &amp; Live Coding<\/em><i><span data-contrast=\"auto\">:<\/span><\/i><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<\/ul>\n<p><span data-contrast=\"auto\">Untuk pertunjukan <\/span><em>audio visual<\/em><span data-contrast=\"auto\">:<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:720,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p>\n<ol>\n<li data-leveltext=\"%1.\" data-font=\"\" data-listid=\"15\" data-list-defn-props=\"{&quot;335551671&quot;:1,&quot;335552541&quot;:0,&quot;335559683&quot;:0,&quot;335559684&quot;:-1,&quot;335559685&quot;:1080,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0,46],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">HydraJS: platform <\/span><em>live coding<\/em> <span data-contrast=\"auto\">berbasis web<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"\" data-listid=\"15\" data-list-defn-props=\"{&quot;335551671&quot;:1,&quot;335552541&quot;:0,&quot;335559683&quot;:0,&quot;335559684&quot;:-1,&quot;335559685&quot;:1080,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0,46],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">TouchDesigner: <\/span><i><span data-contrast=\"auto\">software node-based<\/span><\/i><span data-contrast=\"auto\">\u00a0populer untuk membuat konten multimedia yang interaktif dan <\/span><em>real-time<\/em><\/li>\n<\/ol>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"18\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><em>Audio &amp; Generative Music<\/em><i><span data-contrast=\"auto\">:<\/span><\/i><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<\/ul>\n<p><span data-contrast=\"auto\">Karya suara dan musik algoritmik:<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:720,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p>\n<ol>\n<li data-leveltext=\"%1.\" data-font=\"\" data-listid=\"19\" data-list-defn-props=\"{&quot;335551671&quot;:1,&quot;335552541&quot;:0,&quot;335559683&quot;:0,&quot;335559684&quot;:-1,&quot;335559685&quot;:1080,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0,46],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">SuperCollider: platform <\/span><em>audio synthesis<\/em> <span data-contrast=\"auto\">dan komposisi algoritmik<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<\/ol>\n<ol>\n<li data-leveltext=\"%1.\" data-font=\"\" data-listid=\"19\" data-list-defn-props=\"{&quot;335551671&quot;:1,&quot;335552541&quot;:0,&quot;335559683&quot;:0,&quot;335559684&quot;:-1,&quot;335559685&quot;:1080,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0,46],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">Max\/MSP dan Pure Data: alat visual untuk membuat komposisi generatif<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<\/ol>\n<ol>\n<li data-leveltext=\"%1.\" data-font=\"\" data-listid=\"19\" data-list-defn-props=\"{&quot;335551671&quot;:1,&quot;335552541&quot;:0,&quot;335559683&quot;:0,&quot;335559684&quot;:-1,&quot;335559685&quot;:1080,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0,46],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"3\" data-aria-level=\"1\"><span data-contrast=\"auto\">TidalCycles, Sonic Pi, FoxDot: digunakan untuk <\/span><em>live coding<\/em> <span data-contrast=\"auto\">musik secara interaktif<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<\/ol>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"20\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Instalasi Fisik:<\/span><\/li>\n<\/ul>\n<p>Integrasi karya digital ke ruang fisik:<span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:720,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p>\n<ol>\n<li data-leveltext=\"%1.\" data-font=\"\" data-listid=\"21\" data-list-defn-props=\"{&quot;335551671&quot;:1,&quot;335552541&quot;:0,&quot;335559683&quot;:0,&quot;335559684&quot;:-1,&quot;335559685&quot;:1080,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0,46],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Arduino dan Raspberry Pi: digunakan untuk instalasi interaktif (sensor, motor, LED)<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"\" data-listid=\"21\" data-list-defn-props=\"{&quot;335551671&quot;:1,&quot;335552541&quot;:0,&quot;335559683&quot;:0,&quot;335559684&quot;:-1,&quot;335559685&quot;:1080,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0,46],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">OpenCV dan ML5 PoseNet: digunakan untuk pelacakan gerak tubuh<\/span> <span data-contrast=\"auto\">dalam karya seni digital<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<\/ol>\n<h2><strong>Implementasi <em>Creative Coding<\/em> di Dunia Nyata\u00a0<\/strong><\/h2>\n<p><span data-ccp-props=\"{}\">Beberapa penerapan nyata:\u00a0<\/span><\/p>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"22\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Seni &amp; instalasi: Karya interaktif di museum atau pameran yang merespons gerakan dan suara pengunjung.<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"22\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">Musik &amp; pertunjukan: Musik generatif dan visual yang bereaksi terhadap audio.<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"22\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"3\" data-aria-level=\"1\"><span data-contrast=\"auto\">Desain &amp; iklan: <em>M<\/em><\/span><em>otion graphics<\/em> <span data-contrast=\"auto\">dan pengalaman interaktif untuk memperkuat identitas merek.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"22\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"4\" data-aria-level=\"1\"><span data-contrast=\"auto\">Visualisasi data: Mengubah kumpulan data kompleks menjadi visual informatif dan menarik.<\/span><\/li>\n<\/ul>\n<p><span data-ccp-props=\"{&quot;335559685&quot;:720}\">\u00a0<\/span><span data-contrast=\"auto\">Beberapa contoh seniman\/kolektif<\/span><i><span data-contrast=\"auto\">\u00a0<\/span><\/i><span data-contrast=\"auto\">yang menonjol:<\/span><span data-ccp-props=\"{&quot;335559685&quot;:0}\">\u00a0<\/span><\/p>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"23\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Seohyo: Dikenal dengan visual generatif yang tampil di ruang publik dan gedung. <\/span>\n<p><figure id=\"attachment_12799\" aria-describedby=\"figcaption_attachment_12799\" class=\"wp-caption clear alignnone\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 300px\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-medium wp-image-12799\" src=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.01.38-300x267.png\" alt=\"@seohyo instagram https:\/\/www.instagram.com\/reel\/Cs9Jyz_ss1Y\/\" width=\"300\" height=\"267\" srcset=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.01.38-300x267.png 300w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.01.38-480x427.png 480w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.01.38.png 686w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"figcaption_attachment_12799\" class=\"wp-caption-text\" itemprop=\"description\">@seohyo instagram <a href=\"https:\/\/www.instagram.com\/reel\/Cs9Jyz_ss1Y\/\">https:\/\/www.instagram.com\/reel\/Cs9Jyz_ss1Y\/<\/a><\/figcaption><\/figure><\/li>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"23\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Ryoji Ikeda: Seniman suara dan visual yang mentransformasikan data menjadi komposisi audio visual. <\/span>\n<p><figure id=\"attachment_12800\" aria-describedby=\"figcaption_attachment_12800\" class=\"wp-caption clear alignnone\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 300px\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-medium wp-image-12800\" src=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.03.22-300x220.png\" alt=\"@_ryoji_ikeda_ instagram https:\/\/www.instagram.com\/p\/DE7Car5yI4K\/\" width=\"300\" height=\"220\" srcset=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.03.22-300x220.png 300w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.03.22-768x562.png 768w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.03.22-480x351.png 480w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.03.22.png 829w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"figcaption_attachment_12800\" class=\"wp-caption-text\" itemprop=\"description\">@_ryoji_ikeda_ instagram <a href=\"https:\/\/www.instagram.com\/p\/DE7Car5yI4K\/\">https:\/\/www.instagram.com\/p\/DE7Car5yI4K\/<\/a><\/figcaption><\/figure><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"23\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"3\" data-aria-level=\"1\"><span data-contrast=\"auto\">Algorapture: kolektif <\/span><em>live coder<\/em> <span data-contrast=\"auto\">yang menghasilkan pertunjukan <\/span><em>audio visual<\/em> <span data-contrast=\"auto\">generatif di atas panggung. <\/span>\n<p><figure id=\"attachment_12801\" aria-describedby=\"figcaption_attachment_12801\" class=\"wp-caption clear alignnone\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 300px\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-medium wp-image-12801\" src=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.04.48-300x144.png\" alt=\"@algorapture instagram https:\/\/www.instagram.com\/p\/DM9PiegyXZo\/\" width=\"300\" height=\"144\" srcset=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.04.48-300x144.png 300w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.04.48-768x370.png 768w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.04.48-480x231.png 480w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.04.48.png 953w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"figcaption_attachment_12801\" class=\"wp-caption-text\" itemprop=\"description\">@algorapture instagram <a href=\"https:\/\/www.instagram.com\/p\/DM9PiegyXZo\/\">https:\/\/www.instagram.com\/p\/DM9PiegyXZo\/<\/a><\/figcaption><\/figure><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"-\" data-font=\"Aptos\" data-listid=\"23\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559683&quot;:0,&quot;335559684&quot;:-2,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Aptos&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;-&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"4\" data-aria-level=\"1\"><span data-contrast=\"auto\">Rebel9: studio kreatif yang menciptakan instalasi interaktif berbasis sensor dan proyeksi visual untuk ruang publik. <\/span>\n<p><figure id=\"attachment_12802\" aria-describedby=\"figcaption_attachment_12802\" class=\"wp-caption clear alignnone\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 300px\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-medium wp-image-12802\" src=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.06.26-300x261.png\" alt=\"@rebel9_ instagram https:\/\/www.instagram.com\/reel\/DON6SOVkoG3\/\" width=\"300\" height=\"261\" srcset=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.06.26-300x261.png 300w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.06.26-480x418.png 480w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2025\/10\/Screenshot-2025-11-04-at-14.06.26.png 699w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"figcaption_attachment_12802\" class=\"wp-caption-text\" itemprop=\"description\">@rebel9_ instagram <a href=\"https:\/\/www.instagram.com\/reel\/DON6SOVkoG3\/\">https:\/\/www.instagram.com\/reel\/DON6SOVkoG3\/<\/a><\/figcaption><\/figure><\/li>\n<\/ul>\n<h2><strong>Penutup<\/strong><span data-ccp-props=\"{&quot;134245418&quot;:true,&quot;134245529&quot;:true,&quot;335559738&quot;:160,&quot;335559739&quot;:80}\">\u00a0<\/span><\/h2>\n<p><em>Creative coding\u00a0<\/em>bukan soal &#8220;alat paling tepat&#8221;, ia adalah ruang eksplorasi. Selama kita bisa menuliskan kode, maka kode itu menjadi medium untuk visual, suara, interaksi, maupun data. Potensinya sangat luas: hanya dibatasi oleh imajinasi. Fleksibilitas ini yang menjadikannya menarik untuk pendidikan dan website modern, di mana kreativitas menjadi pintu masuk memahami logika pemrograman dan membangun identitas merek.<\/p>\n<p>Baca artikel selanjutnya: &#8220;Creative Coding di Dunia Nyata: Dari STEAM ke Web Modern&#8221;.<\/p>\n<p><span data-ccp-props=\"{}\">\u00a0<\/span><span data-contrast=\"none\">Referensi:<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\">\u00a0<\/span><\/p>\n<ol>\n<li><a href=\"https:\/\/timrodenbroeker.de\/what-is-creative-coding\/\">https:\/\/timrodenbroeker.de\/what-is-creative-coding\/<\/a><\/li>\n<li><a href=\"https:\/\/brain2.edusoft.ro\/index.php\/brain\/article\/view\/845\">https:\/\/brain2.edusoft.ro\/index.php\/brain\/article\/view\/845<\/a><\/li>\n<li><a href=\"https:\/\/drops.dagstuhl.de\/storage\/01oasics\/oasics-vol102-icpec2022\/OASIcs.ICPEC.2022.13\/OASIcs.ICPEC.2022.13.pdf\">https:\/\/drops.dagstuhl.de\/storage\/01oasics\/oasics-vol102-icpec2022\/OASIcs.ICPEC.2022.13\/OASIcs.ICPEC.2022.13.pdf<\/a><\/li>\n<li><a href=\"https:\/\/dpdk.com\/stories\/importance-creative-coding-creating-digital-experiences\">https:\/\/dpdk.com\/stories\/importance-creative-coding-creating-digital-experiences<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Dalam praktiknya, creative coding tidak hanya soal menulis kode untuk visual. Ia adalah cara komunikasi dengan komputer: mengatur logika, algoritma, dan data agar menghasilkan pengalaman unik. Setiap teknik punya karakter dan tantangan tersendiri.\u00a0 Teknik di Creative Coding\u00a0\u00a0 Algoritma Generatif: Digunakan dalam karya visual abstrak. Dengan keacakan, rekursi, serta noise function pola yang dihasilkan tampak alami.\u00a0\u00a0 [&hellip;]<\/p>\n","protected":false},"author":75,"featured_media":13107,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[85],"class_list":["post-12709","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles","tag-creative-coding"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/12709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/users\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/comments?post=12709"}],"version-history":[{"count":22,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/12709\/revisions"}],"predecessor-version":[{"id":12803,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/12709\/revisions\/12803"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media\/13107"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media?parent=12709"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/categories?post=12709"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/tags?post=12709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}