혼합4웹

Blend4Web
혼합4웹
개발자트라이엄스 LLC
안정적 해제
18.05 / 2018년 6월 6일; 3년 전(2018-06-06)
기록 위치JavaScript, Python, C, C++
유형3D 엔진
면허증GPLv3 또는 상업용
웹사이트www.blend4web.com

Blend4Web은 웹 브라우저에서 대화형 3D 컴퓨터 그래픽을 만들고 표시하기 위한 무료 오픈 소스 프레임워크다.

개요

Blend4Web 프레임워크는 Blender를 활용하여 3D 장면을 편집한다.콘텐츠 렌더링은 플러그인을 사용하지 않고 WebGL, Web Audio, WebVR 및 기타 웹 표준에 의존한다.[1]

이중 라이선스가 있으며 무료 오픈 소스 GPLv3와 무료 라이선스 하에 배포되며, 소스 코드는 GitHub에서 호스팅된다.[2]

3D 씬(scene)은 블렌더에서 준비한 다음 JSON과 이진 파일의 쌍으로 내보내 웹 애플리케이션에 로드할 수 있다.또한 내보낸 데이터와 웹 플레이어 GUI, 엔진 자체가 포장된 단일 자급자족 HTML 파일로 내보낼 수 있다.[3]HTML 옵션은 가장 간단한 방법으로 여겨진다.[4]최소 크기가 1MB인 결과 파일은 표준 iframe HTML 요소를 사용하여 웹 페이지에 삽입할 수 있다.[5]혼합4웹 기반 웹 애플리케이션은 페이스북과 같은 소셜 네트워킹 웹사이트에 배치될 수 있다.[6]

Blend4Web 툴체인은 JavaScript 라이브러리, Blender 추가 기능 및 3D 씬(scene) 파라미터의 조정, 디버깅 및 최적화를 위한 툴 세트로 구성되어 있다.

2010년 모스크바에 본사를 둔 기업 트라이엄스에 의해 개발된 Blend4Web은 2014년 3월 28일 공개되었다.[7]

2017년 말 프로젝트 설립자 유리, 알렉스 코벨레노프는 트라이엄스를 그만두고 새로운 WebGL 프레임워크 Budge3D 개발에 착수했다.[8]

옥토버 2019에서는 "Absolutelly new Blend4Web"[9]이 발표되었다.다른 새로운 것들 중에서도, 3D 앱을 더 쉽게 개발할 수 있도록, 사람들이 3D 모델을 제공할 수 있는 새로운 마켓플레이스가 만들어졌다.

특징들

이 프레임워크에는 위치 오디오 시스템, 물리 엔진(자바스크립트에 포팅된 Bullet의 포크), 애니메이션 시스템 및 게임 로직 프로그래밍을 위한 추상화 레이어를 포함하여 일반적으로 게임 엔진에서 발견되는 많은 구성 요소가 있다.[10]

골격과 퍼펙스 애니메이션을 포함해 최대 8가지 종류의 애니메이션을 하나의 객체에 할당할 수 있다.API를 통해 애니메이션의 속도와 방향(앞/뒤로 재생)은 물론 입자 시스템 파라미터(크기, 초기 속도 및 카운트)도 변경할 수 있다.[11]

지원되는 다른 기능으로는 씬(scene) 데이터 동적 로딩 및 언로딩, 표면 아래 산란 시뮬레이션 및 이미지 기반 조명이 있다.[12]

단풍-바람 상호작용, 물, 대기 및 일조 시뮬레이션을 포함하여 확장된 야외 환경을 렌더링하기 위한 일부 기본 옵션들이 존재한다.이러한 효과를 입증하는 한 예로 "The Farm" 기술 데모를 들 수 있다. 이 데모는 여러 개의 애니메이션 NPC와 보행, 물체와의 상호작용 및 1인칭 모드로 차량을 주행하는 기능도 갖추고 있다.[13]

크로스 브라우저 WebGL API를 기반으로 하는 Blend4Web은 모바일[14] 브라우저를 포함한 대부분의 웹 브라우저에서 실행된다.[15]실험적인 WebGL을 지원하는 브라우저에는 Internet Explorer와 같은 몇 가지 주의사항이 있다.[16]삼성 기어S2 스마트워치 등 타이젠 구동 기기에서 구동하기 위해 개발된 애플리케이션도 있다.[17]

다른 특징으로는 그리기 호출 일괄 처리, 숨겨진 표면 결정, 나사산 물리 시뮬레이션 및 해양 시뮬레이션 등이 있다.[18]

