Three.js: рдмрдирд╛рд╡рдЯ рдХреЗ рд░реВрдк рдореЗрдВ рдПрд╕рд╡реАрдЬреА?

рдХреЛ рдирд┐рд░реНрдорд┐рдд 12 рдлрд╝рд░ре░ 2012  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: mrdoob/three.js

рдореИрдВ рдЗрд╕ рдкреНрд░рд╢реНрди рдХреЛ # 814 рд▓рд╛рд▓ рдХрд░рддрд╛ рд╣реВрдВ

рдФрд░ рдореИрдВ рдЗрд╕ js рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдкрд░ рднреА рдЪрд▓рддрд╛ рд╣реВрдВ: http://code.google.com/p/canvg/ рдЬреЛ рдбреЗрдЯрд╛ рд░реВрдкрд╛рдВрддрд░рдг рдХреЗ рд▓рд┐рдП SVG рдХреЛ рдХреИрдирд╡рд╛рд╕ рдкрд░ рдХрд░ рд╕рдХрддрд╛ рд╣реИред

рдпрд╣ рдореЗрд░рд╛ рдХреЛрдб рд╣реИ:

var imageCanvas2 = document.createElement("canvas");
canvg(imageCanvas2, 'images/46.svg');
var imag = imageCanvas2.toDataURL('image/png');   // --> here is the converted image data

var cubeMaterial = [new THREE.MeshBasicMaterial({
    map : THREE.ImageUtils.loadTexture(imag)
})];

рдпрд╣ рдореБрдЭреЗ рддреНрд░реБрдЯрд┐ рджреЗрддрд╛ рд╣реИ: "рдХреНрд░реЙрд╕-рдСрд░рд┐рдЬрд┐рдирд▓ рдЗрдореЗрдЬ рд▓реЛрдб рдХреНрд░реЙрд╕-рдСрд░рд┐рдЬрд┐рдирд▓ рд░рд┐рд╕реЛрд░реНрд╕ рд╢реЗрдпрд░рд┐рдВрдЧ рдкреЙрд▓рд┐рд╕реА рджреНрд╡рд╛рд░рд╛ рдЕрд╕реНрд╡реАрдХреГрддред"

рдореЗрд░реЗ рд▓рд┐рдП рдпрд╣рд╛рдВ рдХреНрдпрд╛ рд╡рд┐рдХрд▓реНрдк рд╣реИрдВ?

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдореБрдЭреЗ рдпрд╣ рдЙрд▓реНрд▓реЗрдЦ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдХрд┐ рд╡реЗрдмрдЬреАрдПрд▓ рдПрдХ рд╡рд┐рдХрд▓реНрдк рдирд╣реАрдВ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдореИрдВ рдореЛрдмрд╛рдЗрд▓ рдЙрдкрдХрд░рдгреЛрдВ рдкрд░ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реВрдВрдЧрд╛ рдЬреЛ рд╡реЗрдмрдЬреАрдПрд▓ рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдореЗрд░реЗ рднрдЧрд╡рд╛рди ... рдореИрдВ рд╡рд┐рд╢реНрд╡рд╛рд╕ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ рдХрд┐ рдХрд┐рддрдирд╛ рдмреЗрд╡рдХреВрдл рд╣реИред
рдпрд╣ iOS рдкрд░ рднреА рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдПрд╕рд╡реАрдЬреА рдЫрд╡рд┐ рд╣реИ рдЬреЛ рд╡реЗрдмрд╡реНрдпреВ рдХреА рдкреГрд╖реНрдарднреВрдорд┐ рдХреЗ рд╕рдорд╛рди рд░рдВрдЧ рд╣реИ рдЗрд╕рд▓рд┐рдП рдореИрдВрдиреЗ рдЗрд╕реЗ рдирд╣реАрдВ рджреЗрдЦрд╛: рдбреА
рдХрдо рд╕реЗ рдХрдо рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдФрд░ рдЬрдм рдХреЛрдИ рд╡реНрдпрдХреНрддрд┐ рдЗрд╕реЗ рдкрдврд╝ рд╕рдХрддрд╛ рд╣реИ рддреЛ рд╣рдВрд╕ рд╕рдХрддрд╛ рд╣реИ: рдбреА

рд╕рднреА 5 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЖрдк рдЗрд╕реА рдореБрджреНрджреЗ рдХреЛ # 1305 рдорд╛рд░ рд░рд╣реЗ рд╣реИрдВред

рдореИрдВрдиреЗ рдЙрд╕ рдкрд░ рдЖрдзрд╛рд░рд┐рдд рдХреБрдЫ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА:

var imageCanvas2 = document.createElement("canvas");
canvg(imageCanvas2, 'images/46.svg');
var imag = imageCanvas2.toDataURL('image/png');

var texture = new THREE.Texture(imag);
texture.needsUpdate = true;

//Now I have to make material from this so I could apply it to Mesh:

var cubeMaterial = new THREE.MeshBasicMaterial({
    map : texture  /////something like this. This throws errors.
});

cube = new THREE.Mesh(geometry, cubeMaterial);

рдореБрдЭреЗ рдЗрд╕рдХрд╛ рдЙрджрд╛рд╣рд░рдг рдирд╣реАрдВ рдорд┐рд▓рд╛ред рдХреНрдпрд╛ рдЖрдк рдорджрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

var imageCanvas2 = document.createElement("canvas");
canvg(imageCanvas2, 'images/46.svg');

var texture = new THREE.Texture(imageCanvas2);
texture.needsUpdate = true;

рдЦреИрд░, рдЕрдЪреНрдЫреА рдмрд╛рдд рдпрд╣ рд╣реИ рдХрд┐ рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рдмреБрд░реА рдмрд╛рдд рдпрд╣ рд╣реИ рдХрд┐ рдпрд╣ iPhone рдкрд░ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред
рдзрдиреНрдпрд╡рд╛рдж, рдореБрдЭреЗ рдпрд╣ рдкрддрд╛ рд▓рдЧрд╛рдирд╛ рд╣реЛрдЧрд╛ рдХрд┐ рдЖрдИрдУрдПрд╕ рдкрд░ рдпрд╣ рдХрд╛рдо рдХреНрдпреЛрдВ рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИред

рдореЗрд░реЗ рднрдЧрд╡рд╛рди ... рдореИрдВ рд╡рд┐рд╢реНрд╡рд╛рд╕ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ рдХрд┐ рдХрд┐рддрдирд╛ рдмреЗрд╡рдХреВрдл рд╣реИред
рдпрд╣ iOS рдкрд░ рднреА рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдПрд╕рд╡реАрдЬреА рдЫрд╡рд┐ рд╣реИ рдЬреЛ рд╡реЗрдмрд╡реНрдпреВ рдХреА рдкреГрд╖реНрдарднреВрдорд┐ рдХреЗ рд╕рдорд╛рди рд░рдВрдЧ рд╣реИ рдЗрд╕рд▓рд┐рдП рдореИрдВрдиреЗ рдЗрд╕реЗ рдирд╣реАрдВ рджреЗрдЦрд╛: рдбреА
рдХрдо рд╕реЗ рдХрдо рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдФрд░ рдЬрдм рдХреЛрдИ рд╡реНрдпрдХреНрддрд┐ рдЗрд╕реЗ рдкрдврд╝ рд╕рдХрддрд╛ рд╣реИ рддреЛ рд╣рдВрд╕ рд╕рдХрддрд╛ рд╣реИ: рдбреА

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

Horray picture Horray  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

clawconduce picture clawconduce  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

konijn picture konijn  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

jens-duttke picture jens-duttke  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

filharvey picture filharvey  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