Pixi.js: ํˆฌ๋ช… ๋ฐฐ๊ฒฝ

์— ๋งŒ๋“  2013๋…„ 03์›” 29์ผ  ยท  11์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: pixijs/pixi.js

์•ˆ๋…•,

๋ฐฐ๊ฒฝ์„ ํˆฌ๋ช…ํ•˜๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ๋‚˜์š”?

๊ฐ์‚ฌ ํ•ด์š”!

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

@zur4ik- ๋‚˜๋Š” ๊ฐ™์€ ๋ฌธ์ œ๋ฅผ ๊ฒช๊ณ  ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ์‚ฌ๋žŒ์„ ์œ„ํ•ด:

var ๋ Œ๋”๋Ÿฌ = PIXI.autoDetectRenderer(256, 256, {์•ˆํ‹ฐ์•จ๋ฆฌ์–ด์Šค: ๊ฑฐ์ง“, ํˆฌ๋ช…: ์ฐธ, ํ•ด์ƒ๋„: 1});

๋ชจ๋“  11 ๋Œ“๊ธ€

์•„ ์˜ˆ! ๊ทธ๊ฒƒ์€ ๋งค์šฐ ํŽธ๋ฆฌํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. pixi.js๋Š” ์•„์ง ํˆฌ๋ช…ํ•œ ๋ฐฐ๊ฒฝ์— ๋Œ€ํ•ด ์„ค์ •๋˜์ง€ ์•Š์•˜์ง€๋งŒ ๋ณ€๊ฒฝํ•˜๊ธฐ๊ฐ€ ๋งค์šฐ ์‰ฝ์Šต๋‹ˆ๋‹ค. :)
๋‚ด ํ• ์ผ ๋ชฉ๋ก์— ์ถ”๊ฐ€..

๋‹ต์žฅ์„ ๋ณด๋‚ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ํžŒํŠธ๋ฅผ ์ฃผ์‹ค ์ˆ˜ ์žˆ๋‚˜์š”? ๋„์›€์ด ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ;)

๋„์›€์„ ์ฃผ์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. +1:

์—ฌ๊ธฐ๊ฐ€ ๋‹น์‹ ์„ ์œ„ํ•œ ์ถœ๋ฐœ์ ์ž…๋‹ˆ๋‹ค :)

๋ฐฐ๊ฒฝ์ƒ‰์€ ์บ”๋ฒ„์Šค ๋ Œ๋”์—์„œ ์—ฌ๊ธฐ(78ํ–‰)๋กœ ์„ค์ •๋ฉ๋‹ˆ๋‹ค.

if(this.view.style.backgroundColor!=stage.backgroundColorString)this.view.style.backgroundColor = stage.backgroundColorString;

webGLRender์˜ ์—ฌ๊ธฐ(189ํ–‰):

gl.clearColor(stage.backgroundColorSplit[0], stage.backgroundColorSplit[1], stage.backgroundColorSplit[2], 1.0);

์•ˆํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค ๋Šฆ๊ฒŒํ•˜๋Š” ๊ฒƒ์ด ๋‚ซ๋‹ค! ์ด์ œ ๋ฐฐ๊ฒฝ ํˆฌ๋ช…๋„๊ฐ€ ๊ตฌํ˜„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

var renderer = PIXI.autoDetectRenderer(400, 300, null, *true*);

@GoodBoyDigital ๋ฉ‹์ง€๋„ค์š” ! ๋‚˜๋Š” ๋ง ๊ทธ๋Œ€๋กœ ์ด๊ฒƒ์„ ๊ตฌํ˜„ํ•˜๋ ค๊ณ ํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌ ํ•ด์š”!

์™€! ...์ด ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๊ธฐ ์œ„ํ•ด ์ฃผ๋ง์„ ์˜ˆ์•ฝํ–ˆ์ง€๋งŒ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!!

๊ทธ๋ฆฌ๊ณ ... pixi.js๋ฅผ ์ฒ˜์Œ ์‚ฌ์šฉํ•˜๋Š” ๋ถ„๋“ค์„ ์œ„ํ•ด... ์™€์šฐ! ๋‹ฌ์ฝคํ•œ!

๋‚˜๋Š” ๋„ฃ์–ด

var renderer = PIXI.autoDetectRenderer(400, 300, null, true);

ํ•˜์ง€๋งŒ ๋‚ด ์บ”๋ฒ„์Šค๋Š” ์–ด์จŒ๋“  ๊ฒ€์€์ƒ‰์ž…๋‹ˆ๋‹ค. ์–ด๋–ค ์•„์ด๋””์–ด?

@zur4ik v3์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ autoDetectRenderer์— ๋Œ€ํ•œ ์ ์ ˆํ•œ ๋งค๊ฐœ๋ณ€์ˆ˜๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค. v3 ๋ฌธ์„œ๋ฅผ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค.

http://pixijs.github.io/docs/PIXI.html#.autoDetectRenderer

@zur4ik- ๋‚˜๋Š” ๊ฐ™์€ ๋ฌธ์ œ๋ฅผ ๊ฒช๊ณ  ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ์‚ฌ๋žŒ์„ ์œ„ํ•ด:

var ๋ Œ๋”๋Ÿฌ = PIXI.autoDetectRenderer(256, 256, {์•ˆํ‹ฐ์•จ๋ฆฌ์–ด์Šค: ๊ฑฐ์ง“, ํˆฌ๋ช…: ์ฐธ, ํ•ด์ƒ๋„: 1});

์ด ์Šค๋ ˆ๋“œ๋Š” ๋‹ซํžŒ ํ›„ ์ตœ๊ทผ ํ™œ๋™์ด ์—†์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ž๋™์œผ๋กœ ์ž ๊ฒผ์Šต๋‹ˆ๋‹ค. ๊ด€๋ จ ๋ฒ„๊ทธ์— ๋Œ€ํ•œ ์ƒˆ ๋ฌธ์ œ๋ฅผ ์—ฌ์‹ญ์‹œ์˜ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