# Help with 3d object transfiguration/distortion effect

**URL:** <https://discourse.processing.org/t/help-with-3d-object-transfiguration-distortion-effect/28795>\
**Category:** Coding Questions\
**Created:** [March 24, 2021, 1:30pm UTC](https://discourse.processing.org/t/help-with-3d-object-transfiguration-distortion-effect/28795 "2021-03-24T13:30:25Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![micuat](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/micuat/32/19407_2.png) [@micuat](https://discourse.processing.org/u/micuat)\
**Post date:** [March 24, 2021, 8:50pm UTC](https://discourse.processing.org/t/help-with-3d-object-transfiguration-distortion-effect/28795/2 "2021-03-24T20:50:16Z")

</div>

it seems not supported

> <https://github.com/processing/p5.js/issues/2369>
>
> Nature of issue?
> Found a bug
> Existing feature enhancement
> New feature request
> Most appropriate sub-area of p5.js?
> Color
> Core
> Data
> Events
> Image
> ...

while Spongman’s example shows how to “hack” to render the modified buffer (below is copied from the link above, I tried with your code and partially works but I’m not posting that because 1) I don’t want to tidy the code 😆 and 2) somehow it doesn’t seem to work with `noFill` - which perhaps is related to the implementation of WEBGL in p5.js)

```javascript
var renderer;
var geometry;
var gid = 'custom';
function setup () {
  renderer = createCanvas(500, 500, WEBGL);
  geometry = new p5.Geometry(...);
}
function draw() {
  // modify geometry
  geometry.computeNormals();

  renderer.createBuffers(gid, geometry);
  renderer.drawBuffers(gid);
}

```

---

_[View the full topic](https://discourse.processing.org/t/help-with-3d-object-transfiguration-distortion-effect/28795)._