当前位置：文江博客话题详情

如何画云彩？

发布于 2024-09-08 01:24:16 字数 98 浏览 4 评论 0原文

我需要一种算法来绘制云或类似云的形状。显然，我不希望它们都相似。
我应该使用什么来生成相关的 X,Y 坐标系列来绘制云彩？
我将在 SVG 或 Canvas 中实现它

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

小红帽 2024-09-15 01:24:16

这取决于您想要什么样的云。您可以尝试一下深受游戏开发者欢迎的 Perlin 噪音。

回复收藏 0 原文

网名女生简单气质 2024-09-15 01:24:16

您可以使用 SVG feTurbulence 滤镜基元生成 Perlin 噪声，该噪声可用于创建云状纹理。

一些帮助和示例：

Inkscape 矢量图形编辑器有大量预定义的 svg 滤镜，请参阅此处一个示例，仅使用一些其中一些文字。 “噪声填充”使用 feTurbulence，并且可能很容易调整。 Inkscape 还有一个 GUI，用于调整每个滤镜的参数，选择任何形状，然后在菜单中选择“滤镜 > 滤镜编辑器...”。

回复收藏 0 原文

￠好甜 2024-09-15 01:24:16

为了给你的树木朋友，画许多快乐的小意外。

我推荐画布——你可以用画笔疯狂！

我祝愿你绘画愉快，愿上帝保佑我的朋友。

回复收藏 0 原文

于我来说 2024-09-15 01:24:16

这是使用 silverlight 完成的柏林噪声示例： http ://kodierer.blogspot.com/2009/05/oscar-algorithm-silverlight-real-time.html

它可能是您可以使用和/或适应的东西。

回复收藏 0 原文

蓝海 2024-09-15 01:24:16

如果在画布上实现，并且您想要蓬松的云形状而不是噪声类型，我会说绘制一个随机长度的矩形，然后首先在侧面添加不同大小的圆圈，然后在顶部添加不同大小的圆圈以获得云效果。您必须进行一些数学运算，以确保矩形下方没有出现云，并且矩形的顶部没有任何直线部分。但在画布上实现应该不难。

回复收藏 0 原文

疧_╮線 2024-09-15 01:24:16

这段代码用一系列颜色制作了一堆圆圈，也许它会帮助你处理云

    for (var i = 0; i < 12; i++)
    {
      for (var j = 0; j < 12; j++)
      {
        var ctx = document.getElementById('c1').getContext('2d');
        ctx.strokeStyle = 'rgb(0,' + Math.floor(255 - 42.5 * i) + ',' + 
        Math.floor(255 - 42.5 * j) + ')';
        ctx.beginPath();
        ctx.arc(40 + j * 25, 40 + i * 25, 10, 0, Math.PI * 2, true);
        ctx.stroke();
       }
     }

this code makes a bunch of circles in an array of colors maybe it will help you with the clouds

    for (var i = 0; i < 12; i++)
    {
      for (var j = 0; j < 12; j++)
      {
        var ctx = document.getElementById('c1').getContext('2d');
        ctx.strokeStyle = 'rgb(0,' + Math.floor(255 - 42.5 * i) + ',' + 
        Math.floor(255 - 42.5 * j) + ')';
        ctx.beginPath();
        ctx.arc(40 + j * 25, 40 + i * 25, 10, 0, Math.PI * 2, true);
        ctx.stroke();
       }
     }

回复收藏 0 原文