- 전체
- 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
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 1 |
[CSS 기초] DIV 태그를 이용하여 프레임 나누기
| 졸리운_곰 | 2017.08.25 | 496 |

