본문 바로가기

Graphics/playcanvas

[playcanvas] camera Camera 기본 카메라 코드 메모 // Camera this.camera = new pc.Entity(); this.camera.name = 'cameraEntity'; this.camera.addComponent('camera', { clearColor: new pc.Color(0.1, 0.2, 0.3) }); this.camera.setPosition(0, 0, 5); this.camera.enabled = true; app.root.addChild(this.camera); 더보기
[playcanvas] Asset 로드에 대한 모든것 플레이캔버스에서 Asset을 로드하며서 알게된 것들 플레이캔버스 상에서는 material도 texture도 json model도 모두 Asset입니다. Asset 과 Asset.resource는 다르다 일반적으로 Material를 입힐땐, Asset.resource를 사용하지만, 큐브맵이나 2D 이미지를 적용할때는 Asset 자체를 사용한다. Asset은 에셋 타입이고 Asset.resource는 그 해당 리소스의 타입을 따라간다. 예를들어 아래 코드처럼 Asset.resource가 texture타입이면 Asset.resource 도 텍스쳐 타입이된다. Asset은 load하지 않아도 사용할수 있고, Asset.resource는 load해야 사용할수 있다. // 에셋 생성 코드 const asset = .. 더보기
[playcanvas] Delete all child entities // Good code const cnt = someEntity.children.length; for (let i = 0; i < cnt; i++) { let child = someEntity.children.pop(); child.destroy(); } child.destroy() 하면 someEntity.children 리스트에서 없어진다. 그니깐 그냥 생각없이 for 문안에 length 를 놓으면 당연히 안된다 왜냐면 리스트의 길이가 루프돌때마다 변하기 때문이다. 아래와 같이하면 안됨. // Bad code for (let i = 0; i < someEntity.children.length; i++) { let child = someEntity.children[i] child.destroy(); }.. 더보기
[playcanvas] loadFromUrl 에 대한 고찰 https://developer.playcanvas.com/en/api/pc.AssetRegistry.htm pc.AssetRegistry | PlayCanvas API Reference pc.AssetRegistry Extends: pc.EventHandler Container for all assets that are available to this application Summary Properties prefixA URL prefix that will be added to all asset loading requests. Methods addAdd an asset to the registry filterReturn all Asset developer.playcanvas.com 이거 여러가지 차이점.. 더보기
[playcanvas] Anchor 와 pivot https://developer.playcanvas.com/en/user-manual/user-interface/elements/ Elements | Learn PlayCanvas Introduction Common Questions Creating an Account Profile Home Projects Account Dashboard Dashboard Header Overview Settings Organizations Creating Organizations Managing Organizations Editor Menu and Toolbar Hierarchy Inspector Viewport Assets Asset Libra developer.playcanvas.com 여기 개념이 나오고 이해안하.. 더보기
[playcanvas engine] 기초 코드에 Hello world 가 있듯이 플캔에도 Hello world가 있습니다. 음.. 진짜 글씨로 Hello world 를 띄우는건 아니고, 박스를 뛰우는겁니다. https://codepen.io/playcanvas/pen/NPbxMj The Hello World of 3D A spinning cube rendered using the PlayCanvas Engine in 42 lines of JavaScript.... codepen.io 더보기