Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 帆布。将表情符号用作滑动浏览器顶部的对象_Javascript_Html_Animation_Canvas - Fatal编程技术网

Javascript 帆布。将表情符号用作滑动浏览器顶部的对象

Javascript 帆布。将表情符号用作滑动浏览器顶部的对象,javascript,html,animation,canvas,Javascript,Html,Animation,Canvas,我想做出表情反应。如果用户点击表情符号,它就会向上飞。同样的功能也可以在带有心脏的潜望镜中找到。有两个问题: 首先,我不知道如何使用表情符号来代替像素对象。可能吗? 第二,那些圆圈(现在不是表情符号)“飞出屏幕”并且仍然“活跃”。我的意思是,如果我单击一次,就会画出一个圆,它的行为应该是这样的。每次旋转4个以上的圈,每个圈开始弹得越来越多。这不好 代码是: //点击 $('#canvas')。在('单击',函数(){ var points=[],numPoints=1,i,画布,上下文,宽度,

我想做出表情反应。如果用户点击表情符号,它就会向上飞。同样的功能也可以在带有心脏的潜望镜中找到。有两个问题: 首先,我不知道如何使用表情符号来代替像素对象。可能吗? 第二,那些圆圈(现在不是表情符号)“飞出屏幕”并且仍然“活跃”。我的意思是,如果我单击一次,就会画出一个圆,它的行为应该是这样的。每次旋转4个以上的圈,每个圈开始弹得越来越多。这不好

代码是:


//点击
$('#canvas')。在('单击',函数(){
var points=[],numPoints=1,i,画布,上下文,宽度,高度,重力=0,发射器;
画布=$(“#画布”)[0];
宽度=画布宽度;
高度=画布高度;
context=canvas.getContext(“2d”);
发射器={x:width-100,y:height};
函数初始点(p){
p、 x=发射器x;
p、 y=发射器。y;
p、 vx=数学随机()<0.5?-0.5:0.5;
p、 vy=Math.random()*-6-3;//始终为负数形式-10到-1
p、 radius=Math.random()*4+1;//从1到5始终为正
}
函数更新(){
变量i,点,len=点长度;
//console.log(len);数量无限增长
对于(i=0;i