HTML5 2D 렌더러 pixi.js 공개

작가: Monica Porter
창조 날짜: 20 3 월 2021
업데이트 날짜: 17 할 수있다 2024
Anonim
[14회-3] 생각보다 쉬운 webGL - 인터렉티브에 저널리즘 녹이기
동영상: [14회-3] 생각보다 쉬운 webGL - 인터렉티브에 저널리즘 녹이기

디지털 엔터테인먼트 제작자 Goodboy가 pixi.js를 공개했습니다. 이 회사는이를 데스크톱과 모바일에서 작동하도록 설계된 빠르고 가벼운 2D 라이브러리라고 설명합니다. 또한 렌더러는 누구나 "WebGL에 대한 사전 지식 없이도 하드웨어 가속의 힘을 즐길"수 있도록합니다.

엔진은 '한 번만 빌드하면 어디서나 플레이'라는 회사의 철학을 활용하고 있으며 Goodboy는 HTML5가 이러한 목표를 달성하기위한 실행 가능한 도구가되고 있다고 강력하게 믿습니다. Pixi.js 소스 코드는 문서화 및 튜토리얼이 완료되면 향후 2 주 이내에 GitHub에 릴리스 될 예정입니다. 그동안 .net은 Goodboy 창립자 John Denton에게 엔진과 이것이 웹 개발자에게 어떻게 도움이 될 수 있는지에 대해 이야기했습니다.

.net : pixi.js는 무엇이 다른가요? 독자들이 관심을 갖는 이유는 무엇입니까?
JD: 단지 게임 엔진이 아닌 렌더링에만 집중합니다. 따라서 다른 리치 미디어 경험에 적합합니다. WebGL에서도 작동하므로 매우 빠릅니다! 이제 모바일 브라우저가 WebGL을 채택하기 시작하면서 이는 점점 더 관련성이 높아지고 WebGL을 사용할 수없는 경우 pixi.js는 Canvas 렌더러를 원활하게 채택합니다. 두 렌더러는 동일하게 보이므로 브라우저간에 시각적 차이가 없습니다. 필터, 변위 및 입자 효과와 같은 추가 된 마력을 사용하기 위해 특정 추가 기능을 구현하려고합니다.


.net : pixi.js가 어떤 종류의 프로젝트에 유용하다고 생각하십니까?
JD: 우리의 목표는 Flash와 같은 경험을 쉽게 만들 수있는 유용한 도구 세트를 만드는 것입니다. 그러나 가능한 한 광범위한 장치에서 사용할 수 있습니다. 네이티브 앱의 성능을 따라갈 수는 없지만 모바일 브라우저에 진정한 고품질 앱과 같은 경험을 제공 할 수 있습니다. Run Pixie Run 데모는 우수한 사양의 모바일에서 얻을 수있는 시각적 충실도의 예입니다.

.net : 개발자가 더 쉽게 일을하기 위해 무엇을 했습니까?
JD: Pixi.js는 속도를 염두에두고 설계되었으며 기기 별 문제로부터 사용자를 보호합니다. API는 또한 사용이 간편하여 WebGL / Canvas 구현을 추상화합니다. 따라서 하나의 브라우저에서 작동하는 것이 있으면 모두에서 작동합니다.

.net : '한 번만 빌드하면 어디서나 플레이'철학이 현실적이라고 생각하십니까?
JD: 우리는 3 단계를 고수함으로써이 철학을 따릅니다. 먼저, 대형 화면에서 모바일까지 어떻게 적응하거나 수행해야하는지 고려하여 경험을 설계하고 개념화합니다. 그런 다음 필요할 때 레이아웃이 유동적임을 확인합니다. 웹 사이트에서는 점점 더 보편화되지만 엔터테인먼트 경험에서는 덜 사용됩니다. 마지막으로 핵심 경험이 일관되게 유지되고 하드웨어에 맞게 조정되는 종소리와 휘파람으로 PC 게임 모델을 따릅니다.


마지막 지점에서 Run Pixie Run은 속도가 저하되고 느린 브라우저에서 일부 효과를 제거합니다. 이를 자동으로 달성하기 위해 나머지 게임을로드하기 전에 기기에서 3 초 스트레스 테스트를 수행합니다. 그러나 우리는 플랫폼이 무엇인지를 찾는 것이 아니라 단지 얼마나 빨리 실행되는지를 찾고 있습니다. 그런 다음 하드웨어에 스트레스가 가해지면 적합한 버전을 얻을 수 있다는 사실을 알고 안전하게 마을로 이동할 수 있습니다.

.net : App Store 및 유사 벤처를 회피하기 위해 귀하와 같은 도구를 사용한다고 언급하셨습니다. 수익 창출에 대해 생각하십니까?
JD: 우리의 관점에서 인터랙티브 모바일 콘텐츠를 브라우저에서 생성하는 기능은 특히 클라이언트 애플리케이션에 사용되며, 따라서 유료 / IAP [인앱 구매] 수익 창출 앱 유형에 덜 초점을 맞추고 있습니다. 에서. 우리는 그것이 목표 일 때 여전히 앱을 만들고 있지만, Flash가 데스크톱에서 해왔 던 것과 같은 모바일 브랜드 경험은이 배포 모델이 정말로 흥미롭고 새로운 것을 제공하는 것을 볼 수있는 곳입니다.


유료 콘텐츠는 현재 HTML의 개방성 때문에 까다 롭습니다. 그러나 pixi.js는 전적으로 JavaScript에서 빌드되므로이를 사용하는 모든 것은 PhoneGap과 같은 것을 사용하여 앱으로 패키징 할 수 있습니다.

우리는 당신이 읽는 것을 권합니다
IE9는 마이크로 소프트 브라우저 동향에 돈을 씁니다
읽다

IE9는 마이크로 소프트 브라우저 동향에 돈을 씁니다

3 월에 tatCounter는 Chrome이 하루 동안 세계 1 위의 브라우저라고보고했으며 IE의 쇠퇴가 계속되었다고 언급했지만, 오늘 회사는 브라우저 트렌드에 대한 다른 견해를 보여주는 새로운 수치를 발표했습니다. tatCounter의 운세 반전은 Chrome이 급증하는 주말 트래픽을 기반으로 한 것이 었는데, 이는 사용자가 더 이상 직장에서 Intern...
2020 년 10 가지 주요 일러스트레이션 트렌드
읽다

2020 년 10 가지 주요 일러스트레이션 트렌드

이봐 요. 우리는 새로운 10 년이 다가오고 있습니다! 작년 일러스트 트렌드를 주시하고 2020 년과 그 이후로 우리가 어디로 가고 있는지에 대한 단서를 얻기에 이상적인시기 인 것 같습니다.지난주 우리는 향후 12 개월을 형성 할 그래픽 디자인 트렌드를 자세히 살펴 보았으며 오늘은 일러스트레이션에 초점을 맞추고 있습니다. 여기에서 업계의 주요 아티스트와 디...
Photoshop을 사용하여 밀착 인화를 만드는 방법
읽다

Photoshop을 사용하여 밀착 인화를 만드는 방법

이미지로 작업 할 때 어떤 시점에서 결과를 다른 사람들과 공유하고 싶을 것입니다. 이를 수행하는 방법에는 랩톱, 태블릿 또는 스마트 폰의 프레젠테이션과 같은 여러 가지 방법이 있습니다. 그러나 누군가에게 빠른 증거를 보내거나 프레젠테이션을하고 싶은데 휴대용 전자 장치가 없다면 어떻게 될까요?간단한 해결책은 Adobe Bridge 또는 Photo hop 내에...