Giter VIP home page Giter VIP logo

chilipeppr / widget-3dviewer Goto Github PK

View Code? Open in Web Editor NEW
16.0 6.0 41.0 642 KB

The amazing 3D viewer that is the centerpiece of ChiliPeppr. It knows how to parse Gcode to show it as a 3D representation. Has a simulator built in for the tool path. Also has numerous pubsub signals defined to enable 3rd party tools to inject 3D objects into the viewer.

HTML 47.77% JavaScript 51.84% CSS 0.39%

widget-3dviewer's Issues

Misinterpreted G2/G3 direction for arcs in ZX plane

Arcs from .gcode seem to render with wrong clockwise direction for arcs ZX plane. Preview shows lots of weird circles instead of neat arcs, while tool tracking from G2 board (DUE) goes correctly. If G2 and G3 are swapped for ZX plane (by tweaks in tinyg.cps post) - the preview shows correct picture, BUT the weird circles appear in tool tracking.
In other words: G2/G3 interpretation of 3dviewer (GCodeParser object?) is different from tinyg for arcs in ZX plane.

simple 2d gcode visualize

hi , sorry to open ticket for my question , actually I made my low weight web interface on ESP8266 which is use the JavaScript readerFile to load the gcode file on client side , I use the GRBL as cnc interpreter and connected to my ESP and its work well, however I intend to add visualize tab page so I could show gcode tool path but I couldn't find single file JS code (no Jquery) , I really appreciated if I have any hint on how to use essential this repo code for simple 2d visualize purpose
favicxzccon

Development thread: S parameter as variable opacity

screenshot from 2016-02-13 13-56-48

Hi John

I hope you wouldn't mind me opening a thread, but just easier to keep it going here where I can easily reference code lines, upload etc than the G+ community

So, from our discussion yesterday (#1)

I went ahead and added the subscribe

https://github.com/openhardwarecoza/widget-3dviewer/blob/master/widget.js#L138
and
https://github.com/openhardwarecoza/widget-3dviewer/blob/master/widget.js#L189

and hopefully data published should trigger the function https://github.com/openhardwarecoza/widget-3dviewer/blob/master/widget.js#L3014

However, I don't see the function fire off (i.e. not logging to console) when I connect and disconnect to the TinyG

(As you can tell I am totally noob with the subscribe/publish, so going by example code from other widgets here)

Clear 3D viewer without changing view angle

Is it possible to ask 3D viewer to clear the scene without changing the view angle? I want send this command from Eagle BRD Widget to redraw the board but I want to keep the view angle intact.

Question about Toolhead and info text

Is it possible for a widget to tell 3dviewer widget to hide/show Toolhead and info text?

I tried changing the visible property of some item from this.obj3d.parent.children with no success. Where this.obj3d.parent is the scene object.

Fix deprecation notices

Rather than branch/revert/patch/pull request... ill just submit a ticket.

THREE.LinePieces has been deprecated.

var line = new THREE.Line(lineGeo, material, THREE.LinePieces);

becomes

var line = new THREE.LineSegments(lineGeo, material);

You can cherry pick from this commit: dchote/widget-3dviewer-rpi@18e6b4f

[Bug] Ctrl-click to jog doesn't seem to work (Mac)

Chrome 51.0.2704.84 on Mac OS X 10.11.3.

Have to look more into repro steps more when I'm at the machine again, but I noticed that the jog tool was not working consistently. It didn't work on several tries, and randomly seemed to work maybe once. I think it may be registering control-clicks as right-clicks (as is the case on Macs), so it'd be great if we could also accept Cmd-clicks for Mac users.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.