WYSIWYG editor

[FateRiddle]

The 25k size and easy api is perfect for some simple 3D case on mobile phone screen, great job!

But for our company(and many more), it can be a bit awkward with the workflow: definitely not easy for frontend developers to come up with the design, also not realistic to ask designers to code.

So maybe an editor for z-dog is on your roadmap? One that can be used by designer and generate javascript code as output. Just asking.

[desandro]

Add a 👍 reaction to this issue if you would like to see Zdog get a dedicated WYSIWIG editor.

Yeah, I've thought about it. It's a much bigger undertaking as you have to deal with lots of UI work. @webocs did make a prototype.

[chrisgannon]

Just to pick up on your comment, and in this particular instance, I think it’s perfectly acceptable to ask designers to code. The API very much reflects properties that designers would understand and we all need to expand our skill sets, right? Zdog is well situated to help bridge that designer/developer gap IMO. 🙂

[webocs]

Hi @FateRiddle , As @desandro said, I've been working on an editor that translates to zDog code. It's been a busy week so there wasn't huge progress and I didn't post any update, but it's still in active development. We are planning on using zDog in some of our products, and as stated here, it's a bit hard to put it inside a dev cycle. That's the main goal of the editor, to help with our own devs and that's why it looks a bit rough. If the tool proofs to be useful (and after leaving the prototype stage) It will be published for others to use as alpha or beta and maybe open sourced later on.

Also, @chrisgannon comment has a point, and It's been in y head since I started with the editor. I agree with you and that's why the editor is going to be built around that idea. Showing our designers live code of their creation can help them understand what they're doing, thus making it a learning experience too. If the tool can teach them how to write zDog code, they can extend it to generate illustrations that are outside the reach of the editor. Any comments regarding this type of tool and/or example of other that use this approach is very welcomed! :D

[ph1-xyz]

Thanks @desandro

I thought mixing z-dog with a visual editor would be great

[noahpin]

Hello! I too am working on a blender-style zDog editor. i currently have no demo available, but due to the simplicity of this library the creation is going smoothly.

[gemgames]

Hi! I'm making an editor for Zdog as well. I'd like to see most people's creations. I have 800 lines of code and have been working on it for a week. It's only kinda WYSIWYG, as there are camera controls & animation to take care of. I have a glitch.com page, but I'm not sure if I'm allowed to post it. (Advertising?) Should I call it Zdog House? Edit, it's in alpha testing, and I wrote 1000 lines of code. I have a beta demo of it ready in my repositories.

[shaunabanana]

Hi! Adding my code to the mix :) I've written a simple editor with Vue, code available here. It works in the browser. A live version is at GitHub Pages. The features are still quite incomplete, though. I'll keep working on it in my spare time!

[ceruulean]

I made this: https://github.com/ceruulean/zdog-scope

• It has JSON import/export and a code embed generator. The UX design, camera system and widgets are tripping me up. I want to attempt a Rust implementation since it can compile to WASM. If anyone's interested in helping out, let me know.