Graphics 你怎么画得像蜡笔?

Graphics 你怎么画得像蜡笔?,graphics,Graphics,是最近推出的一款商业游戏。观看主链接上的视频,了解我在说什么 它允许你画形状,并让它们与适当的物理反应。目标是使用你制作的装置和形状在屏幕上将球移动到星星上 虽然游戏基本上是一个包装的流行,但它确实有一个特点,我很好奇它是如何实现的 它的画看起来很像蜡笔。您可以看到蜡笔的纹理,当它绘制时,它的厚度和黑暗度会有所不同,就像实际的蜡笔绘制一样 (来源:) (来源:) 背景纹理是免费提供的 用什么样的算法来渲染那些像蜡笔一样的线条?这是一个简单的纹理,应用了随机的厚度和黑暗,还是有更多的事情发生?

是最近推出的一款商业游戏。观看主链接上的视频,了解我在说什么

它允许你画形状,并让它们与适当的物理反应。目标是使用你制作的装置和形状在屏幕上将球移动到星星上

虽然游戏基本上是一个包装的流行,但它确实有一个特点,我很好奇它是如何实现的

它的画看起来很像蜡笔。您可以看到蜡笔的纹理,当它绘制时,它的厚度和黑暗度会有所不同,就像实际的蜡笔绘制一样


(来源:)

(来源:)

背景纹理是免费提供的


用什么样的算法来渲染那些像蜡笔一样的线条?这是一个简单的纹理,应用了随机的厚度和黑暗,还是有更多的事情发生?

如果你放大图像,你可以看到一个重复的邮票图案。。当它从a移动到b时,可能会使用一个小的分类,甚至可能会旋转它们


路线的摇摆不定不会那么困难。分成一组随机段,选择稍微远离直接路线的位置并绘制样条线。

你可以根据速度来确定黑暗。这只是测量光标在这一帧和最后一帧之间移动的距离(记住毕达哥拉斯定理),然后在屏幕上绘制线段时,根据测量的距离调整alpha(不透明度)。

我记得(很久以前)读过一篇算法的简短描述:

  • 对于线的一般形式,可以在一个随机点上将线段一分为二,然后将该点稍微移离其位置(变化取决于点到端点的距离)。递归/随机重复这样,您的线条就不是“完美”(直线)

  • 对于给定的线段,您可以通过延伸一个端点或另一个端点(或两个端点)稍微“超调”这样,您就没有完美的关节。如果我记得很清楚的话,最好是延伸原始的四肢,但是如果你想明显地分割它们,你可以对子部分这样做

  • 用图案/图章画线

  • 还有一种可能性(已经提到)是使用不同的开始和结束不透明度进行绘制(模仿在绘制结束时松开画笔的趋势)

  • 可以在线条的开头和结尾使用不同大小的图章(也可以模拟在绘图结束时松开笔的趋势)。为了获得相同的效果,还可以绘制两次线,其中一个端点的变化很小(在这种情况下,请小心alpha,因为该线将绘制两次)

  • 最后,对于一条给定的线,您可以多次执行前面的修改(即绘制两次线,具有不同的变化):如果人类犯了一些错误,他们往往会重复一条线

关于

这里有一个例子,它使用大量的数学来模拟蜡在纸上的沉积,使用摩擦模型。但我认为你最好的选择是使用一个重复的模式,正如另一位读者提到的,并根据压力改变不透明度


对于不完美的线条绘制部分,我有一个描述如何使用bezier曲线进行绘制的示例

我认为最简单的方法就是使用一种纹理,整个纹理具有随机的暗度(可能有一些渐变),并随机设置大小。

有一种称为的纸张,它涵盖了您所追求的一些内容。虽然它并没有提供一个非常详细的算法视图,但作者确实涵盖了他们使用的步骤的基本知识

这篇文章包括了他们如何生成线条的高级描述,以及他们如何为线条生成纹理,以及他们如何得到与您想要的结果相似的结果。

这篇文章有一个可能相关的扰动线条的算法。它不包括计算蜡笔画的线条的纹理,但它确实提供了一种方法,使一条直线看起来像人类一样不完美

示例输出:


指向您博客文章的链接似乎已失效。