전체 글 (215) 썸네일형 리스트형 블렌더 팁 #모델링 Merge by Distance 모델링 시 메쉬를 편집하다 보면버텍스가 중복이 되는 경우가 있는데, 중복이 되는 버텍스를 병합하기 위한 팁 에딧 모드에서 A 키로 전체 선택 후 M 을 클릭Merge by Distance 를 선택 후 상세 옵션에서 거리를 0.0001m 로 설정 or 에딧 모드 상단의 Auto Merge Vertices 를 활성화 한 후 메쉬를 편집Exclude Faces Along Normals 여러 면을 돌출시키거나 반대로 편집을 할 경우 중심 점을 중심으로 적용되어 다음과 같은 모습으로 편집이 되는데 중심 점이 아닌 다음과 같이 편집이 필요할 때 사용. 단축키 alt + e 를 입력 후 옵션에서 Exclude Faces Along Normals 를 선택 or Vertex Bev.. geometry #03 여러가지 geometry 를 테스트하기 위해 IGeometryHelper를 사용 box geometry BoxGeometry() 의 인자 width: 1, height: 1, depth: 1, widthSegments: 1, heightSegments: 1, depthSegments:1 main.tsimport { OrbitControls } from 'three/examples/jsm/Addons.js' // 컨트롤을 위한 클래스import './style.css'import * as THREE from 'three'import GUI from 'three/examples/jsm/libs/lil-gui.module.min.js'// IGeometryHelper는 두개의 .. geometry #02 1. 생성했던 박스 geometry에 GUI를 적용해 직접 설정을 조정할 수 있게 수정 step 1BosGeometry 객체는 6개의 인자를 받는데, 해당 인자를 컨트롤하기 위한args 인자를 추가한다.class App{ //.... // 박스 세그먼트 인자 const args = { width: 1, height: 1, depth: 1, widthSegments: 1, heightSegments: 1, depthSegments:1 } //....} step 2createModel 객체를 새로 만들고, 기존의 geometry를 생성하는 메서드를createModel 객체에 담고, createModel 객체를 호출한다. GUI 적용 .. geometry #01 three.js 의 geometry 라이브러리https://threejs.org/docs/index.html#api/en/geometries/BoxGeometry three.js docs threejs.org BoxGeometryCapsuleGeometryCircleGeometryConeGeometryCylinderGeometryDodecahedronGeometryEdgesGeometry베이스 지오메트리의 외곽 라인만 생성ExtrudeGeometryIcosahedronGeometryLatheGeometryOctahedronGeometryPlaneGeometryPolyhedronGeometry다면체 지오메트리를 생성하는데 쓰임RingGeometryShapeGeometrySphereGeometryTetrah.. Three.js 개발환경 세팅 및 큐브 생성 해당 글은 유튜브 GIS DEVELPOPER 채널의 영상을 보고 개인적인 스터디 차원에서 메모하는 글입니다. 1. VScode 설치 2. Node.js 설치 3. 스터디를 위한 폴더 생성 후 VScode로 열기 4. VScode 에서 새 터미널 열기 5. 터미널에서 개발 환경에 필요한 npm 설치npm create vite@latest . //설치시 사용할 프레임 워크는 Vanilla, 언어는 TypeScript 로 선택//기본 라이브러리 설치npm install //라이브러리 설치를 위한 npm 설치//Three.js를 이용하기 위한 라이브러리 설치npm install @types/three //Three.js에 대한 타입 정의가 되어있는 라이브러리, 타입스크립트를 사용하기 위.. 웹게임 - 판타지 세계에서 레벨업(ver. 1.1) AI로 게임을 만들어보자.claude.ai 를 활용한 미니 프로젝트.- 심플한 웹게임 구현- gpt4o 를 활용하다, claude.ai 로 플랫폼 변경(파일구조 및 내용이 복잡해 짐에 따른 AI 데이터 휘발성의 문제)- 게임에 활용된 모든 스테이지 및 몬스터 설정, 이미지 파일은 생성 AI 및 gpt를 활용- 직접 수정하는 코드를 최대한 지양- 최종 작업 시간. (워크데이 기준 10일 정도 소요. 80 시간?, 게임 벨런스 조정에 4~5일 정도 소요)- html, css, javascript, json, mysql " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 웹게임 - 판타지 세계에서 레벨업 ChatGPT 4o를 활용한 미니 프로젝트.- 심플한 웹게임 구현- 직접 수정하는 코드를 최대한 지양- html, css, javascript " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 디자인 참고용 링크 https://www.awwwards.com/ Awwwards - Website Awards - Best Web Design Trends Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world. www.awwwards.com https://www.cssdesignawards.com/ CSS Design Awards - Website Awards - Best Web Design Inspiration - CSS Awards AWARDED 2024 FEB 19 Official website of Jeffrey.. 이전 1 2 3 4 ··· 27 다음
