Xeno_Mezphy
Scripting was cool. No one really used it, but it was cool. Everyone calls for so much old stuff to come back, but no one misses scripting. …
Anonymous
http://alexmic.github.com/filtrr/
I'm too lazy/dumb to sift through this to make some filters like this.
Poor #scripts....we need to g…
blblnk
canv.as/script/5ob
one of the missing components being thinking about how the pixel transparency operates and to check my errors
deadinside
I think the 2 issues with that script was it tries to use navigator.agent.. which maybe getting blocked. The other is the img part. I have n…
blblnk
http://canv.as/script/47t
tweaking the alpha on the greyscale layer makes the result darker.
blblnk
http://canv.as/script/3vy revision1
//sepia filter
var imagineDat = bg.getImageData(0, 0, bg.canvas.width, bg.canvas.height);
var pixels = …
Anonymous
Wouldnt it be easier just to flip the background? Flip the background to match the stamp, stamp then flip the back ground back.
Anonymous
I started work on speech bubbles but it could do with some work. Does anyone know if we can (now or in the future) use stuff like mouse eve…
deadinside
var basePointX = 350;
var basePointY = 250;
var currentX = 0;
var currentY = 0;
var offsetX = 0;
var offsetY = 0…
blblnk
http://canv.as/script/3jm == crisscrosss or plaid
What I was trying to do earlier. It could use some alpha tweaking of course. I couldn'…
Anonymous
Freaking Sweet it does work. Well here is the code to create a happy face stamp right on the canvas. Can be used to create other "fake&…
blblnk
you need to swap the image to the foreground or background, this script one only runs on the foreground image
blblnk
Just a text script: http://canv.as/script/2vf
I can't get any sort of font other than what I found in another thread from friday -- it …
timothy
is now supported in Firefox!
Sorry for the delay in bugfixing; it was actually a fairly nasty bug (triggered some undocumented security st…
blblnk
That was my initial thought, but it is nice to think about as a potential future direction.
I have no idea how it would be implemented and …
blblnk
I know we probably can't do this now....(I haven't tried though)
Since we we're working on scripted canvas elements some things…
blblnk
We need to play with this here on canv.as, but at the same time this is provides another place to play with a js sandbox
Anominous
Well, what do you know. We got it. Here it is with 8 panels.
http://canv.as/script/2ce
deadinside
We can call it the Canv.as Advice X background... Fool proof way to see other sites copying canv.as content
deadinside
Well I seen your guys problem fixed the coding a little bit here. The main problem was the fg.rotate I used Math.PI, as if you are trying to…
blblnk
putting the tinting properly into scripts category for reference.
http://canv.as/script/1yh
crtrue
Now this one is fun...randomly assigns ALPHA values to the foreground layer.
FG: Moot
BG: Field
CODE { http://canv.as/script/1ud }
// Alp…
crtrue
Noisemaker script. Fills all non-transparent area with noise. Preserves alpha value, so translucent areas will remain translucent (useful if…
crtrue
And now I'm SURE something we can all get begin!
Modifying the color swap script to swap out a color for a transparency, we now have a …
Anonymous
Tweak of the warhol filter. This will only work on the foreground layer and does not change color. Takes one image and makes multiple sizes.…
Anonymous
Well here is a heart
foreground.strokeStyle = "#FFFFFF";
var gradient = background.createLinearGradient(90,63,30,90);
gradient.ad…
Anonymous
is there a limit to how many lines of code we can use?
This will work.
util.clear(foreground);
foreground.strokeStyle = "#000000"…
Anonymous
oh, god what have I done.... just submitting it to see if it shows the outline of the stamps
timothy
This does gradients (results in the upper left corner): http://canv.as/script/1de
Copied from https://developer.mozilla.org/en/Canvas_tutor…
Vaporized
Hey, can we be more active, I wanna get a black & white script done, as well as invert colors. And if it is not too much, an interactive…
Vaporized
util.clear(foreground);
var M = 3;
foreground.globalAlpha = 0.5 / (7*M*M);
foreground.globalCompositeOperation = 'darker';
for (var …
crtrue
Self-centering rectangle script. Has some issues calculating proper height, I don't think fg.canvas.height is returning the proper size …
timothy
Okay, I figured it out. The regexp is _really_ picky, and maybe broken. It requires you specify weight, size and two fonts. The script I use…
Truman
I'm triyng to understand scripts logic so I've made this based on wharol script. It looks better to me.
differences:
original image…
Xeno_Mezphy
So is that a no? Bummer.
Script stolen from here: http://canv.as/script/314 and color part removed.
I've been looking for a greyscale …
Anonymous
canv.as/script/6nb
putting this here for whoever made this in http://canv.as/p/c5qt0/
Anonymous
canv.as/script/5k7
This is a helper script to make all light parts of the foreground image transparent. This makes it easier to simply take…
blblnk
canv.as/script/58v
cleaned up filter that actually uses the grey pass info...(which looks like it wasn't before) and checks that no val…
Anonymous
It could be possible. Use a grease monkey script to add more lines under the Choose a Sample section to add quick links to some of the bette…
deadinside
Here is a code that will let you horizontally flip stamps. Remember after you select a stamp to click on another tool to remove the lines ar…
timothy
I relaxed the font regular expression so almost any valid CSS font specification should be valid. Like, say, "bold 64pt helvetica"…
blblnk
http://canv.as/script/3dg == just some monochrome lines
http://canv.as/script/3ez == random color regular lines
http://canv.as/script/3fi…
Anonymous
var cx = bg.canvas.width/2;var cy = bg.canvas.height/2; var rayz = 9001;var userayz = (rayz/2);
var color1 = '#'+Math.round(Math.ran…
blblnk
http://canv.as/script/3be
simpler filter ymmv based on what pixels you manipulate
blblnk
cleaned up version : http://canv.as/script/36r
simple blur
This takes a background and makes it a blurry foreground ymmv based on what you…
blblnk
neon light jitter effect
http://canv.as/script/2y0
Doesn't actually work here
This is a cheat actually ...I uploaded the effect as a …
timothy
Hopefully this helps: http://canv.as/script/2td
var lingrad = fg.createLinearGradient(0,0,0,fg.canvas.height);
lingrad.addColorStop(0, …
blblnk
http://canv.as/script/2gi - not quite right
http://canv.as/script/2h1 - possibly old-timey filter
genjin
var c = new Point(200,200);
var r=100;
foreground.lineWidth = 1;
foreground.strokeStyle = "black";
for (var i=0;i<= 360.0*(Mat…
SeanO
Two different posterizing scripts... a quick one: http://canv.as/script/2dx
And one that you may have to ask your browser to wait a few tim…
blblnk
http://canv.as/script/28a
This works. I played with the lines to get it under 20, which is about where everything seems to error and flail …
Anominous
yep, I believe it's broken on firefox. I've currently switched to Chrome to work on scripts until canv.as team fixes this. Yes, they…
Anonymous
Here's a much simpler (IMO) way of doing the same thing. Instead of worrying about translations, this just draws arcs of a specific amou…
deadinside
I think it has something to do with the math routine. I am tinkering around with the variables to get it right... just had to restart my bro…
crtrue
It just occurred to me...the color selector script, if recycled, can be used as a fuzziness selector (basically, "filter out X color, t…
crtrue
AlphaScan Barscambler { http://canv.as/script/1z0 }
By setting the barSpan variable, you can span the transformation out (1 for alpha noise…
genjin
var x, width, height, iterations, yg, xg;
width = 600;
height = 500;
iterations = 50;
xg = (height / iterations) /2;
yg = (width / iteration…
crtrue
Alphascanlines { http://canv.as/script/1wf }
// AlphaScan
// Every other pixel in a row becomes transparent, creating a scanline transparen…
crtrue
With grey noise: { http://canv.as/script/1rs }
// Noisemaker (Grey Version)
// Fill all non-transparent areas with noise
// Opacity is pres…
crtrue
Alright, cool. Modified the inversion script into a color replacer script. Can be easily rigged to support alpha replacement, but for now si…
blblnk
there are no routes/templates for them, you need to take that url and and paste it into 'load script' area of the scripting area.
Anonymous
Seriously is there a max limit on canv.as for scripts? It seems that I keep getting stuck at 20 lines. After the 20th line, it does not pick…
Anonymous
Some more neat stuff..
foreground.rotate(0.05);
var gradient = background.createRadialGradient(90,63,30,90,63,90);
gradient.addColorStop(0,…
Anonymous
Interesting effect... makes Chrome freeze up for a moment and I had to hit wait twice, but the effect was interesting..
util.clear(foregrou…
Anonymous
Sry - here's a better one that uses the composite and writes to the foreground:
http://canv.as/script/1at
blblnk
http://canv.as/script/156
its a matter of finetuning the maths, determining the confines worked within for the canvas element, etc. Actuall…
crtrue
Yeah, I tried doing it the "right way" and ended up with that mess because I couldn't figure out why it wouldn't render --…
crtrue
Grumblegrumble lines aren't working and...wait, what?
util.clear(foreground);
util.clear(background);
foreground.fillStyle = "red&…
blblnk
We're going to create a script that generates an Advice X type background in this thread. I'll try, any input welcome.
Anonymous
var i = 0;
for(i; i < 300; i++){
var rand_x = 600 * Math.random(),
rand_y = 500 * Math.random();
fg.lineTo(rand_x, rand_y);
…
Xeno_Mezphy
It's true, but at least I'm doing it! I hope there are still people around who are scripting stuff on here, and not just pressing th…
blblnk
canv.as/script/5m9
a filter pass...I'm not certain it does anything more than a subtle tweak
blblnk
http://canv.as/script/4ae
very blue.....was a desaturation filter, gut given I pulled it out of larger context and am not 100% certain what…
blblnk
http://canv.as/script/43p == to greyscale to sepia
http://canv.as/script/426, variation
newalexandria
I guess what we need in the UI is 'macro' buttons, to which you can attach scripts (by link or raw code).
blblnk
http://canv.as/script/3tw
supposed to be a sepia filter, but I don't know yet how to make it work.
from
https://github.com/jseidelin…
Anonymous
[CODE]
var width = bg.canvas.width
var height = bg.canvas.height
var num = 8 //change this for number of waves
fg.fillStyle = "#0000f…
Anonymous
Freaking Sweet it does work. Well here is the code to create a happy face stamp right on the canvas. Can be used to create other "fake&…
timothy
http://canv.as/script/2mo works now! In fact, there should be no limitations on script size anymore. Please let me know if you're still …
blblnk
http://canv.as/script/32n : just copies an image layer from fore to back
http://canv.as/script/336 is what I was attempting, a simple blur.…
timothy
Your browser when you realize script urls actually go somewhere now. But they're still pretty useless, keep on using the "from url&…
blblnk
bomomo.com
fuckyeahs will be dispensed when can script this kind thing into the remixer.
genjin
Damn there really is some sort of limit on the complexity / size of the script, probably based on the size of the "symbol tree" af…
blblnk
configuring the number of rays:
this runs, http://jsfiddle.net/x5YA7/
(try 9000)
but not here with:
http://canv.as/script/2mo
just getti…
genjin
I think someone already mentioned elsewhere that this sort of animation code wont work properly due to caching.
foreground.strokeStyle = &…
deadinside
Fixed the gradient to resemble the heart sticker.
foreground.strokeStyle = "#FFFFFF";
var gradient = foreground.createLinearGradi…
deadinside
Hmm.... almost there... Now I need to know how to simplify this to allow one last line to create the inner border.. It hits the 20 line limi…
deadinside
Ok, a little more progress. More than 6 colors than the normal Advice X stuff, but at least the triangles are aligned.
var cX = fg.canvas.w…
Anonymous
I totally forgot to post the source to this tweak. I ran it about 4 times on this image.. this was the first thing I thought of, once I ran …
Anonymous
Yup... After removing your line comments, this hits the 20th line...
var cX = fg.canvas.width / 2;
var cY = fg.canvas.height / 2;
fg.beginP…
crtrue
For example, fuzzy moot
(To make greyscale noise, simply run one random number inside each for() loop and set pixels[i],pixels[i+1], and pi…
crtrue
Testing on toaster image pulled from Google...very obvious haloing around the toaster, but the script does seem to work. Need fuzzy select.
crtrue
Phew. Done. Simple image color inversion script. Can be used for all sorts of pixel manipulation havoc, too -- just do other horrible things…
Anonymous
After you click on the Advanced Scripting button, copy and paste the url here.
Anonymous
Another variant of my first submission.
util.clear(foreground);
var M = 1;
foreground.globalAlpha = 1.0 / (4*M*M);
background.globalComposi…
SeanO
http://canv.as/script/1hi
Tried something here... if someone could get the alpha to work we'd be in business.
Anonymous
Yes, After applying the stamp, you will have to click on something else so that the stamp does not have the lines around it. IF you apply it…
Anonymous
Neat Trick- just a slight mod to the blur code. It took the sticker and kind of blended them together.
util.clear(foreground);
var M = 5;
f…
Vaporized
I may not be contributing but I want to show my newfound skill.
http://canv.as/script/qq
Anonymous
I don't know javascript but I do know Flash's Actionscript and C++
Does that count?
timothy
Looks right to me.
console.log(fg.canvas.width);
console.log(fg.canvas.height);
Gives 600 and 450.
blblnk
I was trying to think around a variable canvas size, basically how to determine where to put lines and shapes into a canvas element of an un…
timothy
util.clear(foreground);
util.clear(background);
foreground.strokeStyle = "red";
foreground.lineWidth = 10; // Not a css thing, jus…
crtrue
util.clear(foreground);
util.clear(background);
foreground.font = "900 64pt inherit";
foreground.fillText("Look, Ma!",0,…
blblnk
I just read a bit about Caja.
What do we have access to? What is util exactly? foreground/background are explanatory, but what other sandbo…
