현재 내 노트북에 Edukit을 연결하고 SmartConnector를 실행하여 mqtt를 이용해 데이터를 publish 하고 있다. 근데 내 기기에서 publish한 데이터를 같은 네트워크 내의 다른 노트북에서 subscribe로 받아오질 못하고 있었다. 방화벽의 인바운드 아웃바운드도 추가해보고...했으나 어디선가 막혀서 데이터가 넘어가질 못했다. cmd로 찍어도 보고 docker로 실행도 해봤으나 subscribe는 묵묵부답이었다. 그런데 다른 성공하신 팀원분께 여쭤보니 방화벽을 그냥 끄셨다고 하여 방화벽을 그냥 껐다. 그랬더니 데이터가 잘 넘어갔다. 단순히 방화벽을 해제하는 것으로는 야기될 문제가 많겠지만...이건 더 알아봐야 할 것 같다.
클릭 가능한 오브젝트에 마우스 호버 시 마우스 포인터가 클릭 가능한 걸 인지하도록 변경하는 기능을 추가했다. src/js/example.js container에 test 아이디를 불러와서 hover 함수의 조건문에 style을 추가했다. addEventListener 또한 doucument가 아닌 container에 추가하는 것으로 수정했다. /* raycaster 형식 클릭 이벤트 */ let container init() function init() { container = document.getElementById('hover') } // 중략 function hover(event) { mouse.x = (event.clientX / window.innerWidth) * 2 - 1 mouse.y =..
3호기 클릭을 인식하게 하기 위해 마우스 커서가 3호기(오브젝트) 위에 있으면 색이 변하는 효과를 구현 했다. src/js/example.js 팀원분의 도움으로 클릭 이벤트를 참고하여 구현했다. // 중략 // hover 효과 function hover(event) { mouse.x = (event.clientX / window.innerWidth) * 2 - 1 mouse.y = -(event.clientY / window.innerHeight) * 2 + 1 raycaster.setFromCamera(mouse, cameraElement) const intersects = raycaster.intersectObjects(scene.resource.obj.children, true) //array //..
vue 파일과 js파일에서 store를 이용해 연동 했다. 처음엔 js 파일에서 store를 어떻게 다룰 지 몰라 헤맸는데 강사님의 조언대로 commit을 이용하여 store를 다룰 수 있었다. src/views/edukit/index.vue 유튜브 스트리밍 중인 링크를 임베드해 넣고 v-if로 조건을 달았다. 시작 정지 리셋 비상 MQTT 부분 제어 1호기 2호기 3호기 센서1 센서2 src/store/models/keyShow.js store 파일의 commit 부분에 콘솔을 찍어보며 commit이 제대로 되는 지 확인하여 원활한 작업이 가능했다. export default { state: { keyShowMode: false }, getters: { keyShowMode: state => state..
비전인식 카메라 USB를 연결한 후 비전인식 코드를 실행시켜야 함. 장치관리자 > 카메라에서 Samsung HD Camera를 **‘디바이스 사용 안함’**으로 설정한다. 아래의 코드를 Jupyter Notebook으로 작성 후 실행시킨다. 오픈cv 설치 pip install opencv-python Vision.py import cv2 import numpy as np from socket import * from select import * import sys from time import sleep HOST = '192.168.0.120' PORT = 2004 BUFSIZE = 1024 ADDR = (HOST,PORT) clientSocket = socket(AF_INET, SOCK_STREAM)#..
회사에서 받은 mqtt 연동 프로그램 Smart Connector가 IP 설정 및 포트 설정을 맞게 수정 했음에도 아예 실행이 안됐다. 발생한 에러들을 기록해놓고자 한다. 1. cache 파일 문제 해결에 성공한 다른 팀원 분께서 어느 부분이 문제인지 알려주셨다. visual Studio로 실행하여 어느 부분에서 문제가 나는지 보면 build 자체에서 문제가 발생했다. 해당 cache 파일을 보면 위치가 다르다. 콘솔로 열어서 dotnet build로 다시 빌드해줘야 한다. 2. NETSDK1127 "The targeting pack Microsoft.NETCore.App is not installed" 구글링하여 아래 링크를 찾았다. Can't build any .Net Core 3 apps - "T..
특정 기기(특정 모델)를 클릭하면 그걸 감지하도록 코드를 짰다. 내가 시도한 코드는 더보기와 같다. 더보기 맨 처음엔 three.interaction을 써서 간단히 구현할 수 있을 줄 알았다. // three.interaction 방식 // new a interaction, then you can add interaction-event with your free style const interaction = new Interaction(this.renderer, this.scene, this.camera) this.scene.resource.cursor = 'pointer' this.scene.resource.on('click', function (ev) { console.log(ev, interacti..
three.js 코드에 particle을 추가하는 작업을 하고 있다. 현재까지 구현한 사항은 다음과 같다. particle의 사이즈 랜덤화 particle의 위치 랜덤화 마우스 움직임(좌표값)에 따른 particle의 움직임 경과한 시간에 따른 particle의 움직임 particle의 텍스쳐 추가 현재 5번에서 골머리를 겪어 해결 기록을 남기고자 한다. 처음 짠 Texture 코드는 다음과 같다. // Textures const textureLoader = new THREE.TextureLoader() const particleTexture = textureLoader.load('../../assets/image/particle.png') material.map = particleTexture 그냥 검..
