일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- WebVR
- Node
- package-lock.json
- version mismatch
- vuex
- 상태관리
- web
- EM6
- vuetify
- aframe
- promise
- bootstrap
- PHP
- Three.js
- javscript
- vue
- PDO
- VR
- JS
- JavaScript
- vue-template-compiler
- auth0
- array
- npx
- 3d
- CI/CD
- WebXR
- AR
- A-Frame
- Component
- Today
- Total
목록개발 (125)
대가는 결과를 만든다
jQuery를 이용해 click 이벤트를 정의할 때 이렇게 사용하곤 한다. $("#id").on('click', function() { //do something } 하지만 이 클릭 이벤트를 변경 하고자 할 때 다시 정의하면 이벤트가 대체 되는 것이 아닌 중복이 된다. 그래서 누적된 모든 이벤트가 다 실행되는 불상사를 겪는다. 그래서 꼭 off() 를 이용하여 중복을 방지해야한다. 모든 event를 제거해주거나 $("#id").off().on('click', function() { //do something } " "안에 해당 event만 제거해서 등록할 수 있다. $("#id").off("click").on('click', function() { //do something }
PDO : PHP Data Objects 여러가지 Database를 제어하는 방법을 표준화한 것이다.Database는 다양한 종류가 있다.(MySQL, Postgres 등....) 그리고 종류에 따라 서로 다른 드라이브를 사용하여 Database를 제어하기 위한 API가 달랐다.PDO를 사용하여 동일한 방법으로 Database를 제어할 수 있다. PHP Right Way 에서 PDO 사용 권장
A-Frame의 Tracker 지원 관련 리서치 내용 Tracker지원에 대해 이슈는 작년 4월부로 오픈된 상태로 진행 흔적이 없고, A-Frame Fork버전에서 Tracker 지원을 구현하여 반영요청을 한 적이 었지만, 정식으로 합쳐지진 못한 상태로 진행이 안된 것으로 보임(따라서 Tracker 사용이 불가능한 것은 아님) Tracker 관련 기능 구현 필요하게 될 시 Fork 버전을 참고 하도록 하고, 해당 이슈 모니터링 필요 1. 2017년 4월 Tracker 지원에 대한 이슈 링크https://github.com/aframevr/aframe/issues/2582 2.chenzlabs fork버전의 pull request 링크https://github.com/aframevr/aframe/pull/..
1. BoxHelpernew THREE.BoxHelper(Object3D, Color)로 파라미터에 넣은 오브젝트의 공간에서 차지하는 최소, 최대 좌표 값을 알수 있는 BoundingBox를 구할 수 있다.BoxHelper는 보통 Scene에 추가하여 보이도록 할 때 사용하고, 계산을 위한 용도로는 Box3를 사용하는 것이 좋음. ex) /**Bounding Box 생성**/ var boundingBox = new THREE.BoxHelper(object, 0xfffff00); scene.add(boundingBox); 2. Box3new THREE.Box3.setFromObject(Object3D)로 특정 오브젝트를 기준으로 한 boundingBox 생성 가능 boundingBox.getSize(tar..
1. Poly 주요 특징 •Poly에 3D파일 업로드, Asset 관리 •Plugin으로 업로드 가능 (Max, Maya, Blender) •ToolKit으로 Asset 활용 가능 (Unity, Unreal) •Android, iOS ,Web에서 사용 가능 •AR Core에서 활용 가능 ( Sample 있음 ) 2. Poly API 개요 •Asset 목록 나열, 검색, 카테고리 필터링 •내 Asset 목록 나열 •Asset ID를 통한 Asset 가져오기 •Asset 업로드 - 3D MAX, Maya, Blender Plugin으로 Asset upload가능 - 프로세스 1) upload file : OBJ, MTL, PNG => elementID 부여 2) start import : OBJ->Poly ..
Primitives - 같은 A-Frame의 Entity를 편리한 html태그 요소로 사용 가능. 직접 Primitive를 생성도 가능. 는 를 나타냄. - Primitives 등록 1) AFRAME.registerPrimitive(name, definition)을 이용하여 등록가능 name : "-"를 포함한 문자열이어야 한다. ex) 'a-foo' definition : javascript object정의 속성PropertyDescriptionExampledefaultComponentsObject specifying default components of the primitive. The keys are the components’ names and the values are the component..
Navigator Object Docs : https://www.w3schools.com/jsref/obj_navigator.asp - 사용자 브라우저의 정보를 포함하고 있는 obect appCodeNameReturns the code name of the browserappNameReturns the name of the browserappVersionReturns the version information of the browsercookieEnabledDetermines whether cookies are enabled in the browsergeolocationReturns a Geolocation object that can be used to locate the user's positionl..
A-Frame이란? 링크 : https://aframe.io/docs/0.8.0/introduction/#off-you-go VR 구현을 위해 Mozilla에서 개발된 Web Framework,HTML 기반,three.js에 확장 가능한 구조를 제공하는 프레임 워크. Vive, Rift, Windows MR, Dayadream, GearVR, Cardboard 대부분 VR 헤드셋 지원, AR 사용 가능 주요특징 - Cross-Platform VR : Vive, Rift, Windows Mixed Reality, Daydream, GearVR, and Cardboard 와 모든 콘트롤러를 지원하는 VR App 구현 가능. 헤드셋과 컨트롤러가 없는 일반 데스크톱과 스마트폰에도 작동 - Entity-Compo..