{"id":3490,"date":"2025-02-04T18:55:52","date_gmt":"2025-02-04T18:55:52","guid":{"rendered":"https:\/\/nolwenn.ns-graphik.com\/?page_id=3490"},"modified":"2025-02-04T20:12:46","modified_gmt":"2025-02-04T20:12:46","slug":"art-with-randomness","status":"publish","type":"page","link":"https:\/\/nolwenn.ns-graphik.com\/?page_id=3490","title":{"rendered":"Art with randomness"},"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;\">Art with randomness<\/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>It was necessary to use randomness to generate colored pixels forming an image while still having control over the randomness by guiding it. In my case, I chose to illustrate koi fish swimming from a top-down view. The red and beige represent the koi, blue is the water, green represents the lily pads, and white represents the reflections. The darker the blue, the deeper the water.<\/p>\n<p>In the first case, the color distribution is uniform. In the other two cases, the parameters have been modified: first, there are more lily pads; then, the koi move away and distance themselves from us.<\/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 (individual)<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_gallery gallery_ids=\u00a0\u00bb3215,3216,3217&Prime; show_title_and_caption=\u00a0\u00bboff\u00a0\u00bb show_pagination=\u00a0\u00bboff\u00a0\u00bb module_class=\u00a0\u00bbgalerie-carree\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_css_free_form=\u00a0\u00bb.galerie-carree .et_pb_gallery_image img {||    width: 100%;||    height: 100%;||    object-fit: cover;||    aspect-ratio: 1 \/ 1; \/* Assure un format carr\u00e9 *\/||}||\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Art with randomness 2023It was necessary to use randomness to generate colored pixels forming an image while still having control over the randomness by guiding it. In my case, I chose to illustrate koi fish swimming from a top-down view. The red and beige represent the koi, blue is the water, green represents the lily [&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-3490","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nolwenn.ns-graphik.com\/index.php?rest_route=\/wp\/v2\/pages\/3490","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=3490"}],"version-history":[{"count":3,"href":"https:\/\/nolwenn.ns-graphik.com\/index.php?rest_route=\/wp\/v2\/pages\/3490\/revisions"}],"predecessor-version":[{"id":3522,"href":"https:\/\/nolwenn.ns-graphik.com\/index.php?rest_route=\/wp\/v2\/pages\/3490\/revisions\/3522"}],"wp:attachment":[{"href":"https:\/\/nolwenn.ns-graphik.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}