전체 글

[Spine][pixiJs] Api 사이트

스파인 api 사이트 http://ko.esotericsoftware.com/spine-api-reference#AnimationState-setAnimation 찾기 기능 이용해서 api 명세 확인, 번역기라도 돌려서… 이런식으로 AnimationState Methods addAnimation ( int trackIndex, string animationName, bool loop, float delay): TrackEntry Queues an animation by name. See addAnimation. addAnimation ( int trackIndex, Animation animation, bool loop, float delay): TrackEntry Adds an animation to ..

VSCode 한 번에 여러 개 선택하여 수정하는 법(다중 선택)

https://daldalhanstory.tistory.com/72

[자바스크립트] 바닐라 자바스크립트 갬성

message.js export function message(msg){ const elem = document.createElement('p'); elem.innerHTML = msg; document.body.append(elem); } main.js import { message } from './message.js'; message('감성...'); const likeBtn = document.querySelector('.main-button'); likeBtn.addEventListener("click",function(){ likeBtn.innerHTML="❤" const likesTab=document.querySelector(".favorites"); const newFavoriteImag..

[웹팩][바벨] 패키지 총 설치

번들링 : 모든 파일들을 하나하나의 모듈로 보고, 이 모듈들을 배포용으로 병합하고 포장하는 작업.(최적화도 해줌) 이러한 번들링 작업을 수행하는 툴을 번들러라고 한다. 현재 시점에서는 번들러 중에서 '웹팩'이 가장 인기가 많다. 처음 package.json 상태 { "name": "webpack-test", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "build": "cross-env NODE_ENV=production webpack --progress", "start": "webpack serve --progress" }, "keywords": [], "author": "", "license": "ISC" } webp..

[2D WebGL][pixi.Js] 세부사항

PixiJS : 아키텍처 개요 PixiJS: Architecture Overview pixijs.io 아키텍처 개요 PixiJS가 어떻게 결합되는지에 대한 개요 코드 PixiJS는 GitHub에서 호스팅되는 오픈 소스 제품 GitHub 리포지토리와 마찬가지로 각 PixiJS 클래스의 원시 소스 파일을 찾아 다운로드 할 수있을뿐만 아니라 기존 문제 및 버그를 검색하고 직접 제출할 수도 있다. PixiJS는 TypeScript라는 JavaScript 변형으로 작성되었으며, 사전 컴파일 단계를 통해 JavaScript에서 유형 검사를 할 수 있다. 구성 요소 PixiJS는 모듈식 렌더링 엔진. 콘텐츠를 생성, 업데이트 및 표시하는 데 필요한 각 작업은 자체 구성 요소로 나뉜다 이렇게 하면 코드가 더 깔끔해질 ..

[2D WebGL][pixiJS] Getting Started!

https://youtu.be/GuY_PROTr0I: 참고영상 코드

[2D WebGL][pixiJS] Architecture Overview

PixiJS 응용 프로그램의 구성 요소 HTML 파일 만들기 웹 서버를 사용하여 파일 제공 PixiJS 라이브러리로드 응용 프로그램 만들기 생성 된보기를 DOM에 추가 스테이지에 이미지 추가 업데이트 루프 작성 파일 제공 PixiJS로 로컬로 개발하려면 웹 서버를 실행해야합니다. 웹 브라우저는 로컬로 로드된 웹 페이지에 로컬 파일(예: 이미지 및 오디오 파일)을 로드하지 못하도록 합니다. 새 HTML 파일을 두 번 클릭하기만 하면 PixiJS 단계에 스프라이트를 추가하려고 할 때 오류가 발생합니다. XAMPP 또는 http-server Node.js 패키지를 사용하여 파일을 쉽게 제공 할 수 있습니다. 선택한 브라우저를 열고 위치 표시 줄에 입력하여 모든 것이 작동하는지 테스트하십시오. (몽구스는 기본적..