엔젤 메이커 만들기

ZIMhttps://codepen.io/danzen/pen/xxErLry을 사용하여 12줄의 코드로 Angel Maker 드로잉 앱을 만든 방법을 확인하십시오. ZIM은 드로잉을 코딩하는 가장 쉬운 방법임에 틀림없습니다!



또한 ZIM Book()을 사용하여 https://zimjs.com/angels/에서 ZIM 천사의 책을 만들었습니다. 이것들은 하루 아침에 모든 천사들과 함께 만들어졌습니다! 코딩이 너무 재미있고 아름답습니다. 새해에도 ZIM과 함께 코딩을 하시길 바랍니다!

다음은 Angel Maker의 코드입니다. CodePen에서 사용해 보세요...

new Rectangle(stageW, stageH, frame.color)
    .addTo()
    .noMouse(); 

new Label("A  N  G  E  L", 20, null, tin)
    .pos(0, 30, CENTER);

const pen = new Pen({
    damp:.05,
    color:series(white,lighter),
    size:10,
    undo:10,
    lineAlpha:.2
}).addTo().animate({
    props:{size:90},
    rewind:true,
    loop:true,
    time:.7
});

new MotionController({
    target:pen,
    type:"pressmove",
    damp:.2,
    speed:20,
    mouseMoveOutside:true
});

let copy;
Ticker.add(function() {
    if (copy) copy.dispose();
    copy = new Bitmap(pen.paper, stageW, stageH)
        .sca(-1,1)
        .loc(stageW,0);
});

최근에 Canvas를 확인하지 않았다면 - 확인해야 합니다! 다음은 ZIM Dev Site 및 In-depth Guides을 포함하여 Dr Abstract의 일부Your Guide to Coding Creativity on the Canvas입니다.