본문 바로가기

text

티스토리 어플이 있네

앱 스토어에서 별점이 1점대 인데 일단 pc에서 쓴글이 수정이 안된다 가로보기가 안된다 텍스트 처지는게 너무 건조하게 타이핑쳐진다 (아마 내가 애플메모나 사파리 수준에 익숙해져서 그런듯)

더보기
web

[NestJS] 소개

소개 프레임워크이고, 효과적이고 확장가능한 Node.js 서버사이드 어플리케이션입니다. 타입스크립트를 완벽히 지원합니다. (바닐라도 가능) OOP (Object Oriented Programming), FP (Functional Programming), FRP (Functional Reactive Programming)의 요소들을 모두 포함 하고 있습니다. Express 위에서 추상화 했습니다. 그럼에도 API는 개발자들에게 직접노출되어 쉽게 사용가능합니다. 철학 노드.js 덕분에 자바스크립트..

더보기
graphics

[playcanvas] Entity 드래그하기

마우스로 클릭하고 드래그하는 기능을 구현해보겠습니다. 드래그를 구현하기 위해서 ray란 걸 이용할겁니다. var Raycast = pc.createScript('raycast'); Raycast.attributes.add('cameraEntity', {type: 'entity', title: 'Camera Entity'}); Raycast.attributes.add('dragEntity', {type: 'entity', title: 'Drag Entity'}); Raycast.prototype.initialize = function() { this.ray = new pc.Ray(); this.app.mouse.on(pc.EVEN..

더보기
essay

구글클라우드자격증을 생각하며

구글클라우드 자격증 공부해서 취득하고 싶다는 생각을 우연히 하게되엇다. 항상 나의 구미를 당기는 것은 있었다. 중고등학생띠는 명문대로 진학하고 싶었던것 처럼 말이다. 구글클라우드 자격증 공부하면 딸수야 있겠지.. 그리고 언~젠가는 도움이 되겠지.. 근데 지금 회사에서는 앵귤러로 프론트엔드 작업을 하고 있는데.. 근데 나는 너무 하고 싶은게 많다. 책도 쓰고 싶고 그래픽스도 공부하고 싶고 동영상 편집도 하고 싶..

더보기
graphics

[playcanvas] Entity 드래그하기

마우스로 클릭하고 드래그하는 기능을 구현해보겠습니다. 드래그를 구현하기 위해서 ray란 걸 이용할겁니다. var Raycast = pc.createScript('raycast'); Raycast.attributes.add('cameraEntity', {type: 'entity', title: 'Camera Entity'}); Raycast.attributes.add('dragEntity', {type: 'entity', title: 'Drag Entity'}); Raycast.prototype.initialize = function() { this.ray = new pc.Ray(); this.app.mouse.on(pc.EVEN..

더보기
graphics

[math] 벡터의 정규화란

그래픽에서 벡터는 유클리디안 벡터임(Euclidean vector == geometric vector) 일반적으로 벡터는 화살표로 표현함(화살표로 추상화 시키는거임 왜냐면 그래도 모든 성질을 만족하고 직관도 생기기때문) 간단히 프로그래밍에서 벡터를 사용하는 이유는 2차원에서 공튕기는 프로그램을 짤때 var x = 100; var y = 100; var xSpeed = 1; var ySpeed = 3.3; // 움직임 x = x + xSpeed; y = y + ySpeed; 이였던것을 간단히 아래와 같..

더보기
graphics

[playcanvas] Entity up, right, forward

선 2줄요약: 1. Entity에는 up, right, forward 속성이 있습니다. 2. 모델의 중심 0,0,0 에서 각 축 (무한크기의) 벡터를 단위벡터로 리턴합니다. Entity는 pc.GraphNode를 상속받기 때문에 up, right, forward 속성들을 사용할수 있습니다. up: The normalized local space Y-axis vector of the graph node in world space right: The normalized local space X-axis vector of the graph node in world space forward: The no..

더보기
graphics

[playcanvas] Entity Picking을 이용해본 Gizmo 형태

https://velbi.io/154 이 글을 번역하면서, 스스로 익히기위해 Entity Picking을 사용해 Gizmo 형태만 한번 만들어 봤습니다. (나중에 Drag도 추가해보겠습니다.) 클릭하면 흰색으로 바뀌게 했습니다. 에디터에서 카메라에 picker 스크립트컴포넌트를 등록하고 거기에 picker.js 를 넣어놨습니다. 그리고 각 엔티티에다가는 changeColor.js 를 넣어놨습니다. picker.js var Picker = pc.createScript('picker'); // initialize c..

더보기