Freelancer: snvrthndev
Share:
Report Entry

Random shapes generator

Dear Contest Holder, I have used JavaScript (no libraries) and SVG (Scalable Vector Graphics) to generate random shapes using Beziergon over random points in given circle diameter. And also the code will convert the SVG image to 8000x6400 transparent png using the given API.

Contest Entry #20 for                                                 Coding for a generative art project - 28/11/2021 14:28 EST

Public Clarification Board

  • goodnightthief
    Contest Holder
    • 2 years ago

    Hi Thanuja - thank you for the video. Is there a way to change the random shapes? Make them more or less circular or elliptical, or a mix of the two? And change their sizes so that some are small and others are larger?

    • 2 years ago
    1. goodnightthief
      Contest Holder
      • 2 years ago

      Thank you for this - this is getting very close (yours is the closest that has been submitted). Two follow up questions -
      (1) is it possible to colour the shapes randomly (or for me to input a number of different colours, say 5 or 6, for the shapes to be randomly coloured)?
      (2) will the PNG be exported with a transparent background?
      Kind regards
      George

      • 2 years ago
    2. snvrthndev
      snvrthndev
      • 2 years ago

      Hi George, The png is transparent and export with given API ( http://htmlcsstoimage.com). I have included 8 maximum color options and can preconfigured with preferred values. Please find the demo link here. https://drive.google.com/file/d/1A3BxkkwKeK5umyT8gX-x4OS14nD___bE/view

      • 2 years ago
  • snvrthndev
    snvrthndev
    • 2 years ago

    Hi George, The png is transparent and export with given API ( http://htmlcsstoimage.com). I have included 8 maximum color options and can preconfigured with preferred values. Please find the demo link here.

    • 2 years ago
    1. snvrthndev
      snvrthndev
      • 2 years ago

      https://drive.google.com/file/d/1A3BxkkwKeK5umyT8gX-x4OS14nD___bE/view

      • 2 years ago
  • snvrthndev
    snvrthndev
    • 2 years ago

    Please check the demo video here

    • 2 years ago
    1. snvrthndev
      snvrthndev
      • 2 years ago

      https://drive.google.com/file/d/1LAxrXuHrcKMMB_qxqsp-A4O-Q7w-J_re/view

      • 2 years ago

Show more comments Processing...