Three.js로 만든 3D 웹

브라우저에서 도는 Three.js 3D 장면입니다.

10건
사례10건

#11 · Opus 5.5 · Three.js로 만든 3D 웹

세 번째 시도로 브라우저에서 돌아가는 3D 도시 게임

@xikharX
좋아요8,791조회180만

Opus 5.5 medium(중간 추론 설정)으로 세 번째 다듬은 결과, 3D 프로그램 Blender와 이미지 생성 AI, 웹 3D 도구 three.js를 엮어 브라우저에서 바로 돌아가는 게임이 나왔습니다. 화면에는 고층 건물 옥상 위에 선 캐릭터와 오른쪽 아래 작은 지도가 보입니다.

여러 도구를 오가야 하던 게임 제작을 모델 하나가 이어 붙여 설치 없이 열어 보는 결과물로 만들어 냈습니다.

#15 · Opus 5.5 · Three.js로 만든 3D 웹

날씨와 낮밤이 바뀌는 일본 풍경 속을 직접 모는 3D 배

@MengToX
좋아요6,554조회47.7만

Three.js(웹 브라우저에서 3D를 그리는 자바스크립트 도구)로 일본 풍경 사이 강을 배를 몰고 지나가는 장면을 만들었습니다. 날씨가 바뀌고 낮과 밤의 빛이 달라지며, 물에 비친 모습과 탑, 벚나무, 3D 인물까지 들어 있고 공개된 사이트에서 바로 해 볼 수 있습니다.

물 반사와 물리, 날씨, 건물까지 갖춘 3D 장면을 설치 없이 브라우저에서 바로 돌아가는 형태로 만들 수 있습니다.

#32 · Opus 5.5 · Three.js로 만든 3D 웹

선 한 줄에서 완성된 집까지 자라나는 코드 3D 애니메이션

Techartist (@techartist_)X
좋아요1,955조회32.3만

웹 3D 라이브러리 Three.js로, 건축물이 첫 선에서 덩어리, 디테일, 완성된 집 순서로 자라나는 장면을 만들었습니다.

건축 설계가 진행되는 과정을 그대로 애니메이션으로 풀어냈습니다.

#33 · Opus 5.5 · Three.js로 만든 3D 웹

원샷으로 만든, 털 한 올까지 GPU로 움직이는 고양이

Scott (@scottstts)X
좋아요145조회1.8만

Three.js에서 그래픽 카드(GPU)로 털의 움직임을 계산해, 만져질 듯한 고양이를 프롬프트 한 번에 만들었습니다.

털 한 올 한 올이 움직이는 고난도 그래픽도 한 번에 나옵니다.

#40 · Opus 5.5 · Three.js로 만든 3D 웹

출시 축하로 Three.js로 만든 도시 속 자전거 타는 펠리컨

@addyosmaniX
좋아요1,990조회41.7만

Opus 5.5 출시를 축하하려고 Three.js(웹 브라우저에서 3D를 그리는 자바스크립트 도구)로 자전거 타는 펠리컨 장면을 만들었습니다. 영상 첫 화면에는 옥상 물탱크를 얹은 고층 건물이 빽빽하게 늘어선 도시가 위에서 내려다보입니다.

건물이 수백 채 들어선 3D 도시 장면도 이제 발표 날 축하 삼아 가볍게 만들어 볼 수 있습니다.

#60 · Opus 5.5 · Three.js로 만든 3D 웹

3D 모델부터 애니메이션까지 전부 새로 만든 스파이더맨풍 게임

@xikharX
좋아요1,115조회10.8만

Opus 5.5 Medium과 Three.js(웹에서 3D를 그리는 자바스크립트 도구)로 만든 스파이더맨풍 3D 게임을 3분 동안 보여 줍니다. 도시 빌딩 옥상을 누비는 이 게임의 3D 모델, 텍스처(겉면 무늬), 애니메이션은 모두 처음부터 직접 만들었습니다.

미리 만들어 둔 그림이나 모델 없이도 한 사람이 AI와 함께 도시를 누비는 액션 게임을 지을 수 있습니다.

#64 · Opus 5.5 · Three.js로 만든 3D 웹

설치 없이 브라우저에서 하는 NBA 2K풍 3D 농구 게임

@genex_gamesX
좋아요1,114조회14.8만

Opus 5.5가 Three.js(웹 브라우저에서 3D를 그리는 도구)와 Genex의 에이전트(스스로 여러 단계를 이어 가며 일하는 AI)용 게임 개발 도구로 NBA 2K 같은 농구 게임을 만들었습니다. 관중석과 전광판이 있는 경기장에서 선수를 움직여 슛을 던지고, 슛 타이밍 게이지로 판정까지 받습니다.

대형 게임사가 만드는 스포츠 게임 느낌을 링크 하나로 바로 해 볼 수 있는 웹 게임으로 옮길 수 있습니다.

#106 · Opus 5.5 · Three.js로 만든 3D 웹

프롬프트 한 번에 목소리와 효과음까지 넣은 모래 그림 애니메이션

@MichaelzsguoX
좋아요349조회7.5만

짧은 프롬프트 한 번으로 Opus 5.5가 모래 그림(모래를 흩뿌리고 쓸어 그리는 그림) 애니메이션을 만들었습니다. 3D 프로그램 Blender나 웹 3D 도구 Three.js 없이 목소리와 효과음까지 스스로 넣었고, 결과물은 한 번도 고치지 않았습니다.

그림, 목소리, 소리가 모두 들어간 짧은 영상 한 편을 영상 도구 없이 요청 한 번으로 얻을 수 있습니다.

#122 · Opus 5.5 · Three.js로 만든 3D 웹

음악과 그림까지 40분 만에 만든 Three.js 성으로 가는 길 게임

@literallydenisX
좋아요3,629조회45.6만

웹에서 3D를 그리는 도구 Three.js로, 횃불과 칼을 든 채 마을 길을 따라 먼 성까지 걸어가는 1인칭 게임을 만들었습니다. 음악과 이미지 생성 AI로 뽑은 그림 자원까지 포함해 40분이 걸렸습니다.

음악과 그림 준비까지 함께 맡겨도 분위기를 갖춘 게임 한 편이 1시간 안에 나옵니다.

#138 · Opus 5.5 · Three.js로 만든 3D 웹

프롬프트 하나로 만든 행성 80개짜리 우주 탐험 게임

@RubzemX
좋아요4,021조회41.1만

Opus 5.5와 Three.js(브라우저에서 3D를 그리는 도구)로 프롬프트 하나만 써서 노 맨즈 스카이풍 우주 게임을 만들었습니다. 행성이 80개가 넘고 행성마다 지형, 광물, 외계 생물, 날씨가 다르며, 우주선에서 내려 걸어 다닐 수도 있습니다.

우주선 조종부터 행성 탐사까지 담긴 큰 규모의 게임을 요청 한 번으로 만들 수 있습니다.