milkcocoa의 샘플 코드를 정리했습니다.

milkcocoa 에서 튜토리얼을 끝낸 분, 혹은 튜토리얼을 무시해 무엇인가 만들어 보는가 하는 분을 대상으로 한 기사가 됩니다. 샘플은 레벨별로 나눕니다.

기초편



채팅




톱 페이지에 있는 채팅의 샘플입니다. 튜토리얼의 것보다 디자인이 좋기 때문에, 스텝 업을 생각하면 추천입니다.
h tp // 짱 t. mlk 어? p. 코m/
htps : // 기주 b. 코 m / 미 lk 여기 아 / 짱 t

스티커 메모





자바스크립트에서 드로잉과 실시간 이벤트를 동기화하는 방법을 배우는 데 이상적입니다. 이것을 개조해, 보통으로 팀으로 사용하는 것도 추천입니다.
htp ///후센. mlk 어? p. 코m/
htps : // 기주 b. 코 m / 미 lk 여기 여기 / 후센 / t 리 / v0.0.1

내장 채팅 플러그인





원하는 사이트에 채팅을 퍼갈 수 있습니다. milkcocoa의 추가 가능성의 한쪽 끝을 엿볼 수 있기 때문에 보기의 가치 있습니다.
ht tp // // 챠파 rts. mlk 어? p. 코m/
htps : // 기주 b. 코 m / 미 lk 여기 여기 / 챠 빠 rts

클릭 포인트를 공유하는 라이브러리




다른 사용자의 클릭 위치가 시각화됩니다. mousemove 이벤트를 취하여 히트맵을 만드는 등 마케팅적 이용의 아이디어가 부풀어 오르는 샘플이 되고 있습니다.
h tp // 멋쟁이 cぃck. mlk 어? p. 코m/
htps : // 기주 b. 코 m / 미 lk 여기 아 / 세련된 c ck

응용편



로그인 기능이 있는 메모 샘플 with vue.js




로그인 기능을 배우는 데 좋습니다. vue.js를 이용해 데이터 바인딩 등도 구현하고 있기 때문에, 조금 레벨의 높은 어플리케이션에 도전하고 싶다면 추천합니다.
h tp : // ぉ 긴. mlk 어? p. 코m/
htps : // 기주 b. 코 m / 미 lk 여기 여기 / ぉ 긴

라미엘 슈팅




세계에서 가장 간단한 WebGL 라이브러리 jthreemilkcocoa 에서 만든 브라우저 온라인 FPS (슈팅 게임)입니다. 무대나 무기 변경이나 채팅이 있습니다. OSS로 공개하고 있으므로 흥미가 있으면 참가해 보세요.
ht tp //jthree fps. mlk 어? p. 코m/
htps : // 기주 b. 코 m / 미 lk 여기 아 / 라 미에 l 쇼 오 친 g

오셀로




오셀로 게임의 샘플입니다. JS에서 조금 복잡한 로직을 작성하는 방법과 선공 후공을 결정하는 로직 등 구경입니다.
ㅜㅇㅇㅇㅇ mlk 어? p. 코m/
htps : // 기주 b. 코 m / 슈헤이 176 / 레즈 r

다이어그램 편집기




여기는 Cacco와 같은 실시간 SVG 드로잉 샘플입니다. 채팅과는 조금 다른 실시간 앱을 만들고 싶다면 여기에 도전해 봅시다.
h tp // d 라우 g. mlk 어? p. 코m/
htps : // 기주 b. 코 m / 슈헤이 176 / 아 아 g m

마인드맵 채팅




마인드 맵처럼 발언이 연결되는 실시간 게시판 앱입니다. URL의 해시값에 의한 방의 작성 로직이나 노드 드로잉 로직 등 응용적인 내용을 배우는데 꼭 좋은 샘플입니다.
htp // 미쿠마 p. mlk 어? p. 코m/
htps : // 기주 b. 코 m / 쇼고치 아이 / 미쿠마 p

요약



싱글 페이지 애플리케이션에서 게임, 심지어 스크래핑 백엔드, 로깅 및 화면 동기화 등 다양한 사용 사례가 매일 증가하고 있습니다. 주말이나 일 끝나거나 대학의 여름방학 등, 텐션이 오르고 있는 동안에 고속으로 프로토타이핑해, 하고 싶은 것을 누구보다 빨리 형태로 해 보는 것은 어떻습니까.

좋은 웹페이지 즐겨찾기