인라인 스크립트(?)로 사용시 type="module"이 적용되지 않는 것 같습니다
364
작성자 없음
0 asked
0
선생님 안녕하세요
인터렉티브 강의 잘 들었었는데 궁금했던 three js 강의 준비해주셔서 감사합니다
저는 imweb.me
라는 부트스트랩 기반의 빌더(?)를 이용해서 여러 코드들을 적용해보고 있는데요
.js .css등의 파일을 업로드할 수 있거나, html 파일에 접근하여 수정하는 것은 불가능하고
인라인 태그를 이용한 코드 추가는 가능하다고 합니다
<style></style>
<script><script>
강의 첫부분 cdn으로 이용하기에서 정육면체 큐브를 가져오는 것은 정상적으로 동작을 했는데요,
이후 script type="module"만 붙이면 동작을 안합니다
아래와같이 vs코드에서 html파일 내에 작성하고 라이브서버로 오픈하니 예시처럼 잘 작동하는데
똑같이 imweb에서 붙여넣기하니 안됩니다..!
몇 시간 동안 머리싸매다가 혹시나 해서 질문 남깁니다 ㅠㅠ
감사합니다
인터랙티브-웹
Three.js
Answer 1
0
안녕하세요. (우선 첨부해주신 소스는 지워주세요)
모듈 형식으로 안 되신다면 cdn로드 방식으로 작업을 해보세요.
문제가 있는 방식은 아닙니다.
<script>
//import * as THREE from "https://unpkg.com/three@0.108.0/build/three.module.js";
//import { OrbitControls } from "https://unpkg.com/three@0.108.0/examples/jsm/controls/OrbitControls.js";
윗 부분을 제거해주세요.
controls는 아래와 같이 사용하시면 됩니다.
const controls = new THREE.OrbitControls(camera, renderer.domElement);
그 외에는 강의 첫부분의 'cdn으로 로드' 아래에 소스를 붙여넣으면 문제없이 작동 될 겁니다.
오류났을때 참고
3
686
3
scrollTo 완성본
0
603
2
PointerLockControls 물체 통과 문의드립니다
0
461
1
질문드립니다.
0
935
2
마지막 강의 js파일로 바꿀 시 스크롤 프레임 렉? 버벅임?
0
1022
2
브라우저 사이즈에 따라 위치값이 달라지는건 왜일까요..?
0
624
1
수업 파일 부탁드립니다~
0
326
1
모바일 3D 입체 카드 제작 아이폰에서 에러
0
386
1
저번에 이어 질문드립니다.
0
388
1
자동완성
0
435
1
선생님 이해가 잘 안가는 문구가 있어서 질문 드립니다.
0
486
1
질문 있습니다
0
394
1
apply 후 전체선택
0
412
1
right nav에 active 질문입니다
0
382
0
Math.radians에 대해
0
472
1
안녕하세요
0
209
1
과제 소스코드
0
277
1
좌표값 기준이 어떻게 되나요?
0
247
1
vscode live server 화면 안나옵니다
0
455
1
모바일에서, pc에서 처럼 움직이게 하려면 어떻게 해야 할까요?
0
235
1
position.set의 기준이 어디인지 궁금해요
0
273
1
괄호만 있는 건 어떤 이유인가요?
0
215
1
HemisphereLight과 spotLight
0
426
1
수업자료 소스문의
0
275
2