New examples for customizing rendering

378 views
Skip to first unread message

feni...@google.com

unread,
Dec 5, 2019, 9:46:49 PM12/5/19
to Blockly
Hi folks,

I just pushed a new interactive sample that shows how customize the renderer in some common ways, including custom connection shapes.

Cheers,
Rachel

Dimu Designs

unread,
Dec 7, 2019, 11:24:47 AM12/7/19
to Blockly
Hello Rachel,

Thanks for the making this sample available. However, I could not get it load in my browser.

Here are system specs relevant to the build:
  • OS - Windows 10
  • Browser - Chrome (Version 78.0.3904.108)
  • Node - v12.13.0
  • Shell - cmd.exe

Here are the steps I took as per the instructions:
  • Clone the  blockly-samples  repo 
  • Switch to the  rendering-walkthrough  directory
  • Run  npm install  
  • Start server with  npm run start 
  • Open page at http://localhost:3000

Unfortunately I was met with the following error in Chrome:

error.png
















Any thoughts on where I went wrong? 

Dimu Designs

unread,
Dec 7, 2019, 12:03:21 PM12/7/19
to Blockly
I was able to resolve the issue.

It turns out to be a compatibility issue between node modules on Windows systems.

See bug report ERR_INVALID_REDIRECT when running http-server.

According to the above link this issue can be resolved in one of two ways.
  1. Reference index.html directly ie. http://localhost:3000/index.html
  2. Revert 'ecstatic' node module to version 3.0.0
The first one worked for me.
Message has been deleted

feni...@google.com

unread,
Dec 9, 2019, 1:35:47 PM12/9/19
to Blockly
Thanks.  I'll update the readme to say to use the directly link, as the simplest solution.

Cheers,
Rachel

ma...@thebishops.org

unread,
Jul 1, 2020, 2:58:24 PM7/1/20
to Blockly
It appears this rendering walk-through is no longer available in GitHub. Has it been moved?

koz...@google.com

unread,
Jul 6, 2020, 1:36:19 PM7/6/20
to Blockly
The rendering walk-through has moved to https://blocklycodelabs.dev/ with the code now at https://github.com/google/blockly-samples/tree/master/codelabs/custom_renderer
~ Monica
Reply all
Reply to author
Forward
0 new messages