본문 바로가기

Graphics

[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 더보기
normal 에 대해 http://rapapa.net/?p=2419 불러오는 중입니다... 더보기
three.js 와 WebGL 정의 webGL은 웹에서 GPU접근하는 표준이다 webGL을 그래픽엔진이라고 하지만, webGL은 브라우저의 렌더엔진(Webkit, Blink, Gecko..)을 사용하기 위한 API(표준)모음일 뿐이다. 표준(WebGL)이 있기때문에 어떤 브라우저에서 어떤 렌더엔진이든간에 같은 코드로 그래픽작업을 할수있다. webGL을 어떻게 만들까 고민하다가 OpenGL을 보고 참고해서 만들었다. 그래서 개념이 같다. 그래서 쉐이더 언어(GLSL) 서로 호환 가능하다. webGL API는 자바스크립트로 제공한다. 사용자는 자바스크립트를 통해 webGL에 접근해 브라우저의 렌더엔진을 컨트롤하게 된다. three.js는 webGL을 쉽게 사용하기 위해 상위 interface를 하나 더 둔 wrapper library다. 그렇.. 더보기
V-Ray material to glTF https://www.point105ar.com/home/converting-3ds-max-models-using-v-ray-to-gltf-and-usdz/ 진짜 적용되서 놀람 ㄷㄷ 더보기
[Playcanvas] 레이어 Layers 레이어 개요 레이어는 여러분의 어플리케이션의 렌더루프를 커스터마이즈할수 있습니다. 예를 들어 렌더될 메쉬들의 순서를 바꾸던가 특정 메쉬들만 카메라가 렌더하던가 특정 메쉬들에만 조명(Light)가 적용이 되게 하던가 플캔 어플리케이션이 생성되면 디폴트로 몇 가지 기본 레이어를 가지고 있습니다. 여러분들은 필요에따라 커스텀 레이어를 만들거나 만들어진 레이어의 순서를 새로 구성할수 있습니다. 기본적으로 레이어란 렌더될 메쉬들의 리스트입니다. 각각의 레이어는 두개의 서브레이어(Opaque[불투명], Transparent[투명])로 나누어집니다. 레이어에 메쉬가 추가 되면, 레이어는 메쉬의 메터리얼의 종류에따라 불투명한 레이어에 저장하거나 투명한 레이어에 저장합니다. 렌더링 순서 메쉬들이 렌더될수 있.. 더보기
[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.EVENT_MOUSEDOWN, this.onMouseDown, this); this.a.. 더보기