버전 14.09에서 Blend4Web은 시각적 프로그래밍 도구를 사용하여 3D 장면에 상호작용성을 추가할 수 있는 가능성을 소개했다.[19][20]이 도구는 블렌더 내부에 배치된 논리 블록을 사용해 BGE의 논리 편집기를 연상시킨다.사용자가 미리 정의된 3D 오브젝트와 상호작용할 때 아티스트가 작성한 애니메이션 트랙을 재생한다.[21]

버전 15.03부터 Blend4Web은 3D 객체("알림")에 HTML 요소(예: 정보 창)를 부착하고 런타임에 객체를 복사("인스턴싱")[22]하는 것을 지원해왔다.

후처리 효과는 광선, 꽃망울, 장 깊이, 주름선, 움직임 흐림 및 화면 공간 주변 폐색 등 지원된다.[23]

VR, AR

가상현실 디바이스는 2015년 말부터 지원되고 있다.특히 오큘러스 리프트 헤드 장착 디스플레이는 실험용 웹VR API를 통해 작동된다.[24]

이 소프트웨어는 현재 게임패드 API에 기반한 게임패드에 대한 예비 지원도 포함하고 있다.[25]

2017년에는 증강현실 콘텐츠 제작 옵션이 추가됐다.[26]이 시스템은 오픈 소스 추적 라이브러리 ARToolKit을 기반으로 하며 WebRTC 프로토콜을 사용한다.[27]

버전 17.08부터는 Leap Motion 장치를 통해 손가락 추적을 지원한다.[28]

블렌더 통합

블렌더 애드온은 Python과 C로 작성되며 리눅스 x86/x64, OS X x64 및 MS 윈도 x86/x64 플랫폼용으로 컴파일할 수 있다.

추가 기능 설정에서 Blend4Web 특정 프로필을 활성화할 수 있다.이 프로필로 전환하면 Blender 인터페이스가 변경되어 Blend4Web과 관련된 설정만 표시된다.[29]

Blend4Web은 노드 재료 편집기(비주얼 쉐이더 프로그래밍을 위한 도구)[30]와 입자 시스템 등 블렌더 전용 기능 세트를 지원한다.[31]블렌더의 비선형 애니메이션(NLA) 편집기가 간단한 시나리오를 만들 수 있도록 기본 지원이 있다.

블렌드4웹은 기본적으로 블렌더의 실시간 GLSL 렌더링 엔진을 기반으로 하는데, WYSIWYG 편집이 가능하도록 사용자가 권장하고 있다.[32]

주목할 만한 용도

나사는 큐리오시티 탐사선이 화성에 착륙한 지 3주년을 기념하기 위해 체험 큐리오시티라는 인터랙티브 웹 애플리케이션을 개발했다.[33]이 Blend4Web 기반 앱은[34] 탐사 로봇의 작동과 카메라, 로봇 팔을 제어할 수 있게 해주며 화성 과학 실험실 임무의 중요한 사건들을 재현한다.[35][36]신청서는 SIGGRAPH 2015의 WebGL 섹션 시작 부분에 제시되었다.[37]

체험 큐리오시티는 2018년 Bridge3D for Blender에 몇 가지 성능 향상과 버그 수정으로 포팅되었다.[38]

아랍에미리트의 제너럴 모터스 공인 딜러가 자사 웹사이트에 기능성 시보레 카마로 3D 컨피규레이터를 게시했다.[39][40]

그린피스는 러시아에서 그린피스의 디톡스 캠페인을 지원하기 위해 대화형 3D 인포그래픽을 만들었다.[41]탈링크는 MS 메가스타 선박에 대한 대화형 3D 프레젠테이션을 통해 방문객들이 선박의 세부 사항을 살펴볼 수 있도록 했다.[42]

참고 항목

