{"id":3496,"date":"2025-02-04T19:07:33","date_gmt":"2025-02-04T19:07:33","guid":{"rendered":"https:\/\/nolwenn.ns-graphik.com\/?page_id=3496"},"modified":"2025-02-04T20:13:57","modified_gmt":"2025-02-04T20:13:57","slug":"3496-2","status":"publish","type":"page","link":"https:\/\/nolwenn.ns-graphik.com\/?page_id=3496","title":{"rendered":"Joy Division &#8211; Unknown Pleasures (Album Cover)"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_image=\u00a0\u00bbhttps:\/\/nolwenn.ns-graphik.com\/wp-content\/uploads\/2025\/02\/white-paper-texture-scaled.jpg\u00a0\u00bb parallax=\u00a0\u00bbon\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<h1 style=\"text-align: center;\">Joy Division &#8211; Unknown Pleasures (album cover)<\/h1>\n<p style=\"text-align: center;\">2023<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; fullwidth=\u00a0\u00bbon\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb z_index=\u00a0\u00bb2&Prime; custom_padding=\u00a0\u00bb||0px|||\u00a0\u00bb locked=\u00a0\u00bboff\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_fullwidth_image src=\u00a0\u00bbhttps:\/\/nolwenn.ns-graphik.com\/wp-content\/uploads\/2025\/01\/torn_paper-2-01.png\u00a0\u00bb title_text=\u00a0\u00bbtorn_paper-2-01&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb transform_translate=\u00a0\u00bb0px|-3vw\u00a0\u00bb transform_translate_linked=\u00a0\u00bboff\u00a0\u00bb z_index=\u00a0\u00bb3&Prime; custom_padding=\u00a0\u00bb||0px|||\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_fullwidth_image][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_padding=\u00a0\u00bb0px|||||\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_testimonial quote_icon_background_color=\u00a0\u00bbRGBA(255,255,255,0)\u00a0\u00bb font_icon=\u00a0\u00bb&#xe01a;||divi||400&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_padding=\u00a0\u00bb||10px||false|false\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; locked=\u00a0\u00bboff\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0&Prime;]<\/p>\n<p>We had to recreate the cover of the famous album <em>Unknown Pleasures<\/em> by Joy Division in pairs, using randomness to generate the shape of the white waves. I coded this project with my twin sister, Sara.<\/p>\n<p>We decided to present the final render as a scene and animate it to bring the album cover to life, notably by adding a CD and animating the white lines on the cover.<\/p>\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div data-message-author-role=\"assistant\" data-message-id=\"d605dfae-7496-4c0f-9192-0da594f311ec\" dir=\"auto\" class=\"min-h-8 text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words text-start [.text-message+&amp;]:mt-5\" data-message-model-slug=\"gpt-4o\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert light\">\n<p>The constraint of this project was to discover and use p5.js. It was a challenge that allowed me to explore all the features that p5 offers!<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p><strong>School project (pair work)<br \/><\/strong><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/nolwenn.ns-graphik.com\/wp-content\/uploads\/2025\/02\/Javascript-shield1.svg\" width=\"14\" height=\"20\" alt=\"\" class=\"wp-image-3517 alignnone size-full\" \/><\/p>\n<p>[\/et_pb_testimonial][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00a0\u00bb3_5,2_5&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb3_5&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_video src=\u00a0\u00bbhttps:\/\/nolwenn.ns-graphik.com\/wp-content\/uploads\/2025\/02\/ea-proposition2.webm\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_video][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_text_color=\u00a0\u00bb#b5b5b5&Prime; global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<p>Video of the final rendering of our p5.js program<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00a0\u00bb2_5&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_image src=\u00a0\u00bbhttps:\/\/nolwenn.ns-graphik.com\/wp-content\/uploads\/2025\/02\/s-l1200.jpg\u00a0\u00bb title_text=\u00a0\u00bbinspiration\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_text_color=\u00a0\u00bb#b5b5b5&Prime; global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<p><em>Inspiration<\/em><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Joy Division &#8211; Unknown Pleasures (album cover) 2023We had to recreate the cover of the famous album Unknown Pleasures by Joy Division in pairs, using randomness to generate the shape of the white waves. I coded this project with my twin sister, Sara. We decided to present the final render as a scene and animate [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-3496","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nolwenn.ns-graphik.com\/index.php?rest_route=\/wp\/v2\/pages\/3496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nolwenn.ns-graphik.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nolwenn.ns-graphik.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nolwenn.ns-graphik.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nolwenn.ns-graphik.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3496"}],"version-history":[{"count":6,"href":"https:\/\/nolwenn.ns-graphik.com\/index.php?rest_route=\/wp\/v2\/pages\/3496\/revisions"}],"predecessor-version":[{"id":3523,"href":"https:\/\/nolwenn.ns-graphik.com\/index.php?rest_route=\/wp\/v2\/pages\/3496\/revisions\/3523"}],"wp:attachment":[{"href":"https:\/\/nolwenn.ns-graphik.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}