CW-wgl2 Posted September 30, 2013 Share Posted September 30, 2013 It would be nice to draw SVG paths with WebGL. exampleM16,1.667C8.084,1.667,1.667,8.084,1.667,16S8.084,30.333,16,30.333S30.333,23.916,30.333,16S23.916,1.667,16,1.667zM25.534,8.232c1.7,2.084,2.731,4.732,2.767,7.618c-3.232-0.656-6.14-0.783-8.777-0.38c-0.362-0.825-0.738-1.631-1.125-2.412C22.43,11.542,24.497,9.781,25.534,8.232zM23.955,6.624c-0.877,1.658-3.191,3.232-6.564,4.476c-1.533-2.86-3.115-5.299-4.388-7.033c0.96-0.241,1.964-0.37,2.997-0.37C19.031,3.696,21.809,4.8,23.955,6.624zM10.846,4.831c1.09,1.441,2.751,3.91,4.415,6.967c-3.687,1.073-8.032,1.677-11.282,1.585C4.806,9.581,7.395,6.431,10.846,4.831zM3.696,16c0-0.147,0.006-0.293,0.011-0.439c0.312,0.013,0.632,0.019,0.96,0.019c3.464,0,7.754-0.646,11.484-1.765c0.048-0.015,0.093-0.029,0.14-0.044c0.354,0.704,0.697,1.431,1.033,2.175c-0.516,0.146-1.022,0.314-1.518,0.507c-3.547,1.375-6.512,3.895-9.031,7.678C4.861,21.96,3.696,19.114,3.696,16zM8.388,25.656c2.31-3.574,5.002-5.924,8.209-7.167c0.516-0.2,1.049-0.369,1.594-0.513c1.205,2.996,2.166,6.205,2.559,9.373c-1.462,0.613-3.066,0.953-4.749,0.953C13.128,28.305,10.484,27.312,8.388,25.656zM22.802,26.246c-0.446-2.939-1.321-5.895-2.413-8.686c2.316-0.279,4.881-0.117,7.742,0.485C27.557,21.46,25.574,24.398,22.802,26.246zSome of the commands are present in Pixi (like Graphics.moveTo, Graphics.lineTo), but no curves (curveto, smooth curveto, quadratic Bézier curve etc...) Are they gonna be implemented in the near future? What would be the best way to extend Pixi? Could you give me a very simple example?Could it this work: "absolute cubic Bézier curveto" © function cubicBezier(x, y, x1, y1, x2, y2) {// i solve this ef like this http://html5tutorial.com/how-to-draw-n-grade-bezier-curve-with-canvas-api/ ...// returns the array with the points}I pass the points to the Graphics class and now i can transform the Bezier Object, render (both way), interact etc, just as the other objects. Is there any Interface of Graphics class? Quote Link to comment Share on other sites More sharing options...
xerver Posted September 30, 2013 Share Posted September 30, 2013 They will probably be implemented one day, but probably not anytime soon. We have other "higher priority" features right now If you want to take a chop at it, please do and let us know how it goes! Quote Link to comment Share on other sites More sharing options...
IvanK Posted October 3, 2013 Share Posted October 3, 2013 Hey, you can use IvanK lib, it has curveTo and cubicCurveTo - see the demo http://lib.ivank.net/?p=demos&d=graphicshttp://lib.ivank.net/?p=demos&d=bezier Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.