참조

  1. ^ "Blend4Web: the Open Source Solution for Online 3D". Mozilla Hacks. Retrieved 2015-08-13.
  2. ^ "Blend4Web on GitHub". GitHub.com/TriumphLLC. Retrieved 2014-08-11.
  3. ^ Прахов, Андрей (Июль, 2015)."Blend4Web".Linux Format, ср. 20.
  4. ^ "Blend4Web, an Interactive 3D Viewer". BlenderNation.com. Retrieved 2014-08-11.
  5. ^ "Blend4Web: способ вставить 3D-содержание на веб-страницу с использованием WebGL". Belursus.info. Retrieved 2014-09-04.
  6. ^ "Blender Models in Facebook". Dalai Felinto. Retrieved 2015-09-11.
  7. ^ "Blend4Web Official Site - About". Blend4Web.com. Retrieved 2015-08-13.
  8. ^ "Starting up". Soft8Soft. Retrieved 2017-11-23.
  9. ^ "New Blend4Web". Blend4Web. Retrieved 2021-03-07.
  10. ^ "Представлен Blend4Web, движок для создания браузерных 3D-приложений". OpenNet.ru. Retrieved 2015-06-18.
  11. ^ "Релиз движка для создания браузерных 3D-приложений Blend4Web 14.08". OpenNet.ru. Retrieved 2015-08-13.
  12. ^ "Blend4Web update adds improved lighting and more". BlenderNation.com. Retrieved 2014-08-13.
  13. ^ "Blend4Web: "The Farm" - Demo einer kleinen virtuellen Welt". Echt Virtuell. Retrieved 2014-09-18.
  14. ^ "Can I use WebGL?". caniuse.com. Retrieved 2014-08-15.
  15. ^ "HTML5, the 3D Web, and the Death of Plugins". 3dspace.com. Archived from the original on 2016-02-15. Retrieved 2016-02-18.
  16. ^ "Blend4Web: енджин за създаване на браузърни 3D сцени и приложения". Kaldata: Software, Hardware and Game Reviews. Retrieved 2014-09-04.
  17. ^ "Real Time 3D watchfaces from Luxury Watches for the Gear S2". Tizen Experts. Retrieved 2016-08-12.
  18. ^ 코지, 패트릭.WebGL Insights.CRC 프레스, 2015 ISBN 978-1-49-871607-9.
  19. ^ "Blend4Web Update: Non Linear Animation and more". BlenderNation.com. Retrieved 2014-09-29.
  20. ^ "Выпущен фреймворк Blend4Web 14.09". digilinux.ru. Archived from the original on 2014-09-28. Retrieved 2014-09-29.
  21. ^ "Blend4Web: обзор новинки отечественного софтопрома". Habrahabr.ru. Retrieved 2015-06-04.
  22. ^ "Blend4web: annotations interactives et autres nouveautés". Greg G.d.Bénicourt. Archived from the original on 2016-05-14. Retrieved 2015-05-29.
  23. ^ "Релиз движка для создания браузерных 3D-приложений Blend4Web 15.05". OpenNet.ru. Retrieved 2015-06-18.
  24. ^ "Triumph releases Blend4Web 15.12". cgchannel.com. Retrieved 2016-02-18.
  25. ^ "Triumph releases Blend4Web 16.08". cgchannel.com. Retrieved 2016-09-14.
  26. ^ "Blend4Web 17.06 is Out". 80 Level. Retrieved 2017-07-14.
  27. ^ "Blend4Web 17.06 adds augmented reality support". cgchannel.com. Retrieved 2017-07-14.
  28. ^ "Blend4Web". blog.r23.de. Retrieved 2017-09-07.
  29. ^ "Blend4Web – Must-Have for Blender Fans!". 3ddey.com. Archived from the original on 2015-06-01. Retrieved 2015-05-29.
  30. ^ "Interactives 3D Web – Ist Das Die Zukunft?". 3d-magazin.eu. Retrieved 2016-09-16.
  31. ^ "3D-Web-Applikationen mit Blend4Web erstellen". entwickler.de. Retrieved 2015-05-29.
  32. ^ "Blend4Web: Exporter Facilement en HTML". BlenderLounge. Retrieved 2015-07-17.
  33. ^ "New Online Exploring Tools Bring NASA's Journey to Mars to New Generation". NASA. Retrieved 2015-08-07.
  34. ^ "Experience Curiosity". NASA's Eyes. Retrieved 2015-08-07.
  35. ^ "Prenez le controle de Curiosity avec Blend4Web". Greg G.d.Bénicourt. Archived from the original on 2015-09-19. Retrieved 2015-09-16.
  36. ^ "Internet 3D: Take the Curiosity Rover for a Spin Right on the NASA Website". Technology.Org. Retrieved 2015-08-12.
  37. ^ "Khronos Events - 2015 SIGGRAPH". Khronos. Retrieved 2015-08-13.
  38. ^ "Experience Curiosity: NASA turns to Verge3D". Soft8Soft. Retrieved 2018-11-03.
  39. ^ "BLEND4WEB: UN CONFIGURATEUR POUR CHEVROLET". benicourt.com. Retrieved 2017-06-23.
  40. ^ "Al Ghandi Auto". Al Ghandi Auto. Retrieved 2017-06-23.
  41. ^ "Чистая мода - Гринпис России". Greenpeace. Retrieved 2016-09-14.

외부 링크