1
그래서 저는 사용자가 키를 누를 때마다 모양을 그리려하지만, 이상한 콘솔 오류가납니다.Paper.js 도형을 그리지 않습니다.
paper-full.js:14632 Uncaught SyntaxError: Identifier directly after number (8:42)
at t (paper-full.js:14632)
at E (paper-full.js:14632)
at y (paper-full.js:14632)
at g (paper-full.js:14632)
at U (paper-full.js:14632)
at z (paper-full.js:14632)
at ue (paper-full.js:14632)
at oe (paper-full.js:14632)
at ae (paper-full.js:14632)
at te (paper-full.js:14632)
저는 paper.js에 익숙하지 않습니다. 내 html 스크립트 코드는 정확하고 누군가가 도움의 손길을 내주는다면 큰 도움이 될 것입니다. new Path.Circle(point, 500)
에 new Path.Circle(point, 5oo)
를 교체함으로써
<!DOCTYPE html>
<html>
<head>
\t <title>Sounds of keyboard</title>
\t <link rel="stylesheet" type="text/css" href="style.css">
\t <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.10.3/paper-full.js"></script>
\t <script type="text/paperscript" canvas="canvas">
\t \t var circles = [];
\t \t function onKeyDown(event){
\t \t \t var maxPoint = new Point(view.size.width, view.size.height);
\t \t \t var randomPoint = Point.random();
\t \t \t var point = maxPoint * randomPoint;
\t \t \t var newCircle = new Path.Circle(point, 5oo);
\t \t \t newCircle.fillColor = "orange";
\t \t \t circles.push(newCircle);
\t \t }
\t \t function onFrame(event){
\t \t for(var i=0; i<circles.length; i++){
\t \t circles[i].fillColor.hue += 1;
\t \t circles[i].scale(.9);
\t \t }
\t \t }
\t </script>
</head>
<body>
<canvas id="canvas" resize></canvas>
</body>
</html>