Using SketchUp Models

OrcaXS edited this page on 27 Apr · 7 revisions

Sketchup → Collada

  1. Click on the menu item File > Export > 3D Model....
  2. Choose COLLADA File (.dae) as export type.
  3. If you want to export the textures, click on Options and make sure that Export Texture Maps is checked.
  4. 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://s1004games.com

 

[출처] https://github.com/mrdoob/three.js/wiki/Using-SketchUp-Models

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
183 [CSS 기초] DIV 태그를 이용하여 프레임 나누기 file 졸리운_곰 2017.08.25 496
182 jQuery 스타일 & 속성 다루기 file 졸리운_곰 2017.08.25 597
181 [CSS] 절대위치를 상대위치로 잡기(?) position: relative와 absolute의 응용 file 졸리운_곰 2017.08.17 350
180 Is there a limit of vertices in WebGL? 웹지엘의 제약사항 졸리운_곰 2017.08.16 553
179 JavaScript Performance Monitor file 졸리운_곰 2017.08.16 371
178 Monitor Rendering Performance Within Three.js file 졸리운_곰 2017.08.16 541
177 List of WebGL frameworks 졸리운_곰 2017.08.16 499
176 From Unity to Three.js file 졸리운_곰 2017.08.16 1750
175 [Node.js] proxy 환경에서 node.js 설정 file 졸리운_곰 2017.08.16 485
174 Collada dae to three.js json convertor sample file 졸리운_곰 2017.08.16 579
173 THREE.WebGLShader: Shader couldn't compile - Chrome Version 44.0.2403.125 #6929 file 졸리운_곰 2017.08.10 549
172 Uniforms types 졸리운_곰 2017.08.10 546
171 Custom shaders with Three.JS: Uniforms, textures and lighting file 졸리운_곰 2017.08.10 699
170 WebGL and ThreeJS Using Blender Models file 졸리운_곰 2017.08.05 355
169 Importing a Modeled Mesh From Blender to Three.js file 졸리운_곰 2017.08.05 458
» Using SketchUp Models OrcaXS edited this page on 27 Apr · 7 revisions 졸리운_곰 2017.08.05 459
167 Three.js Loading .mtl and .obj - object stays white file 졸리운_곰 2017.08.05 540
166 Cross-origin resource sharing file 졸리운_곰 2017.08.05 402
165 HTTP 접근 제어 (CORS) 졸리운_곰 2017.08.05 290
164 [three.js] How to Build a First Person Shooter in the Browser with Three.js and WebGL/HTML5 Canvas file 졸리운_곰 2017.07.22 534
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED