paperJS (paper.js) JavaScript Library walk through by Brett Paufler - 10-17-13
JavaScript Tutorial & paper.js primer

shadowColor, shadowBlur, shadowOffset


I can't get this effect to work in paper.js, so if you're having the same problem, I don't know if this page will be of much use.  Anyhow, as follows are the two methods I've tried.  Neither seems to work... though neither throws any errors, either.  Truthfully, I'm wondering if this is an implementation that is supported by paper.js (or the release I'm using.)

My standard way of initializing objects, below.

//circles var ThisPoint = new paper.Point(250,100); var ThisCircle = new paper.Path.Circle(ThisPoint, 25); ThisCircle.strokeColor = 'black'; ThisCircle.strokeWidth = 5; ThisCircle.fillColor = 'blue'; ThisCircle.shadowColor = new paper.Color(0,0,1); ThisCircle.shadowBlur = 10; ThisCircle.shadowOffset = new paper.Point(5,5); // For Feedback FBText1.content = ThisCircle.shadowColor; FBText2.content = ThisCircle.shadowBlur; FBText3.content = ThisCircle.shadowOffset;
Draw Canvas #1



JSON'ish Object Literal(?) Construction

No luck with this method either.
Amend as desired, click the button, see if you can make it work.

// Circles var ThisPoint = new paper.Point(250,100); var ThisCircle = new paper.Path.Circle({ center : [250,100], radius : 25, strokeColor : 'black', strokeWidth : 5, shadowColor : new paper.Color(0,0,0), shadowBlur : 12, shadowOffset : new paper.Point(5,5) }); // For Feedback FBText1.content = ThisCircle.shadowColor; FBText2.content = ThisCircle.shadowBlur; FBText3.content = ThisCircle.shadowOffset;
Draw Canvas #2



And if I ever get it working, perhaps I will add it here.

For now, this remains blank.

// Circles var ThisPoint = new paper.Point(250,100); var ThisCircle = new paper.Path.Circle(ThisPoint, 25); ThisCircle.strokeColor = 'black'; ThisCircle.strokeWidth = 5; // For Feedback FBText1.content = ThisCircle.strokeColor; FBText2.content = ThisCircle; FBText3.content = ThisCircle.fillColor;
Draw Canvas #3




previous (Group)          paper.js tutorial index       next (Style)



Back to BrettCode Home


Brett Words
my writing site (Home to the writing of Celli the Happy Go Lucky Celaphopod, Eddie Takosori, Fritz Heinmillerstein, Morgan Feldstone, Kevin Stillwater, and of course, me, your host, Brett Paufler)

paper.js official site = http://www.paperJS.org


© Copyright 2013 Brett Paufler