soya2d
soya2d copied to clipboard
Soya2D is a web interactive animation(game) engine for modern web browsers
SVG中path的d属性有以下几种: M/m = moveto(M X,Y) :将画笔移动到指定的坐标位置 L/l = lineto(L X,Y) :画直线到指定的坐标位置 H/h = horizontal lineto(H X):画水平线到指定的X坐标位置 V/v = vertical lineto(V Y):画垂直线到指定的Y坐标位置 C/c = curveto(C X1,Y1,X2,Y2,ENDX,ENDY):三次贝赛曲线 S/s = smooth curveto(S X2,Y2,ENDX,ENDY):平滑曲率...
如果text中间包含多个空格text的宽度保持不变,用getBounds计算宽度时效果一样,中间空格的增加不影响宽度,(是多个空格只加上一个空格的宽度)
在画扇形的时候,startAngle为其他值都没问题,但为360的时候显示为弯弧,为360.1的时候就没问题
最近碰到一个问题,我需要在一个容器范围内实现滚动文字的效果,以前拿其他引擎实现的时候会使用一个clip的方法,可以直接在显示区域内裁剪容器,使得容器内的子元素不会“溢出”。 在soya2d中还没有找到直接的方法可以使用,如果直接设置子元素x,y为负值的话就会显示在父容器的外面(左/上)去。看了下示例发现可以使用卷轴精灵来实现,但是觉得有些奇怪,如果我给某个容器设置了宽高和坐标,然后在里面添加一个卷轴精灵,宽高继承容器,xy都为0,卷轴精灵里面放一张图,坐标xy都是0,按照想法来说应该是可以了,但是此时的效果是背景图只显示了部分,看起来效果就是背景图xy是在左上角坐标原点,而我期待的是xy坐标在父容器的左上角上,后来尝试将背景图xy坐标调整的和父容器一致,结果符合预期了。 我没有来得及仔细研究过卷轴精灵的源码,但是还是希望大大可以出个支持滚动容器,不需要太多的属性调整就OK了。
首先先对大大的引擎点个赞,已经用到了公司的项目里。 最近有对图片进行对图片填充颜色的需求,类似于那种剪影的效果。但是从引擎的API上面没有找到对应的方法,再查引擎也没有响应的实现。 针对这个问题我参照纹理fromColor的实现,在原型dispose方法下面新建了一个fillColor方法,原理是把纹理图片转成canvas再进行像素处理,希望大大可以考虑一下更好的实现。 ``` fillColor: function(RGBA, repaint) { var data = document.createElement('canvas'), ctx = data.getContext('2d'), imageData, brightness; repaint = _.isUndefined(repaint) ? true : repaint; data.width = this.__data.width; data.height = this.__data.height;...
'CanvasRenderingContext2D.webkitImageSmoothingEnabled' is deprecated. Please use 'CanvasRenderingContext2D.imageSmoothingEnabled' instead.
然后,你需要定义一个容器,用来显示soya2d,通常是一个DIV元素,比如: 文档这里的闭合div标签应该是 /div