본문 바로가기

Dev/graphics

[graphics] Texture UV에 대해 작성해보기 더보기
[playcanvas] ibl to cubemap with trouble https://forum.playcanvas.com/t/solved-hdr-to-cubemap-using-code/10051/2 [SOLVED] HDR to Cubemap using code The darkness could be because of the tonemapping mode you have set. Or maybe the skybox intensity setting on the scene. forum.playcanvas.com 이거에 대해 글쓰기 더보기
[webgl] Gltf 란? gltf .. fbx to gltf 해서 잘쓰고 있었는데 normal texture map하는 과정에서 살짝깨질길래.. facebook converter 가 아닌 다른 online converter를 사용했더니, gltf, bin 파일이아닌 gltf 하나에 합쳐져서 나온다... 컨버팅과정에서 texture 정보날라가는것도 어이없는데.. 이제 총체적 난국이다.. gltf에 texture map 하는 과정을 고민하고 해결(완전한해결은 아니지만)하면서 느낀점 FBX에 이미지는 포함안되어있지만, map 정보는 포함되어 있나봐.. https://forum.playcanvas.com/t/how-to-map-texture-to-gltf-engine-only/10850 How to map texture to gltf?.. 더보기
[playcanvas engine only] Texture map 방법 1 class PlayerEntity { constructor() { this.entity = new pc.Entity(); // load component this.entity.addComponent("model", { type: "box" }); this.entity.setName('Player') const entityMaterial = this.entity.model.meshInstances[0].material; entityMaterial.diffuseMap = this.setMaterial("./assets/textures/proto_orange.png"); entityMaterial.update(); console.log(pc.app.assets) } setMaterial(materia.. 더보기
[playcanvas] Shader, Material, Texture, Map 용어정리 다 경험으로 깨달은 뇌피셜임 About Shader, Material, Texture 이 용어는 사실 주도하는 제품마다 회사마다 다르게 쓰기 때문에 혼란을 야기한다. 딱 정리한다 Shader 는 사실 Rendering 프로그래밍 용어이며 Computer Graphics 용어다 그니깐 제일 상위이며 추상화해서 이야기할수있다. 어디에나 적용할수 있는다. 그래서 인터페이스 처럼 하위 개념들을 이야기할 때 추상화해서 이야기할수 있다. Shading 과정은 사실상 연산하는 함수다. Material은 디자인 용어다 프로그래밍쪽에서는 material도 세이더다 하지만 Material은 사용자입장이며 그 사용자는 디자이너다. 디자이너에게 Material이란 개념은 Mesh 에 입힐수 있는 추상적 개념이 아닌 새 존재하.. 더보기
[playcanvas] model과 mesh 구분 그리고.. 모델은 구 같은게 모델이고, 메쉬는 모델안에 있는 폴리곤 메쉬 같은게 메쉬다. 근데 차량 fbx에서 mode안에 mesh(창문, 바퀴) 들이 있는거 보니깐 mesh란 는 상대적으로 쓰이는 것 같다 . 아니면 다 mesh고 model은 mesh를 묶은 개념적인 것일수도.. 접근가능한 최소한의 단위 가 mesh고 그것들을 model이란 개념적으로 묶은 것 일수도 여기까지 뇌피셜이었고, Mesh : A graphical primitive. The mesh is defined by a pc.VertexBuffer and an optional pc.IndexBuffer. It also contains a primitive definition which controls the type of the primitive.. 더보기
[playcanvs] cors 문제 서버는 스프링, this.app = new pc.Application(this.canvas, { mouse: new pc.Mouse(this.canvas), assetPrefix: true // crossOrigin = "anonymous"; // this.app.loader._handlers['texture'].crossOrigin = true; }); cross origin 문제가 생기면 assetPrefix를 true로 하면 내부적으로 crossOrigin = "anonymous" 가 되서 mesh들을 가져올수 있다 (특정 핸들러의 cors만 컨트롤 할꺼면 주석처럼 하면됨) 하지만 텍스쳐는 이상하게 에러가 난다. 텍스쳐는 crossOrigin 이 anonymouse가 아닌 'use-credentia.. 더보기