- 전체
- HTML
- Web Design (웹디자인)
- XE 응용 개발
- wordpress plugin dev
- Javascript & JavaScript Application
- MEAN Stack : full stack javascript
- angular js & ionic framework
- bootstrap
- WebGL, Three.js and Babylon.js
- restful api design
- mobile web
- node.js 응용
- Cloud Service 응용
- 웹 어셈블리 개발 [WASM, WebAssembly]
- 마이크로서비스, MSA (microservice architecture)
- WebGL / WebGPU
- next.js 개발
- micro frontend (마이크로프론트앤드)
- 전자상거래/쇼핑몰
- 서버 클라우드 (aws, azure, google)
WebGL, Three.js and Babylon.js Using SketchUp Models OrcaXS edited this page on 27 Apr · 7 revisions
2017.08.05 19:37
Using SketchUp Models
OrcaXS edited this page on 27 Apr · 7 revisions
Sketchup → Collada
- Click on the menu item File > Export > 3D Model....
- Choose COLLADA File (.dae) as export type.
- If you want to export the textures, click on Options and make sure that Export Texture Maps is checked.
- Click on Export.
SketchUp will create a Collada file named your-model.dae and a folder named your-model that contains the model's textures.
Collada → Three.js
Make sure you download ColladaLoader.js (find it somewhere by browsing the source) and load it into your HTML project:
<script type="text/javascript" src="Three.js"></script> <script type="text/javascript" src="ColladaLoader.js"></script>
Use at least r47 since the Collada loader in r46 has a known bug.
var loader = new THREE.ColladaLoader();
loader.load('path/to/your-model.dae', function (result) {
scene.add(result.scene);
});
Note that this won't work locally, because it loads the Collada file and the textures using AJAX. Therefore you have to serve the files with HTTP or change your browser's security settings as explained in How to run things locally.
[출처] https://github.com/mrdoob/three.js/wiki/Using-SketchUp-Models
본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
댓글 0
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 11 | [jQuery] Ajax 기본 사용법 | 졸리운_곰 | 2018.08.03 | 719 |
| 10 | jQuery selector,jQuery 셀럭터, jQuery 선택자 | 졸리운_곰 | 2018.07.29 | 731 |
| 9 |
jQuery 스타일 & 속성 다루기
| 졸리운_곰 | 2018.07.29 | 790 |
| 8 | Force redraw on an element (jQuery) | 졸리운_곰 | 2018.07.28 | 638 |
| 7 | 자바스크립트에서 변수에 문자열이 있는지 체크 하는 방법 | 졸리운_곰 | 2018.06.05 | 775 |
| 6 | [jQuery] ajax 콜백함수에서 파라메터 패싱 : Pass variable to function in jquery AJAX success callback | 졸리운_곰 | 2018.06.05 | 443 |
| 5 | JQUERY – ON 을 알아보자 | 졸리운_곰 | 2018.06.04 | 449 |
| 4 | 동적으로 생성된 button의 값 가져오기! | 졸리운_곰 | 2018.06.04 | 785 |
| 3 |
jQuery 스타일 & 속성 다루기
| 졸리운_곰 | 2017.08.25 | 597 |
| 2 | remove-innerhtml-from-div 태그 안의 html코드 삭제 | 졸리운_곰 | 2017.07.08 | 633 |
| 1 | [jQuery] Ajax의 흐름과 예제 | 졸리운_곰 | 2017.01.17 | 632 |

