TIP/JS 4

[JS] WebMidi.js로 Ableton Live와 연동하기

최근에 Ableton Live 수업을 들었는데 마지막이 자작곡 발표였다.기왕이면 발표하는거 음악에 맞춘 비주얼까지 만들고 싶어서 아는게 아는거라고 Webmidi.js를 사용해서 비주얼까지 만들었다. 완성품" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스webmidi.js와 websocket으로 여러개의 기기에서 같은 신호를 받아 동기화되는 영상을 실사로 찍어서 제작함.미리 알아야할 점1. 맥에서는 IAC 가상 장치를 통해 에이블톤 라이브에서 미디 신호를 내보내줘야함 (https://support.apple.com/ko-kr/guide/audio-midi-setup/ams1013/mac)2. 에이블톤 라이브에서 미디 신호를 내보내기 위해선 악기가 연결되지 않은 미디 트랙이여야 함..

TIP/JS 2024.06.12

[JS] 포토샵 최상위 레이어명으로 png 저장

템플릿등에 적용할때 좋음const doc = app.activeDocument; // 현재 열린 파일const fileName = decodeURI(doc.artLayers[0].name);// 파일 저장 경로 설정 (현재 문서의 경로를 기준)const savePath = doc.path + "/" + fileName + ".png";// PNG로 저장하기 위한 옵션 설정const pngOpts = new PNGSaveOptions();pngOpts.compression = 9; // 최대 압축률// 파일 객체 생성const saveFile = new File(savePath);// 현재 문서를 PNG 형식으로 저장doc.saveAs(saveFile, pngOpts, true, Extension.LOW..

TIP/JS 2024.05.23

[JS] 포토샵 파일명 텍스트 추가

열린 파일에 파일명을 Text로 넣어주는 JavaScript포토샵에서 JS 사용이 가능한 지 몰랐었는데 새로 배워감. 앞으로는 액션보다 이걸 자주 쓸듯// 액션을 저장하기 위한 변수var doc = app.activeDocument; // 현재 열린 파일// 텍스트 레이어 추가var textLayer = doc.artLayers.add();textLayer.kind = LayerKind.TEXT;// 텍스트 내용 설정var textItem = textLayer.textItem;textItem.contents = decodeURI(doc.name.split('.').slice(0, -1).join('.'));// 위치 설정 (왼쪽에서 10픽셀 아래서 50픽셀 위)textItem.position = [doc..

TIP/JS 2024.05.23

얕은 복사와 깊은 복사

얕은 복사와 깊은 복사가 이해가 안되네요. 라는 질문이 들어왔음. 간단하게 두가지 비교를 하고 손쉽게 적용할 수 있는 깊은 복사 방법을 알아보기로 하자. 얕은 복사 사본에 속성을 추가하거나 변경하면 복사본에만 영향을 줌. const original = { name: "girl", age: 18, class: [ "korean", "math" ] }; // 얕은 복사 방법 const clone = { ... original }; // 사본에 속성 추가 clone.height = 163; // 속성 확인 (얕은 복사 후 자식 속성에 변경 확인) console.log(original); // { name: "girl", age: 18, class: [ "korean", "math" ] } console.log..

TIP/JS 2023.10.15
728x90