failed with documentation code...

[jyeann]

1st time testing here and tried testing out the demo code in getting start, but it kept showing
matter-js: Render.create: options.element was undefined, render.canvas was created but not appended warn

`

<title>Document</title> <script src="./matter-js-0.16.1/build/matter.js"></script> <script> var Engine = Matter.Engine, Render = Matter.Render, World = Matter.World, Bodies = Matter.Bodies;

  // create an engine
  var engine = Engine.create();

  // create a renderer
  var render = Render.create({
    element: document.body,
    engine: engine,
  });

  // create two boxes and a ground
  var boxA = Bodies.rectangle(400, 200, 80, 80);
  var boxB = Bodies.rectangle(450, 50, 80, 80);
  var ground = Bodies.rectangle(400, 610, 810, 60, { isStatic: true });

  // add all of the bodies to the world
  World.add(engine.world, [boxA, boxB, ground]);

  // run the engine
  Engine.run(engine);

  // run the renderer
  Render.run(render);
</script>

`

[michael-garofalo]

Where did you see this documentation?

It looks similar to this...
https://github.com/liabru/matter-js/wiki/Getting-started
...and that works for me, because I used a slightly modified version to help troubleshoot an issue here...
#256 (comment)

It looks like there's an extra comma. Maybe that's a problem?

[francoispeyret]

@michael-garofalo your remark seems to be the right one

[jyeann]

@liabru yes, is the exact getting started code.

tried, but still empty when load browser

tried you #256 (comment) code. still blank browser

[michael-garofalo]

tried you #256 (comment) code. still blank browser

Usually, when something like this happens, I open up the developer tools in the browser. Which browser are you using? Typically, there's a console log message that says what's wrong.

The HTML, in issue #256, is not enough. It needs the matter.min.js file too.

<script src="matter.min.js"></script>

---

I just tested the code and I was like... WTF?! It's blank. 😄

But, upon closer inspection, the page wasn't blank. There was a scrollbar. I was able to scroll the page and then see the demo at the bottom. I don't remember it doing that before. The problem is this...

     <div style="width:100%; height: 100%;">
     </div>

I just removed that part and it seems to be working normally.

[jyeann]

Thank you, i got it. some how replaced the source files, the browser show the output. Regards 'Jyeann Hp +6012 370 7373 Connecting <https://www.linkedin.com/in/jye-ann-a4b4333a> Creativity <https://www.linkedin.com/in/jye-ann-a4b4333a> Design • Trading • Technology

…

On Mon, Mar 1, 2021 at 8:32 PM michael-garofalo ***@***.***> wrote: tried you #256 <#256> (comment) code. still blank browser Usually, when something like this happens, I open up the developer tools in the browser. Which browser are you using? Typically, there's a console log message that says what's wrong. The HTML, in issue #256 <#256>, is not enough. It needs the *matter.min.js* file too. <script src="matter.min.js"></script> — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#972 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AA254O2CGM7F6MC7TPTQVHLTBOCOVANCNFSM4XJYTVPA> .

[bohemian916]

I also faced the same error.
It was because I loaded the script in the head section.
Instead, I load in the body section, and no error appeared.