# Three.js texture as canvas for Phaser?

**URL:** <https://phaser.discourse.group/t/three-js-texture-as-canvas-for-phaser/3685>\
**Category:** Phaser 3\
**Created:** [September 9, 2019, 12:35am UTC](https://phaser.discourse.group/t/three-js-texture-as-canvas-for-phaser/3685 "2019-09-09T00:35:20Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Thundros](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/thundros/32/2057_2.png) [@Thundros](https://phaser.discourse.group/u/Thundros)\
**Post date:** [September 9, 2019, 12:35am UTC](https://phaser.discourse.group/t/three-js-texture-as-canvas-for-phaser/3685/1 "2019-09-09T00:35:21Z")

</div>

Is there small demo that allows to bring in a 3D plane sprite texture & use it as canvas in phaser 3?

---

<div class="post-metadata">

**Author:** ![Thundros](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/thundros/32/2057_2.png) [@Thundros](https://phaser.discourse.group/u/Thundros)\
**Post date:** [September 9, 2019, 2:42pm UTC](https://phaser.discourse.group/t/three-js-texture-as-canvas-for-phaser/3685/2 "2019-09-09T14:42:19Z")

</div>

someone can help?

---

<div class="post-metadata">

**Author:** ![snowbillr](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/snowbillr/32/332_2.png) [@snowbillr](https://phaser.discourse.group/u/snowbillr)\
**Post date:** [September 9, 2019, 3:18pm UTC](https://phaser.discourse.group/t/three-js-texture-as-canvas-for-phaser/3685/3 "2019-09-09T15:18:30Z")

</div>

I believe you can use an `Extern` - [https://photonstorm.github.io/phaser3-docs/Phaser.GameObjects.Extern.html](https://photonstorm.github.io/phaser3-docs/Phaser.GameObjects.Extern.html) for that.

I’ve never used it before, but there are a couple of examples on the phaser site: [https://labs.phaser.io/edit.html?src=src/bugs\extern.js](https://labs.phaser.io/edit.html?src=src/bugs%5Cextern.js)

---

<div class="post-metadata">

**Author:** ![Thundros](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/thundros/32/2057_2.png) [@Thundros](https://phaser.discourse.group/u/Thundros)\
**Post date:** [September 9, 2019, 5:02pm UTC](https://phaser.discourse.group/t/three-js-texture-as-canvas-for-phaser/3685/4 "2019-09-09T17:02:42Z")

</div>

Does anyone know if this works with Arcade Physics & collision? My whole point is to use a Three.JS-based sprite textured on a plane as a character.

---

<div class="post-metadata">

**Author:** ![snowbillr](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/snowbillr/32/332_2.png) [@snowbillr](https://phaser.discourse.group/u/snowbillr)\
**Post date:** [September 9, 2019, 7:47pm UTC](https://phaser.discourse.group/t/three-js-texture-as-canvas-for-phaser/3685/5 "2019-09-09T19:47:09Z")

</div>

It should be able to. Try it out - make an Extern object and then add it to the arcade physics world with [https://photonstorm.github.io/phaser3-docs/Phaser.Physics.Arcade.Factory.html#existing\_\_anchor](https://photonstorm.github.io/phaser3-docs/Phaser.Physics.Arcade.Factory.html#existing__anchor)

---

<div class="post-metadata">

**Author:** ![Thundros](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/thundros/32/2057_2.png) [@Thundros](https://phaser.discourse.group/u/Thundros)\
**Post date:** [September 9, 2019, 11:00pm UTC](https://phaser.discourse.group/t/three-js-texture-as-canvas-for-phaser/3685/6 "2019-09-09T23:00:19Z")

</div>

@snowbillr i do not understand… my apologies… ☹

---

<div class="post-metadata">

**Author:** ![Thundros](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/thundros/32/2057_2.png) [@Thundros](https://phaser.discourse.group/u/Thundros)\
**Post date:** [September 11, 2019, 2:58pm UTC](https://phaser.discourse.group/t/three-js-texture-as-canvas-for-phaser/3685/7 "2019-09-11T14:58:53Z")

</div>

hello?

---

<div class="post-metadata">

**Author:** ![snowbillr](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/snowbillr/32/332_2.png) [@snowbillr](https://phaser.discourse.group/u/snowbillr)\
**Post date:** [September 11, 2019, 6:14pm UTC](https://phaser.discourse.group/t/three-js-texture-as-canvas-for-phaser/3685/8 "2019-09-11T18:14:34Z")

</div>

Something like this example - [https://labs.phaser.io/edit.html?src=src/game%20objects\shapes\rectangle%20with%20arcade%20physics.js](https://labs.phaser.io/edit.html?src=src/game%20objects%5Cshapes%5Crectangle%20with%20arcade%20physics.js) but with an `Extern` object instead of a `Rectangle`.