# WebGL

55개의 포스트

WebGL 빌드 시 Failed to find entry-points: 발생 시에 대처법

기록해두면 나중에 같은 문제가 발생해도 빠르게 해결 할 수 있겠지?참고자료https://forum.unity.com/threads/first-person-starters-input-system-doesnt-work-on-webgl.1296837/Edit->Pr

2일 전
·
0개의 댓글
·
post-thumbnail

형용할 수 없는 감정에 대하여

[졸업작품 회고] 표현할 수 없는 감정을 3D 오브젝트로 시각화하여 아카이브하는 인터랙티브 웹 사이트

2023년 5월 6일
·
0개의 댓글
·
post-thumbnail

앗! 취업에 도움되는(?)Threejs를 vanila 및 react-three-fiber 버전의 예제와 함께 복습해보자. [코드편 3탄]

코드편 3탄에서는 light(조명), shadow(그림자), material의 빛과 관련된 속성에 대해서 알아보도록 하겠다. 이번에도 역시, 같은 코드를 vanila javascript와 react 두 가지 방식으로 모두 작성해보겠다. vanila javascrip

2023년 5월 6일
·
0개의 댓글
·
post-thumbnail

앗! 취업에 도움되는(?)Threejs를 vanila 및 react-three-fiber 버전의 예제와 함께 복습해보자. [코드편 1탄]

Threejs를 Vanila Javascript와 React 두 가지 방식으로 모두 실습해보며 기본적인 내용을 학습할 수 있다.

2023년 5월 6일
·
0개의 댓글
·
post-thumbnail

앗! 취업에 도움되는(?)Threejs를 복습해보자. [개념편 3탄](마지막탄)

앞선 2탄에서는 1탄에 이어, 조금은 고급화된 촬영 기술에 대하여 공부했다. 3탄에서는, 나무 블럭 말고도 다양한 형태의 촬영 객체에 대해 알아보고, 움직이는 객체에 대한 촬영기법에 대해서도 알아보겠다. 7가지(scene, camera, renderer, mesh,

2023년 5월 6일
·
0개의 댓글
·
post-thumbnail

앗! 취업에 도움되는(?)Threejs를 복습해보자. [개념편 2탄]

눈 앞에 있는 키보드를 사진찍는다고 했을 때, 사진 속에 예쁘게 담기게 하려면 키보드와 '적절한 거리' 를 유지해야 할 것이며, 너무 과하지 않은 '각도(시야각)'으로 촬영해야 할 것 이다. 또한, 핸드폰을 가로로 들고 찍느냐, 세로로 들고 찍느냐에 따라서도, 가로

2023년 5월 5일
·
0개의 댓글
·
post-thumbnail

앗! 취업에 도움되는(?)Threejs를 복습해보자. [개념편 1탄]

정확한 설명은 자바스크립트 언어로 구현된 WebGL(Web Graphcis Library)이다.threejs가 궁금하다면, 하단의 링크를 눌러 공식문서를 다녀와 보도록하자.<a href='https://threejs.org/docs/index.htmlsc

2023년 5월 5일
·
0개의 댓글
·
post-thumbnail

(번역) 크롬은 WebGPU API를 기본값으로 제공할 것이며, 이것이 중요한 이유는 다음과 같습니다.

차세대 웹 그래픽인 WebGPU API는 WebGL의 단점을 해결하는 것을 목표로 합니다.

2023년 5월 1일
·
2개의 댓글
·
post-thumbnail

msdf font

webgl작업을 하다보면 만나는 msdf폰트에 대해 알아보자.우선 왜 이런 기술이 나왔을까? 우선 glsl에서는 그냥 쌩으로 폰트를 읽어 올 수 없다. 그래서 폰트를 이미지화 해서 가져와야 하는데, 이럴경우 각각의 크기별로 폰트의 이미지를 만들어야 하는데 이러면 비 효

2023년 4월 18일
·
0개의 댓글
·

vertex shader

2023년 3월 28일
·
0개의 댓글
·
post-thumbnail

[고래 프로젝트] Three.js 기반 웹게임 제작

요즘 핫한(?) WebGL로 우당탕탕 솔로 프로젝트🐋

2023년 3월 23일
·
0개의 댓글
·
post-thumbnail

WebGL 정리

WebGL 구조와 기본 사용법을 다룹니다.

2023년 3월 15일
·
0개의 댓글
·
post-thumbnail

[Unity] 유니티에서 Javascript 사용하기, jsLib, jspre

유니티(WebGL)에서 브라우저 자바스크립트 기능을 사용할 수 있다.WebGL에서는 보안상 이유로 Socket이나 WebRTC등의 직접적인 통신이 불가능하다.Plugins 폴더 안에 Jslib, Jspre 파일이 존재해야 한다.jslib 파일은 유니티에서 읽는 파일이고

2023년 2월 7일
·
0개의 댓글
·
post-thumbnail

Unity WebGL 실행 시 Build.framework.js 오류 해결

유니티 WebGL로 게임 빌드한 후에 크롬 브라우저에서 실행했더니 undefined 오류가 발생했다.TypeError: Cannot set properties of undefined (setting '1'),TypeError: Cannot set properties o

2023년 2월 1일
·
0개의 댓글
·
post-thumbnail

영상 처리 2주차 - 3D 입체 탐지

이번 영상 처리 얼굴 인식 2주차에선 기존 2D 얼굴 인식의 문제점 및 개선점 해결을 위한 다양한 방법 중 하나인 "3D 입체 탐지"를 다뤄보았다.기존의 파이썬과 opencv를 활용하지 않고 웹 브라우저 상에서(클라이언트 단) 동작을 구현하도록 하였고, 그에 따라 ja

2022년 9월 29일
·
0개의 댓글
·
post-thumbnail

짱브리의 컴퓨터 그래픽스 도전기 (2)

(1) 컴퓨터 그래픽스의 현실적 접근 - 파이프라인 구조로 이해하기 응용 프로그램에서 생성한 객체를 한 번에 하나씩 순서대로 처리 (지역적 조명; 광원으로부터 직접 입사, 반사되면 빛; 만 고려)(+전역적 조명은 지역적 조명과는 달리 음영이나 다중 반사와 같은 빛을 고

2022년 9월 27일
·
0개의 댓글
·
post-thumbnail

짱브리의 컴퓨터 그래픽스 도전기 (1)

필자는 최근 전래 없는 두통을 느끼고 있다.바로 컴퓨터 그래픽스 때문이다.대학에 재학중인 필자는 이번 학기부터 소프트웨어를 복수전공 (주전공은 비밀~!!) 하게 되었는데, 듣고 싶었던 웹 프로그래밍-자료구조 등등 여러 과목에서 수강신청을 실패하였다. 어떻게든 듣고자 정

2022년 9월 22일
·
0개의 댓글
·
post-thumbnail

React-Three-Fiber로 3D 모델 보여주기

react-three-fiber 를 이용해 3D 모델 보여주기

2022년 8월 19일
·
0개의 댓글
·