html 캔버스 배경 투명하게 만드는 방법 html canvas background transparent 검색해보다가 찾음 코드펜에서 캔버스로 된 레퍼런스를 찾았는데 캔버스 배경이 검은색이라 배경이미지가 보이지 않았다. 캔버스의 opacity값을 변경하면 검은색과 캔버스의 컨텐츠가 함께 적용됨 난 검은색 배경만 없애고 싶은데 ! ctx.fillStyle = 'rgba(0,0,0,1)'; ctx.fillRect(0, 0, width, height); 스크립트 소스가 위와 같았는데 fillStyle에서 rgba 값을 변경하거나 주석처리하면 캔버스 컨텐츠가 제대로 나오지 않았다. ctx.clearRect(0, 0, width, height); 윗줄은 지우고 아랫줄의 fillRect를 clearRect로 수정했..
텍스트가 불타는 느낌 (Pure css) https://codepen.io/dhamopatel/pen/vaRmXR Text Effect Style 01 Text Effect Style 01 Pure CSS Text Effect... codepen.io 날아다니는 불꽃 https://codepen.io/jiayihu/pen/QwvjMZ Fire Sparks ... codepen.io 이글거리는 불 https://codepen.io/jkantner/pen/gKRKKb CSS Blend Mode Fire While I was experimenting with SpriteKit fire particles in Xcode, I thought of how easy it would be to create someth..
mouse cursor custom const cursor = document.getElementById('cursor'); let mouseX = 0; let mouseY = 0; let cursorX = 0; let cursorY = 0; let speed = 0.2; function animate() { let distX = mouseX - cursorX; let distY = mouseY - cursorY; cursorX = cursorX + (distX * speed); cursorY = cursorY + (distY * speed); cursor.style.left = cursorX + 'px'; cursor.style.top = cursorY + 'px'; requestAnimationFra..