잉

MQTT 테스트 {{ mqttData }} .env VUE_APP_MQTT=ws://127.0.0.1:8088 https://kang-ji.tistory.com/241 [Vue] vue 환경변수 - .env 파일과 환경변수 설정방법 서버 엔드포인트 API 주소를 환경변수로 관리하는 방법 프로젝트 Root돌더 위치에 .env 파일 생성. 키 = 값 의 형태로 작성한다. (환경변수 파일) .env API_URL = http://localhost:3000/ 기존 axios API 파일 설정 kang-ji.tistory.com (여기가 제일 중요함 .. ) : 기본 mqtt는 1883 포트를 사용함 . :하지만 우리는 웹이 mqtt값을 보내야하므로 8088 새로운 포트를 만들어줌 이것은 webSockets 통신..

https://sbcode.net/threejs/loaders-fbx/ FBX Loader - Three.js Tutorials Special Offer Zabbix Monitoring Course Discount $11.99 https://www.udemy.com/course/zabbix-monitoring/?couponCode=607976806882D016D221 Offer expires in hours. Be quick and share with your friends and colleagues. FBX Model Loader Video Lecture Your browser sbcode.net 잘된다 ... 코드로 메터리얼 연결해줄라고 고생고생했는데 그냥 fbx로 내보낼때 택스쳐 잘 입혀서 내보내면..

프론트 개발환경을 vue로 정했고. https://ing-min.tistory.com/31?category=1052709 Vue_시작하기 [작업 환경 만들기] 0.node 설치(14.18.2 버전) https://nodejs.org/ko/download/releases/ 이전 릴리스 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 윈도.. ing-min.tistory.com 3d 오브젝트를 mqtt를 활용해 제어하고 싶다. 그러기 위해서 three.js를 사용하기로 했고, 내 obj 파일을 three.js의 obj loader 로 올리려고했다 하지만 obj 파일을 경로에서 읽지 못한다...

mosquitto_pub -h 127.0.0.1 -p 1883 -t 1 -i timetalkmaster -m "hello" mac 에 mosquitto를 설치 https://miin29na.tistory.com/74 [MQTT]Mosquitto 설치/테스트 (맥북) 1. Mosquitto Broker 설치 js-MacBookPro:~ js.k$ brew install mosquitto Updating Homebrew... ==> Auto-updated Homebrew! ==> Installing dependencies for mosquitto: openssl@1.1, libevent, .. miin29na.tistory.com > brew install mosquitto > brew services st..

https://threejs.org/docs/index.html?q=gltf#examples/en/loaders/GLTFLoader three.js docs threejs.org https://youtu.be/qkag4hU5Xac 해보자. 1. 스케치팹 에서 gltf 파일을 받는다. https://sketchfab.com/feed Log in to your Sketchfab account sketchfab.com 01. 이전 orbitControls 에서처럼 GLTFLoader를 불러온다 import { GLTFLoader } from '../node_modules/three/examples/jsm/loaders/GLTFLoader.js' 02. gltf코드 추가 //gltfloader const glt..

https://www.youtube.com/watch?v=ITA9no8Bsio&list=PLe6NQuuFBu7HqxY10b6gNu6iisT2-rZv-&index=3 https://threejs.org/docs/index.html?q=orbit#examples/en/controls/OrbitControls three.js docs threejs.org Code Example const renderer = new THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); const scene = new THREE.Scene(); co..

https://youtu.be/KxR4NZDzNOU 01. light //Light const pointLight = new THREE.PointLight(0xffffff, 1) pointLight.position.set(0,2,12) scene.add(pointLight) //Mesh 01 const geometry01 = new THREE.TorusGeometry(0.3,0.15,16,40) const material01 = new THREE.MeshStandardMaterial({ color:0x999999 }) const obj01 = new THREE.Mesh(geometry01, material01) obj01.position.x = -2 scene.add(obj01) //Mesh 2 cons..

https://youtu.be/O0HAN1nXvMU?list=PLkbzizJk4Ae9hHI_YUD3fRv8xLfS3jGEW > 박스만들기 DOC https://threejs.org/docs/index.html?q=geo#api/en/geometries/BoxGeometry three.js docs threejs.org 박스 메쉬 만들기 > app.js import * as THREE from 'three' import { Scene } from 'three'; import { WEBGL } from './webgl' if (WEBGL.isWebGLAvailable()) { //장면 const scene = new THREE.Scene(); //배경색 바꾸기 scene.background = new THR..