창고

[JS]canvas로 파문(ripple)효과

빠가야로 수포자라 솔직히 클로드가 짜준 코드 봐도 모르겠고.. 그냥 나중에 갖다 쓰기 편하게 정리만 함 ㅠ_ㅠ See the Pen canvas ripple effect by Oh Ikmyeong (@dpffpself) on CodePen.HTML,CSS123456789101112131415161718192021222324252627282930!DOCTYPE html>html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>파문효과/title> style> html, body { m..

See the Pen svg mask with exclude (v2) by Oh Ikmyeong (@dpffpself) on CodePen.HTML1234567891011121314151617181920212223242526272829303132333435!DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>데모/title> link rel="stylesheet" href="./style.css">/head>body> h1>메인 슬라이드/h1> section class="box main">..

codepenSee the Pen svg mask with exclude by Oh Ikmyeong (@dpffpself) on CodePen.HTML1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950!DOCTYPE html>html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>귀도리를 파자/title> link rel="stylesheet" href="./style.css">/head> body> div ..

보호되어 있는 글입니다.

EMBED CODE GENERATOR 유튜브 임베드 코드 생성기 유튜브 주소나 영상 ID를 넣으면 임베드 코드를 만들어줍니다. watch?v=, youtu.be, shorts, list 파라미터가 붙은 주소 모두 지원합니다. 유튜브 주소 또는 영상 ID 생성 제목 (수정 가능) ..

역시나..클로드(ai)에서 딸칵CMS에 업로드할때 유니코드 이모지가 있으면 오류가 나기에 이미지로 바꿔주는 작업을 하는데육안으로 하다보면 못 찾고 넘어갈 때가 종종 있다.그래서 만들어 달라고 함그 전에는 필요할 때 마다 챗지피티나 제미나이한테 물어봤는데 이것들은 자꾸 구라를 까서..근데 클로드는 아예 이렇게 만들어서 줘버리니 토큰 낭비 안 해도 되고 로컬에서 확인할 수 있으니 편하고 이거지예 ㅎㅎSee the Pen Emoji checker for CMS by Oh Ikmyeong (@dpffpself) on CodePen. HTML123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525..

See the Pen scroll scale text, box by Oh Ikmyeong (@dpffpself) on CodePen.HTML1234567891011121314151617181920212223!DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>스크롤에 따라 박스 커지고/title> link rel="stylesheet" href="./css/style.css"> script src="./js/main.js" type="module">/script>/head>body> sec..

내가 짠건 아니고 클로드(ai)로 딸칵했음.three.js를 이용해서 fbx 파일을 웹에서 볼 수 있음 좋겠더라고...https://sigmoira.dothome.co.kr/ FBX Viewer sigmoira.dothome.co.kr머리가 나빠서 그런지 three.js 강의 들었어도 뒤돌아 서면 증발하고 (이런건 사실 작업을 해야 내께 되는건데 three.js를 이용한 프로젝트와 마주치기 않길 바랄뿐;;ㅎ..)블렌더도 강의 듣고 도넛까지 만들고 내 길이 아닌갑다 함.. (3d max도 배웠었지만 이건 툴 자체도 너무 비싸고 힘들어)참고 자료로 쓸만한 무료 모델링들은 fbx로 배포가 되는데누구나 블렌더가 잘 돌아가는 컴퓨터를 가지고 있는것도 아닐테고(일단 모델 불러와서 회전시키는것도 검색해서 알아봐야하니..