请问怎么让物体动起来的同时 使用moveTo linTo画线 有偿

Creator 2.x
#1

纯js canvas 问题 。 我现在canvas上有个物体使用 window.requestAnimationFrame 和 ctx.clearRect(0,0,canvas.width,canvas.height); 是它动了起来， 但是 我如果同时使用moveTo linTo画线 则不会显示， 因为ctx.clearRect(0,0,canvas.width,canvas.height) 会不断的清除画布 ， 所以画线不成功 。 使用ctx.save()也不好使 请问有什么办法吗 代码在这demo2.zip (1.0 KB) 求哪位大神帮我改改代码 有偿

#2

又是你, 这个你需要把要绘制的线的参数保存起来, 在update里面每帧绘制.

#3

你是要做子弹？或者激光炮？

#4

大哥救我 上次大哥点拨过后 我感觉开窍了 小游戏已经完成一半功能了 这个解决了 我感觉又会更上一层楼

#5

做个轨迹曲线

#6

可是每帧绘制前都会清除画布 之前绘制的都清除了

#7

我如果把清除画布功能去掉就行了 但是 图片移动就出问题 我希望是他两同时存在互相不干扰

#8

那就拿个数组把路径点记录下来，循环数组去绘制，要清理轨迹就把数组清空

#9

就是在一帧的时间全部绘制完成就行了

#10

对，创建个数组，移动的时候把位置push进去，update的时候清理画布，在把数组里面的路径绘制出来

#11

可是我希望这个线是从无到有以动画的形式显示并且消失 时间大概1到 2妙 肯定超过一针了

#12

就是慢慢变长然后消失 :disappointed::disappointed: 我感觉不好搞啊

#13

你是用的creator做的？

#14

感觉你就是想做一个拖尾吧，用粒子就可以了啊

#15

纯js做的 用creator肯定好办

#16

移动的时候，向数组push一个对象，对象里面加位置，和当前本地时间，
update的时候，倒叙遍历数组，当前时间减去元素push的时间小于2秒绘制，反之把这个元素从数组删除

#17

动画只是改变你保存的数据。creator也是这样做的啊，动画改变了node的属性，每帧再把node绘制出来。
demo2.zip (1.3 KB)

#18

感谢大哥 我刚才自己也想出来了 搞定了

#19

感谢大哥 我刚才自己也想出来了 搞定了1

#20

该主题在最后一个回复创建后14天后自动关闭。不再允许新的回复。