About vvvv.js/환경 구축

What is vvvvjs?
• vvv의 가죽을 걸치니 다른 느낌이에요.웃다 웃다
・node.js에서 이동합니다.
• 아직 개발 중이지만 업데이트는 조금씩 진행되고 있습니다.
・vvv와 행동이 다른 점도 많다.
· 온닉, 버튼의 HTML로 사용할 수 있는 것이 많다
• vvv와 다른 것은 Windows Only가 아닙니다--!
당신은 무엇을 할 수 있습니까?
꼭 vimeo 영상 보세요!
https://vimeo.com/255544587

vvvv.장점
Good↑
• vvv를 장악한 상태에서 웹으로 사고방식을 옮길 수 있음
· 사용자가 매우 적다.
Developper 커뮤니티: 35명...
→ But...개발자는 매우 부드럽다!!

Bad↓
・정말 정보가 없다(정식 레슨마저 중간에 있다.)
/도움말 패치 없음
관련 Website
공식 홈페이지
http://vvvvjs.com/
※ 공식 홈페이지'트라이트'를 통해 환경 구축 없이 사용감을 시용할 수 있습니다.
000.graphics
vvvv.js 개발에 참여한 000.graphics의 웹 페이지입니다.
품질이 높은 샘플도 오르고 있다.
http://000.graphics/tutorial/02_VVVV.js_Introduction.html
vvvvjs Developper Support Community
아주 부드러운 지지 커뮤니티!
https://riot.im/app/#/room/#vvvv.js:matrix.org
Let's Setuppppp!!!
초보자를 대상으로 열심히 쓴 것이기 때문에 아는 사람은 건너뛰세요.
(MacOS 설정이 기재되어 있습니다. 같은 절차에 따라 Windows 10도 정상적으로 작동합니다.)
각종 다운로드
A. FireFox
공식적으로 크롬이 대응한다고 쓰여 있지만 크롬이 움직이지 않는 경우가 많다
내 환경에서 Firefox는 안정적으로 돌아가고 있다.
(mac OS Mojave 10.14.2)
https://www.mozilla.org/ja/firefox/new/
B. node.js
공식 사이트
10.15.1 LTE 동작 확인
https://nodejs.org/ja/
C.vvvjs 패키지
vvvv.js 패키지를 다운로드합니다.
공식적인 것이 아니라 아래 창고를 설치했습니다.
https://github.com/zauner/vvvv.js
설치하다.
1. zip이 동결해제되면 폴더를 적절한 위치로 이동
폴더 이름은.경로가 순조롭게 통과되지 않을 수도 있습니다. 폴더 이름을 변경하십시오.
ex) User/vvvv_dev/vvvvjs
2. 명령줄 도구를 사용하는 작업
mac:terminal
창:명령 프롬프트
2. terminal/명령 프롬프트를 통해 위 폴더로 이동
ex) 위 폴더에서 준비된 상태
cd vvvv_dev
cd vvvvjs
3. vvvjs 폴더에 "npm install"명령 입력
4. 위의 오류 유무 확인
※ Xcode/명령 프롬프트를 입력하지 않으면 ccd 오류가 발생합니다.

동작 확인1:vv.js가 움직이는지 확인
FireFox에서 vvvjs 이동 시도

cd 명령을 통해terminal에서 vvjs 폴더로 이동

"node server.js.-e"로 시작
※ . -e는 편집 모드에서 시작한다는 뜻입니다.편집하지 않을 경우 선택
"node server.js"는 OK

FireFox에서 다음 URL 동작을 통해
http://localhost:5000/examples/01_canvas_arcs/
다음 그림이 나오면 OK!!

동작 확인 2:vvv.js 편집 가능 여부 확인

편집용 패치 확장
다음은 FireFox를 통해 URL을 엽니다.
localhost:5000/examples/01_canvas_arcs/#edit/example01.v4p

User/vvvv-입니다.dev/vvvvjs/examples/01_canvas_arcs 폴더 내의 example01.그러니까 v4p를 편집하고 있다는 거야.

패치 화면에서 일부 편집

Control+S로 저장
팝업, 저장할 수 있으면 OK
(Mac에도 Control 사용)

4. 창을 닫을 때 "Command+W"
(이곳의 Mac는 Command+W/Win은 control+W)

설치 완료!
Enjoy vvvv.js!!!!
기본 조작 등 별도 보도!!
참고로 제공하다.
삿포로시립대학 창의코딩학교에서 실시하는 vvv.연구회의 상황은 이쪽입니다.
https://note.mu/junky/n/n9e40a24e7c0e