Zeichne einen (progressiven) Farbspritzer auf eine Leinwand
Ich bin auf der Suche nach einer einfachen Methode, mit der ich in der Lage bin, ein paint splash wie folgt zu zeichnen:
Eine Methode besteht darin, viele kleine Partikel zu feuern , die einen kleinen Kreis zeichnen, aber ich möchte nicht viele Partikelobjekte verwalten.
BEARBEITEN : example here: jsfiddle.net/MK73j/4/
Eine zweite Methode wird sein, wenige Bilder zu haben und Skalierung und Rotation zu manipulieren, aber ich möchte eine gute Zufallszahl für den Effekt haben.
Eine dritte Methode besteht darin, einige zufällige Punkte zu erstellen, sie mit Bezier-Kurven zu verbinden und den Inhalt zu füllen, aber ich werde nur eine einzige Markierung haben.
Nun, ich weiß nicht, ob es eine bessere Methode gibt, einen Effekt zu haben, der wie dieses Bild aussieht, oder wenn ich eines der 3 auswählen muss, über die ich nachgedacht habe.
1 Antwort
Sie können Illusion verwenden, um einen schönen Splat-Effekt zu erzeugen.
Da Objekte "wachsen", wenn sie sich nähern, können Sie eine zunehmende Größe plus eine kleine Bewegung animieren, um Ihren Splat-Effekt zu erzeugen.
Sie können context.drawImage verwenden, um mit der Größenänderung umzugehen:
%Vor%Hier ist Code und eine Fiddle: Ссылка
%Vor%Tags und Links javascript html5 canvas drawing html5-canvas