3 min read What's New

Succulent Coaster 🎥, New landing page 🛬, Better round corners ⏺

Hi Beta Testers,

Here’s the latest with Cuttle!

Succulent Coaster Video Tutorial 🎥

I recorded a new video tutorial for making the Succulent Coaster — one of the projects I worked on when we started Cuttle.

2021-06-30/cover.jpg

Watch the video on YouTube (16min).

The tutorial covers a range of techniques:

  • Mirror Repeat
  • Rotational Repeat
  • Transform Repeat
  • Merge Paths
  • Boolean Flatten
  • Stroke Settings
  • Parameters
  • Convert to Path

Let me know if it’s helpful!

New Landing Page 🛬

We redesigned Cuttle’s landing page, the page you see when you go to cuttle.xyz and you’re not logged in. If you want to check it out, you can log out of Cuttle, or go to cuttle.xyz in an incognito window.

2021-06-30/screencapture-cuttle-xyz-2021-06-29-15_11_53_copy.png

The new page features several Projects from the Community that were shared in the Discord chat room. Thank you contributors for sharing and giving us permission to feature your projects!

Better Round Corners ⏺

We rewrote the algorithm for round corners and made a ton of improvements.

2021-06-30/round_corners_gifs_1.gif

The round corners now get “limited” when they reach neighboring corners.

2021-06-30/round_corners_gifs_2.gif

We improved the accuracy of the algorithm for both straight and curved shapes.

2021-06-30/round_corners_gifs_3.gif

You can now individually apply individual radius values to each corner. You do this by supplying an array (a list) of numbers to the radius parameter. An array is written like this: [0.5, 0, 0.5, 2.0]

The ordering is based on the ordering of the corners of the shape you’re modifying. It’s somewhat arbitrary, so you might need to experiment to figure out the correct order.

2021-06-30/round_corners_gifs_4a.gif

If there are more corners than numbers you supply, the numbers will cycle around. This enables you do e.g. alternating radius values.

In the future we would like to make an interface on the canvas where you can individually round each corner, but hopefully this “hack” can help you achieve the results you need in the meantime!

Shoutout to @ShodadV who originally implemented a Round Corners variation with an array for the radius!

Other Improvements and Fixes 🐞

  • We did a big clean up of the geometry library. If you’re experimenting with custom modifiers, check out the #coding channel on the Discord where Ryan explained the changes. Documentation is coming next!
  • Fixed a bug where copy and paste would fail for complicated components (thank you Janell for the test case!)
  • Fixed an issue where you could get -0 (negative zero) when scrubbing numbers.
  • Better new line support in expressions.
  • Fixed a styling bug on the user settings page.

Thanks for sticking with us as we build Cuttle! As always, I love to hear your feedback — reply to this email or chat with us on the Discord chat room.

Toby Schachman

Toby Schachman