[x3d-public] CodePen - Front End Developer Playground & Code

[Andreas Plesch]

Hi Don,

I believe I used pens for quick, throw-away tests.
https://codepen.io/search/pens?q=x3dom&page=1&order=popularity&depth=everything&show_forks=false
finds some good examples.

There quite a few such easy to use playgrounds. jsfiddle.com is one of
first ones, somehow I like it better. glitch.com is very powerful
since you can do both front-end and node.js back-end. It even has a
real linux console. One could use vim or emacs if there is a strong
desire.

For KISS and permanence, simply using the github online editor and
rawgit.com (necessary for proper mime type serving) is often a good
choice, too. You can refer to specific commits, so it has full
history:
https://rawgit.com/andreasplesch/x3dom/b88533df3ac8edd0f7a964e7d3e8b069881653cd/test/functional/inline-gltf.html

What I tend to do now is to actually use Chrome developer tools
directly. It now lets you edit both html and js of any page with a
pretty good editor (in the sources panel), and save the edited content
as overrides in a local directory (setup in overrides). Often, the
edits can be applied immediately after saving to file (ctrl-s). It is
always possible to reload the page from scratch using the overrides
instead of the originals (automatic if there are overrides). For
sharing and development, copy and paste the edited files to github or
somewhere.

A new, powerful but not beginner friendly playground/online notebook
is observablehq.com. Here are x3dom examples:
https://beta.observablehq.com/@andreasplesch/reactive-x3dom
https://beta.observablehq.com/@andreasplesch/sea-level-past-present-and-future

I am sure there is more,

-Andreas

> Date: Tue, 31 Jul 2018 08:49:33 -0700
> From: Don Brutzman <brutzman at nps.edu>
>
> CodePen looks pretty cool!  Has anyone tried using X3D/X_ITE/X3DOM with it?
>
> "CodePen is a social development environment for front-end designers and developers. ?
> It?s the best place to build and deploy a website, show off your work, build test cases, and find inspiration."
>
>         https://codepen.io
>
> all the best, Don
> --
> Don Brutzman  Naval Postgraduate School, Code USW/Br       brutzman at nps.edu
> Watkins 270,  MOVES Institute, Monterey CA 93943-5000 USA   +1.831.656.2149
> X3D graphics, virtual worlds, navy robotics http://faculty.nps.edu/brutzman